<x-app-layout title="Walk-in">
    <h1 class="text-xl font-semibold text-slate-900">Register walk-in</h1>
    <p class="mt-1 text-sm text-slate-500">Check in a patient and add them to the queue immediately</p>

    <form method="POST" action="{{ route('care.appointments.walk-in.store') }}" class="mt-6 rounded-2xl border border-slate-200 bg-white p-6">
        @csrf
        @include('care.appointments._form', ['isWalkIn' => true])
        <div class="mt-6 flex gap-3">
            <button type="submit" class="btn-primary">Add to queue</button>
            <a href="{{ route('care.queue.index') }}" class="rounded-lg border border-slate-200 px-4 py-2 text-sm text-slate-600">Cancel</a>
        </div>
    </form>
</x-app-layout>
