@extends('layouts.app')

@section('canonical', '/verify')
@if(! empty($verify['noindex']))
    @section('robots', 'noindex, follow')
@endif

@section('content')
    @php $disabled = \App\Http\Controllers\VerifyController::isDisabled($verify); @endphp

    <section class="page-hero">
        <div class="container">
            <span class="hero-badge">🔎 {{ $verify['eyebrow'] ?? 'সার্টিফিকেট ভেরিফিকেশন' }}</span>
            <h1>{{ $verify['title'] ?? 'সার্টিফিকেট যাচাই করুন' }}</h1>
            <p>{{ $verify['text'] ?? '' }}</p>
        </div>
    </section>

    <section class="section">
        <div class="container verify-wrap">
            <div class="verify-card">
                @if($disabled)
                    <div class="verify-disabled">⚠️ {{ $verify['disabledText'] ?? '' }}</div>
                @else
                    <form class="verify-form verify-form-big" data-verify-form method="GET" action="/verify" role="search">
                        <input type="search" name="certId" autocomplete="off" spellcheck="false" autofocus
                               placeholder="{{ $verify['placeholder'] ?? 'ভেরিফিকেশন আইডি লিখুন' }}"
                               aria-label="ভেরিফিকেশন আইডি" required>
                        <button class="btn btn-primary" type="submit">{{ $verify['button'] ?? 'যাচাই করুন' }}</button>
                    </form>
                    <p class="verify-note">{{ $verify['note'] ?? '' }}</p>
                @endif
            </div>

            <div class="verify-steps">
                <div class="step">
                    <span class="step-num">১</span>
                    <div>
                        <b>সার্টিফিকেট থেকে আইডি খুঁজুন</b>
                        <p>সার্টিফিকেটের নিচের অংশে 'ভেরিফিকেশন আইডি' লেখা থাকবে — যেমন ICS-2026-10457।</p>
                    </div>
                </div>
                <div class="step">
                    <span class="step-num">২</span>
                    <div>
                        <b>উপরের বক্সে আইডি লিখুন</b>
                        <p>আইডিটি লিখে 'যাচাই করুন' বাটনে চাপ দিন — ছোট-বড় হাতের অক্ষর নিয়ে চিন্তা নেই।</p>
                    </div>
                </div>
                <div class="step">
                    <span class="step-num">৩</span>
                    <div>
                        <b>রেজাল্ট দেখুন</b>
                        <p>সার্টিফিকেটটি আসল ও কার নামে ইস্যু হয়েছে — সাথে সাথে দেখতে পাবেন এবং প্রিন্ট করতে পারবেন।</p>
                    </div>
                </div>
            </div>

            <div class="content-card">
                <h2>❓ কেন ভেরিফিকেশন জরুরি?</h2>
                <p style="color:var(--muted)">
                    {{ $verify['note'] ?? '' }} চাকরির আবেদন, ফ্রিল্যান্স প্রোফাইল বা লিংকডইনে আপনার সার্টিফিকেটের লিংক
                    শেয়ার করুন — নিয়োগকর্তা এক ক্লিকেই আসলতা নিশ্চিত করতে পারবেন। কোনো প্রশ্ন থাকলে
                    <a href="tel:{{ $site['phone'] ?? '' }}" style="color:var(--primary);font-weight:600">{{ $site['phone'] ?? '' }}</a>
                    নম্বরে কল করুন।
                </p>
            </div>
        </div>
    </section>
@endsection