<?php $__env->startSection('meta'); ?>
    <meta name="description" content="Verify a training certificate - Enter your verification code">
<?php $__env->stopSection(); ?>

<?php $__env->startSection('content'); ?>

<div class="bg-gradient-to-r from-green-600 to-green-700 shadow-lg">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
        <div class="flex items-center gap-6">
            <div class="hidden md:flex w-20 h-20 rounded-xl shadow-lg bg-white/20 items-center justify-center flex-shrink-0">
                <i class="fas fa-certificate text-white text-3xl"></i>
            </div>
            <div>
                <h1 class="text-3xl md:text-4xl font-serif font-bold text-white">Verify a Certificate</h1>
                <p class="text-green-100 mt-2">Confirm the authenticity of any training certificate</p>
            </div>
        </div>
    </div>
</div>


<div class="bg-gray-50 border-b border-gray-200">
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-3">
        <nav class="flex items-center space-x-2 text-sm text-gray-600" aria-label="Breadcrumb">
            <a href="<?php echo e(url('/')); ?>" class="hover:text-green-600 transition flex items-center">
                <i class="fas fa-home mr-1"></i>Home
            </a>
            <i class="fas fa-chevron-right text-gray-400 text-xs"></i>
            <a href="<?php echo e(route('public.training.index')); ?>" class="hover:text-green-600 transition">Training Programs</a>
            <i class="fas fa-chevron-right text-gray-400 text-xs"></i>
            <span class="text-gray-900 font-medium">Verify Certificate</span>
        </nav>
    </div>
</div>

<section class="min-h-screen bg-gray-50 flex items-center justify-center py-12">
    <div class="container max-w-4xl mx-auto px-4">
        <div class="max-w-lg max-w-4xl mx-auto">
            <div class="bg-white rounded-2xl shadow-lg p-8">
                
                <div class="w-20 h-20 bg-green-100 rounded-full flex items-center justify-center mx-auto mb-6">
                    <i class="fas fa-certificate text-green-600 text-3xl"></i>
                </div>

                <h1 class="text-2xl font-bold text-gray-800 text-center mb-2">Verify a Certificate</h1>
                <p class="text-gray-500 text-center mb-8">
                    Enter the verification code printed on the certificate to confirm its authenticity.
                </p>

                
                <form id="verifyForm" action="#" method="GET">
                    <div class="mb-4">
                        <label for="code" class="block text-sm font-medium text-gray-700 mb-2">
                            Verification Code
                        </label>
                        <input type="text"
                               id="code"
                               name="code"
                               required
                               placeholder="e.g. CERT-2024-XXXXXX"
                               class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-green-500 focus:border-green-500 text-gray-800">
                    </div>
                    <button type="submit"
                            class="w-full px-6 py-3 bg-green-600 text-white font-semibold rounded-lg hover:bg-green-700 transition">
                        <i class="fas fa-search mr-2"></i>
                        Verify Certificate
                    </button>
                </form>

                <div class="mt-6 text-center">
                    <a href="<?php echo e(route('public.training.index')); ?>" class="text-sm text-green-600 hover:underline">
                        <i class="fas fa-arrow-left mr-1"></i> Back to Training Programmes
                    </a>
                </div>
            </div>
        </div>
    </div>
</section>

<?php $__env->startPush('scripts'); ?>
<script>
    document.getElementById('verifyForm').addEventListener('submit', function (e) {
        e.preventDefault();
        const code = document.getElementById('code').value.trim();
        if (code) {
            window.location.href = '<?php echo e(url("/training/certificates/verify")); ?>/' + encodeURIComponent(code);
        }
    });
</script>
<?php $__env->stopPush(); ?>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('layouts.site', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?><?php /**PATH /home/www/sshia.org/sshia/resources/views/public/training/certificate-verify-page.blade.php ENDPATH**/ ?>