@extends('layouts.app')

@section('content')
<div class="max-w-md mx-auto px-4 py-16">
    <div class="bg-white p-6 rounded-2xl border border-neutral-200 shadow-sm">
        <h1 class="text-lg font-extrabold text-neutral-900 mb-1">🔒 Secret Super Admin Desk</h1>
        <p class="text-xs text-neutral-500 mb-4">Accessible only via https://cschelp.in/admin</p>
        <form action="{{ route('admin.authenticate') }}" method="POST" class="space-y-3 text-xs">
            @csrf
            <div>
                <label class="font-bold block mb-1">Username</label>
                <input type="text" name="username" required value="admin" class="w-full py-2 px-3 border border-neutral-300 rounded-xl" />
            </div>
            <div>
                <label class="font-bold block mb-1">Password</label>
                <input type="password" name="password" required placeholder="cscadmin2026" class="w-full py-2 px-3 border border-neutral-300 rounded-xl" />
            </div>
            <button type="submit" class="w-full py-2.5 bg-[#105C35] text-white font-bold rounded-xl">Sign In to Admin Desk</button>
        </form>
    </div>
</div>
@endsection