@php
    $action = route('appointments.reschedule.store', $appointment);
    $method = 'POST';
    $submitLabel = 'Move appointment';
    $backRoute = route('appointments.show', $appointment);
@endphp

<x-app-layout title="Reschedule appointment">
    <x-page-header
        title="Reschedule {{ $appointment->appointment_no }}"
        subtitle="Move the booking to another clinic day or consultant. The original row is closed as rescheduled and keeps its history."
        icon="arrows"
        :back="route('appointments.show', $appointment)"
        backLabel="{{ $appointment->appointment_no }}">
        <x-slot:meta>
            <x-status-badge field="appointment_status" :value="$appointment->status" size="sm" dot />
            <span class="text-xs text-slate-500">
                Currently {{ $appointment->appointment_date?->format('D, d M Y') }}
                {{ $appointment->slot_time ? 'at '.substr((string) $appointment->slot_time, 0, 5) : '' }}
                @if ($appointment->doctor) with {{ $appointment->doctor->name }} @endif
            </span>
        </x-slot:meta>
    </x-page-header>

    @include('appointments._form')
</x-app-layout>