@extends('layouts.app')

@section('title', __('Certificate Verification'))

@section('content')
<div class="container py-5">
    <div class="row justify-content-center">
        <div class="col-lg-7 col-md-9">
            @if ($cert && $cert->status === 'active')
                <div class="card shadow-sm border-0 border-top border-success border-4">
                    <div class="card-body p-4 p-md-5">
                        <div class="text-center mb-4">
                            <i class="bi bi-patch-check-fill text-success" style="font-size: 3.5rem;"></i>
                            <h1 class="h3 mt-3 mb-2">{{ __('Valid certificate') }}</h1>
                            <span class="badge bg-success-subtle text-success-emphasis fs-6">
                                <i class="bi bi-check-circle me-1"></i> {{ __('Verified & Active') }}
                            </span>
                        </div>

                        <table class="table align-middle mb-0">
                            <tbody>
                                <tr>
                                    <th scope="row" class="text-muted" style="width: 40%;">{{ __('Student') }}</th>
                                    <td>{{ $cert->student->name ?? '—' }}</td>
                                </tr>
                                <tr>
                                    <th scope="row" class="text-muted">{{ __('Course') }}</th>
                                    <td>{{ $cert->course->title ?? '—' }}</td>
                                </tr>
                                <tr>
                                    <th scope="row" class="text-muted">{{ __('Instructor') }}</th>
                                    <td>{{ $cert->course->instructor->name ?? '—' }}</td>
                                </tr>
                                <tr>
                                    <th scope="row" class="text-muted">{{ __('Certificate No.') }}</th>
                                    <td>{{ $cert->certificate_no }}</td>
                                </tr>
                                <tr>
                                    <th scope="row" class="text-muted">{{ __('Date Issued') }}</th>
                                    <td>{{ optional($cert->issued_at)->format('F d, Y') ?? '—' }}</td>
                                </tr>
                                <tr>
                                    <th scope="row" class="text-muted">{{ __('Verification Code') }}</th>
                                    <td><code>{{ $cert->verification_code }}</code></td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            @elseif ($cert && $cert->status === 'active' && $cert->isExpired())
                <div class="card shadow-sm border-0 border-top border-warning border-4">
                    <div class="card-body p-4 p-md-5 text-center">
                        <i class="bi bi-clock-history text-warning" style="font-size: 3.5rem;"></i>
                        <h1 class="h3 mt-3 mb-2">{{ __('Certificate expired') }}</h1>
                        <p class="text-muted mb-3">
                            {{ __('This certificate was valid until :date. The holder must retake the course to renew it.', ['date' => $cert->valid_until->format('d M Y')]) }}
                        </p>
                        <span class="badge bg-warning-subtle text-warning-emphasis fs-6">
                            <i class="bi bi-x-octagon me-1"></i> {{ __('Expired') }}
                        </span>
                        <p class="small text-muted mt-3 mb-0">
                            {{ __('Certificate No:') }} {{ $cert->certificate_no }}
                        </p>
                    </div>
                </div>
            @elseif ($cert && $cert->status === 'revoked')
                <div class="card shadow-sm border-0 border-top border-warning border-4">
                    <div class="card-body p-4 p-md-5 text-center">
                        <i class="bi bi-exclamation-triangle-fill text-warning" style="font-size: 3.5rem;"></i>
                        <h1 class="h3 mt-3 mb-2">{{ __('Certificate revoked') }}</h1>
                        <p class="text-muted mb-3">
                            {{ __('This certificate exists but has been') }} <strong>{{ __('revoked') }}</strong> {{ __('and is no longer valid.') }}
                        </p>
                        <span class="badge bg-warning-subtle text-warning-emphasis fs-6">
                            <i class="bi bi-x-octagon me-1"></i> {{ __('Revoked') }}
                        </span>
                        <p class="small text-muted mt-3 mb-0">
                            {{ __('Certificate No:') }} {{ $cert->certificate_no }}
                        </p>
                    </div>
                </div>
            @else
                <div class="card shadow-sm border-0 border-top border-danger border-4">
                    <div class="card-body p-4 p-md-5 text-center">
                        <i class="bi bi-x-circle-fill text-danger" style="font-size: 3.5rem;"></i>
                        <h1 class="h3 mt-3 mb-2">{{ __('Certificate not found') }}</h1>
                        <p class="text-muted mb-0">
                            {{ __('We could not find a valid certificate matching') }}
                            <strong>"{{ $code }}"</strong>. {{ __('Please double-check the verification code or certificate number and try again.') }}
                        </p>
                    </div>
                </div>
            @endif

            <div class="text-center mt-4">
                <a href="{{ route('certificate.verify.form') }}" class="btn btn-outline-secondary">
                    <i class="bi bi-arrow-left me-1"></i> {{ __('Verify another certificate') }}
                </a>
            </div>
        </div>
    </div>
</div>
@endsection