@extends('layouts.app')

@section('title', 'Verify Certificate | AICDS')

@section('content')

<x-breadcrumb title="Verify Certificate" :breadcrumbs="['Certificates' => '#', 'Verify' => route('certificates.verify')]" />

<div class="sp_top_100 sp_bottom_100">
    <div class="container">
        <div class="row justify-content-center mb-5">
            <div class="col-xl-8 text-center" data-aos="fade-up">
                <span class="badge bg-primary text-white text-uppercase px-3 py-2 fw-semibold mb-3">Tamper-Proof Verification</span>
                <h2 class="fw-bold mb-3">AICDS Certificate Authenticity Portal</h2>
                <p class="text-muted">Enter the Certificate Number or Verification Code printed on the credential to confirm official issuance by the AICDS Academic &amp; Technical Council.</p>

                <form action="{{ route('certificates.verify.lookup') }}" method="POST" class="mt-4">
                    @csrf
                    <div class="input-group input-group-lg shadow-sm">
                        <input type="text" name="query" value="{{ old('query', $query ?? '') }}" required class="form-control px-4" placeholder="e.g. AICDS-CERT-2026-0001 or VERIF-AICDS-PRO-8892">
                        <button type="submit" class="default__button px-4 border-0">Verify Credential</button>
                    </div>
                    <small class="text-muted mt-2 d-block">Try sample certificate code: <code>AICDS-CERT-2026-0001</code></small>
                </form>
            </div>
        </div>

        @if(isset($query))
            <div class="row justify-content-center">
                <div class="col-xl-8">
                    @if($certificate)
                        <div class="card border-0 shadow-lg rounded-5 overflow-hidden">
                            <div class="{{ $certificate->status === 'valid' ? 'bg-success' : 'bg-danger' }} text-white p-4 d-flex justify-content-between align-items-center">
                                <div>
                                    <span class="badge bg-white {{ $certificate->status === 'valid' ? 'text-success' : 'text-danger' }} text-uppercase px-3 py-1 fw-bold">
                                        {{ $certificate->status === 'valid' ? 'Official Verified Credential' : 'Revoked Credential' }}
                                    </span>
                                    <h4 class="text-white fw-bold mb-0 mt-2">{{ $certificate->title }}</h4>
                                </div>
                                <i class="icofont-{{ $certificate->status === 'valid' ? 'check-circled' : 'warning' }} display-5 text-white"></i>
                            </div>

                            <div class="p-4 p-md-5 bg-white">
                                <div class="row g-4">
                                    <div class="col-sm-6">
                                        <div class="text-muted small">Certificate Number:</div>
                                        <div class="fs-5 fw-bold text-dark">{{ $certificate->certificate_number }}</div>
                                    </div>
                                    <div class="col-sm-6">
                                        <div class="text-muted small">Recipient Full Name:</div>
                                        <div class="fs-5 fw-bold text-dark">{{ $certificate->recipient_name }}</div>
                                    </div>
                                    <div class="col-sm-6">
                                        <div class="text-muted small">Certificate Type:</div>
                                        <div class="fs-6 fw-semibold text-primary text-uppercase">{{ str_replace('_', ' ', $certificate->certificate_type) }}</div>
                                    </div>
                                    <div class="col-sm-6">
                                        <div class="text-muted small">Issue Date:</div>
                                        <div class="fs-6 text-dark">{{ $certificate->issue_date->format('F d, Y') }}</div>
                                    </div>
                                    <div class="col-sm-6">
                                        <div class="text-muted small">Associated Event / Programme:</div>
                                        <div class="fs-6 text-dark">{{ $certificate->event->title ?? ($certificate->membership->plan->name ?? 'AICDS Membership Council') }}</div>
                                    </div>
                                    <div class="col-sm-6">
                                        <div class="text-muted small">Verification Hash Code:</div>
                                        <code class="fs-6 text-primary">{{ $certificate->verification_code }}</code>
                                    </div>

                                    @if($certificate->status === 'revoked')
                                        <div class="col-12">
                                            <div class="alert alert-danger mb-0">
                                                <strong>Revocation Notice:</strong> {{ $certificate->revocation_reason ?? 'Revoked by Administrative Council.' }}
                                            </div>
                                        </div>
                                    @endif
                                </div>

                                <div class="mt-4 pt-4 border-top text-center text-muted small">
                                    <i class="icofont-shield-alt text-success me-1"></i> Digitally validated by Association for Intelligent Computing and Data Science (AICDS).
                                </div>
                            </div>
                        </div>
                    @else
                        <div class="alert alert-danger p-4 rounded-4 shadow-sm text-center">
                            <i class="icofont-close-circled display-4 text-danger mb-2 d-block"></i>
                            <h4 class="fw-bold mb-2">No Matching Certificate Found</h4>
                            <p class="mb-0">No official certificate record was found for the identifier "<strong>{{ $query }}</strong>". Please inspect the code on your credential and try again.</p>
                        </div>
                    @endif
                </div>
            </div>
        @endif
    </div>
</div>

@endsection