@extends('layouts.app')

@php
    $cert = $found['certificate'] ?? null;
    $certUser = $found['user'] ?? null;
    $hidden = $cert && ($cert['visible'] ?? true) === false;
@endphp

@if($cert && ! $hidden && ! $disabled)
    @section('title', ($certUser->name ?? '').' — '.($cert['courseTitle'] ?? '').' | সার্টিফিকেট ভেরিফিকেশন')
    @section('description', ($certUser->name ?? '').' সফলভাবে "'.($cert['courseTitle'] ?? '').'" কোর্স সম্পন্ন করেছেন। সার্টিফিকেট আইডি: '.($cert['id'] ?? '').' • ইস্যু তারিখ: '.($cert['issuedAt'] ?? '').' • '.($site['name'] ?? '').', '.($site['address'] ?? ''))
    @section('canonical', '/verify/'.($cert['id'] ?? $certId))
    @if(! empty($verify['noindex']))
        @section('robots', 'noindex, follow')
    @endif
@else
    @section('title', $verify['invalidTitle'] ?? 'সার্টিফিকেট পাওয়া যায়নি')
    @section('robots', 'noindex, nofollow')
@endif

@section('content')
    <section class="page-hero">
        <div class="container">
            <p class="crumbs">
                <a href="/">হোম</a> / <a href="/verify">সার্টিফিকেট ভেরিফিকেশন</a> /
                <b>{{ strtoupper($certId) }}</b>
            </p>
            <h1>সার্টিফিকেট যাচাই</h1>
        </div>
    </section>

    <section class="section">
        <div class="container verify-wrap">
            @if(! $found)
                <div class="verify-card">
                    <form class="verify-form" data-verify-form method="GET" action="/verify" role="search">
                        <input type="search" name="certId" value="{{ $certId }}" autocomplete="off" spellcheck="false" autofocus
                               placeholder="{{ $verify['placeholder'] ?? 'ভেরিফিকেশন আইডি লিখুন' }}"
                               aria-label="ভেরিফিকেশন আইডি" required>
                        <button class="btn btn-primary" type="submit">{{ $verify['button'] ?? 'যাচাই করুন' }}</button>
                    </form>
                </div>
                <div class="verify-invalid">
                    <h2>🚫 {{ $verify['invalidTitle'] ?? 'সার্টিফিকেট পাওয়া যায়নি' }}</h2>
                    <p>{{ $verify['invalidText'] ?? '' }}</p>
                </div>
            @elseif($disabled || $hidden)
                <div class="verify-card">
                    <form class="verify-form" data-verify-form method="GET" action="/verify" role="search">
                        <input type="search" name="certId" value="{{ $certId }}" autocomplete="off" spellcheck="false"
                               placeholder="{{ $verify['placeholder'] ?? 'ভেরিফিকেশন আইডি লিখুন' }}"
                               aria-label="ভেরিফিকেশন আইডি" required>
                        <button class="btn btn-primary" type="submit">{{ $verify['button'] ?? 'যাচাই করুন' }}</button>
                    </form>
                </div>
                <div class="verify-invalid">
                    <h2>🔒 সার্টিফিকেটটি পাবলিক ভেরিফিকেশনের জন্য উপলব্ধ নয়</h2>
                    <p>{{ $disabled ? ($verify['disabledText'] ?? '') : 'এই সার্টিফিকেটটি পাবলিক ভেরিফিকেশন থেকে সরিয়ে রাখা হয়েছে।' }}</p>
                </div>
            @else
                <div class="verify-result">
                    <div class="verify-valid-badge">{{ $verify['validBadge'] ?? '✅ VALID — আসল ও বৈধ সার্টিফিকেট' }}</div>

                    <div class="cert-card" id="certificate">
                        <div class="cert-card-inner">
                            <div class="cert-ribbon">🎓 Certificate of Completion</div>
                            <p style="color:var(--muted);margin:10px 0 4px">এই প্রমাণপত্র প্রদান করা হয়</p>
                            <h2>{{ $certUser->name ?? '' }}</h2>
                            <p style="color:var(--muted)">সফলভাবে সম্পন্ন করার জন্য</p>
                            <p class="cert-course">{{ $cert['courseTitle'] ?? '' }}</p>
                            <div class="cert-meta">
                                <span>📅 ইস্যু তারিখ: {{ $cert['issuedAt'] ?? '' }}</span>
                                <span>🔍 ভেরিফিকেশন আইডি: {{ $cert['id'] ?? '' }}</span>
                            </div>
                            <p class="cert-org">{{ $site['name'] ?? 'IT Career Solution' }} — Chattogram, Bangladesh</p>
                        </div>
                    </div>

                    <div class="verify-actions">
                        <button class="btn btn-primary" type="button" data-print>🖨️ প্রিন্ট / PDF সেভ করুন</button>
                        <button class="btn btn-outline" type="button" data-copy-link>🔗 ভেরিফিকেশন লিংক কপি</button>
                        @if(! empty($cert['courseSlug']))
                            <a class="btn btn-outline" href="/courses/{{ $cert['courseSlug'] }}">কোর্সটি দেখুন →</a>
                        @endif
                    </div>
                </div>
            @endif
        </div>
    </section>
@endsection