@extends('layouts.master')


@section('content')
<div class="container d-flex justify-content-center align-items-center" style="min-height: 80vh;">
  <div class="card shadow-lg border-success text-center p-5" style="max-width: 600px; width:100%;">
    <div class="mb-4">
      <i class="bi bi-check-circle-fill text-success" style="font-size: 4rem;"></i>
    </div>
    <h2 class="text-success fw-bold">Certificate Verified</h2>
    <p class="text-muted mb-4">This certificate is valid and issued by <strong>GMM Educational Trust and Welfare Association</strong>.</p>

    <ul class="list-group list-group-flush text-start">
      <li class="list-group-item"><strong>Name:</strong> {{ $volunteer->name }}</li>
      <li class="list-group-item"><strong>Certificate ID:</strong> GMM-{{ $volunteer->id }}</li>
      <li class="list-group-item"><strong>Issued Date:</strong> {{ $volunteer->issue_date ?? $volunteer->created_at->format('d-m-Y') }}</li>
    </ul>
  </div>
</div>
@endsection
