@extends('admin.layout')

@section('title', 'Chi tiết đặt chỗ')

@section('content')
    <a href="{{ route('admin.dashboard') }}" class="text-sm font-medium text-amber-700 hover:underline">&larr; Quay lại danh sách</a>

    <div class="mt-4 max-w-xl rounded-2xl border border-stone-200 bg-white p-6 shadow-sm">
        <div class="flex items-center justify-between">
            <h1 class="text-xl font-bold text-stone-900">{{ $booking->name }}</h1>
            @if ($booking->is_handled)
                <span class="rounded-full bg-green-100 px-2 py-1 text-xs font-medium text-green-800">Đã xử lý</span>
            @else
                <span class="rounded-full bg-amber-100 px-2 py-1 text-xs font-medium text-amber-800">Chờ xử lý</span>
            @endif
        </div>

        <dl class="mt-4 space-y-3 text-sm">
            <div class="flex justify-between gap-4">
                <dt class="text-stone-500">Số điện thoại</dt>
                <dd class="font-medium text-stone-900">{{ $booking->phone }}</dd>
            </div>
            <div class="flex justify-between gap-4">
                <dt class="text-stone-500">Email</dt>
                <dd class="font-medium text-stone-900">{{ $booking->email }}</dd>
            </div>
            <div class="flex justify-between gap-4">
                <dt class="text-stone-500">Ngày &amp; Giờ</dt>
                <dd class="font-medium text-stone-900">{{ $booking->booking_at->format('d/m/Y H:i') }}</dd>
            </div>
            <div class="flex justify-between gap-4">
                <dt class="text-stone-500">Số khách</dt>
                <dd class="font-medium text-stone-900">{{ $booking->guests }}</dd>
            </div>
            <div class="flex justify-between gap-4">
                <dt class="text-stone-500">Ghi chú</dt>
                <dd class="font-medium text-stone-900">{{ $booking->note ?: '—' }}</dd>
            </div>
        </dl>

        <form method="POST" action="{{ route('admin.bookings.toggle-handled', $booking) }}" class="mt-6">
            @csrf
            @method('PATCH')
            <button type="submit"
                class="w-full rounded-lg px-4 py-2.5 font-semibold text-white transition {{ $booking->is_handled ? 'bg-stone-500 hover:bg-stone-600' : 'bg-amber-600 hover:bg-amber-700' }}">
                {{ $booking->is_handled ? 'Đánh dấu chờ xử lý' : 'Đánh dấu đã xử lý' }}
            </button>
        </form>
    </div>
@endsection