<?php
$bp = defined('BASE_PATH') ? BASE_PATH : '/gmind';
?>
<section style="background:#f4f7fc; padding:60px 0; min-height:60vh;">
    <div style="max-width:600px; margin:0 auto; padding:0 20px;">
        <div style="background:#fff; border-radius:16px; padding:40px; box-shadow:0 8px 32px rgba(13,43,110,0.08); text-align:center;">
            <svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24" fill="none" stroke="#1a4fa0" stroke-width="2" style="margin-bottom:16px;"><path d="M9 12l2 2 4-4"/><circle cx="12" cy="12" r="10"/></svg>
            <h1 style="font-family:'Poppins',sans-serif; font-size:1.8rem; color:#0d2b6e; margin:0 0 8px;">Verify Document</h1>
            <p style="font-size:0.95rem; color:#666; margin:0 0 28px;">Enter the certificate/marksheet number to verify its authenticity.</p>

            <form method="POST" action="<?= $bp ?>/verify" style="display:flex; gap:8px;">
                <input type="text" name="document_number" required placeholder="e.g. GMIND-2026-00001" style="flex:1; padding:14px 16px; border:2px solid #ddd; border-radius:10px; font-size:1rem;">
                <button type="submit" style="padding:14px 24px; background:linear-gradient(135deg,#1a4fa0,#0d2b6e); color:#fff; border:none; border-radius:10px; font-size:1rem; font-weight:600; cursor:pointer;">Verify</button>
            </form>
            <p style="font-size:0.82rem; color:#999; margin-top:16px;">You can also scan the QR code on the document with your phone camera.</p>
        </div>
    </div>
</section>
