<!doctype html>
<html lang="id">
<head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><title>Tracking Nota</title><script src="https://cdn.tailwindcss.com"></script></head>
<body class="min-h-screen bg-slate-100 px-4 py-10">
<main class="mx-auto max-w-md rounded-lg bg-white p-6 shadow-sm">
    <h1 class="text-xl font-semibold">Tracking Nota Laundry</h1>
    <p class="mt-1 text-sm text-slate-500">Masukkan nomor nota untuk melihat status dan timeline.</p>
    <form method="post" action="{{ route('tracking.show') }}" class="mt-5">@csrf
        <input name="invoice_no" required placeholder="INV-20260717-..." class="w-full rounded-md border px-3 py-3">
        <button class="mt-3 w-full rounded-md bg-slate-900 px-4 py-3 font-medium text-white">Cek Nota</button>
    </form>
    <a href="{{ route('portal.login') }}" class="mt-4 block text-center text-sm text-slate-500">Masuk portal pelanggan</a>
</main>
</body>
</html>
