<x-portal-layout title="Login Portal Pelanggan">
    <section class="rounded-lg bg-white p-6 shadow-sm">
        <div class="text-sm text-slate-500">Tracking laundry</div>
        <h1 class="mt-1 text-2xl font-semibold">Masuk Portal</h1>
        <p class="mt-2 text-sm text-slate-500">Gunakan nomor HP yang terdaftar dan PIN pelanggan.</p>
        <form method="post" action="{{ route('portal.authenticate') }}" class="mt-6">
            @csrf
            <label class="block text-sm">Nomor HP<input name="phone" required inputmode="tel" class="mt-1 w-full rounded-md border px-3 py-3"></label>
            <label class="mt-3 block text-sm">PIN<input name="pin" type="password" inputmode="numeric" required maxlength="6" class="mt-1 w-full rounded-md border px-3 py-3"></label>
            <button class="mt-5 w-full rounded-md bg-slate-900 px-4 py-3 font-medium text-white">Masuk</button>
        </form>
        <a href="{{ route('tracking.index') }}" class="mt-4 block text-center text-sm text-slate-500">Cek nota tanpa login</a>
    </section>
</x-portal-layout>
