@extends('public.layout.app')
@section('title', 'Certificate Verification')

@section('body')
<section class="section pt-5">
    <div class="container">
        <div class="glass shadow-soft p-4 p-lg-5 mb-4">
            <div class="row g-4 align-items-end">
                <div class="col-lg-8">
                    <div class="badge-soft d-inline-flex align-items-center gap-2 mb-2">
                        <i class="fa-solid fa-shield-halved"></i> Online Certificate Verification
                    </div>
                    <h1 class="fw-bold mb-2">Verify student records and issued transcripts</h1>
                    <p class="text-muted2 mb-0">Search by student number, student email, transcript ID, or transcript file reference.</p>
                </div>
                <div class="col-lg-4">
                    <form method="GET" action="{{ route('front.certificate.verify') }}" class="d-flex gap-2">
                        <input name="certificate_no" value="{{ $query }}" class="form-control" placeholder="Certificate or student number">
                        <button class="btn btn-accent"><i class="fa-solid fa-check"></i></button>
                    </form>
                </div>
            </div>
        </div>

        <div class="card-soft shadow-soft p-4 p-lg-5">
            @if($student || $transcript)
                <div class="alert alert-success-soft">Verification match found.</div>
                @if($student)
                    <h4 class="fw-bold">{{ $student->user?->name ?? $student->email }}</h4>
                    <p class="text-muted2 mb-3">Student No: {{ $student->student_no }} | Program: {{ $student->program?->name ?? '-' }}</p>
                @endif
                @if($transcript)
                    <div class="border-top pt-3">
                        <h5 class="fw-bold">Transcript #{{ $transcript->id }}</h5>
                        <p class="text-muted2 mb-2">Generated: {{ optional($transcript->generated_at)->format('Y-m-d') }}</p>
                        <a class="btn btn-success-soft btn-sm" href="{{ asset('storage/' . $transcript->file_path) }}" target="_blank">
                            <i class="fa-solid fa-file-pdf me-1"></i> Open transcript
                        </a>
                    </div>
                @endif
            @elseif($query)
                <div class="alert alert-soft mb-0">No verified certificate or student record was found for that reference.</div>
            @else
                <p class="text-muted2 mb-0">Enter a reference above to verify a public academic record.</p>
            @endif
        </div>
    </div>
</section>
@endsection