@extends('layouts.admin')
@section('title', 'Booking Detail')
@section('role-label', 'Business Panel')
@section('page-title', 'Booking Detail')
@section('sidebar-nav')@include('restaurant-admin.partials.sidebar')@endsection

@section('content')
<div class="mb-4">
    <a href="{{ route('business.bookings.index') }}" class="btn btn-secondary btn-sm">← Back</a>
</div>

<div class="grid grid-cols-1 md:grid-cols-2 gap-5 max-w-2xl">
    <div class="card p-6">
        <h3 class="text-xs font-semibold uppercase tracking-widest text-slate-500 mb-4">Customer</h3>
        <div class="space-y-2 text-sm">
            <div class="flex justify-between"><span class="text-slate-400">Name</span><span class="font-medium text-slate-200">{{ $booking->customer_name }}</span></div>
            @if($booking->customer_phone)
            <div class="flex justify-between"><span class="text-slate-400">Phone</span>
                <a href="tel:{{ $booking->customer_phone }}" class="text-amber-400">{{ $booking->customer_phone }}</a>
            </div>
            @endif
            @if($booking->customer_email)
            <div class="flex justify-between"><span class="text-slate-400">Email</span><span class="text-slate-300">{{ $booking->customer_email }}</span></div>
            @endif
        </div>
    </div>
    <div class="card p-6">
        <h3 class="text-xs font-semibold uppercase tracking-widest text-slate-500 mb-4">Booking</h3>
        <div class="space-y-2 text-sm">
            <div class="flex justify-between"><span class="text-slate-400">Ref #</span><span class="font-mono text-amber-400">{{ $booking->booking_number }}</span></div>
            <div class="flex justify-between"><span class="text-slate-400">Service</span><span class="text-slate-200">{{ $booking->service_name ?? '—' }}</span></div>
            <div class="flex justify-between"><span class="text-slate-400">Date</span><span class="text-slate-200">{{ \Carbon\Carbon::parse($booking->booking_date)->format('d M Y') }}</span></div>
            @if($booking->booking_time)
            <div class="flex justify-between"><span class="text-slate-400">Time</span><span class="text-slate-200">{{ $booking->booking_time }}</span></div>
            @endif
            <div class="flex justify-between"><span class="text-slate-400">Party Size</span><span class="text-slate-200">{{ $booking->party_size }}</span></div>
            <div class="flex justify-between items-center"><span class="text-slate-400">Status</span>
                <span class="badge {{ $booking->status_badge_class }}">{{ $booking->status_label }}</span>
            </div>
        </div>
    </div>
    @if($booking->notes)
    <div class="card p-5 md:col-span-2">
        <h3 class="text-xs font-semibold uppercase tracking-widest text-slate-500 mb-2">Notes</h3>
        <p class="text-slate-300 text-sm">{{ $booking->notes }}</p>
    </div>
    @endif
    <div class="card p-5 md:col-span-2">
        <h3 class="text-xs font-semibold uppercase tracking-widest text-slate-500 mb-3">Update Status</h3>
        <form method="POST" action="{{ route('business.bookings.status', $booking) }}" class="flex gap-3 items-center">
            @csrf
            <select name="status" class="form-input" style="width:auto;">
                @foreach(['pending','confirmed','in_progress','completed','cancelled'] as $s)
                <option value="{{ $s }}" {{ $booking->status===$s?'selected':'' }}>{{ ucfirst(str_replace('_',' ',$s)) }}</option>
                @endforeach
            </select>
            <button type="submit" class="btn btn-primary">Update</button>
        </form>
    </div>
</div>
@endsection