<x-app-layout title="Book appointment">
    <h1 class="text-xl font-semibold text-slate-900">Book appointment</h1>
    <p class="mt-1 text-sm text-slate-500">Schedule a future visit for a patient</p>

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