@extends('layouts.admin')
@section('title', 'Bookings')
@section('role-label', 'Business Panel')
@section('page-title', 'Bookings')
@section('page-subtitle', 'Manage appointments and reservations')
@section('sidebar-nav')@include('restaurant-admin.partials.sidebar')@endsection

@section('content')
<div class="flex flex-col sm:flex-row justify-between items-start sm:items-center gap-3 mb-6">
    <form method="GET" class="flex gap-2 flex-wrap">
        <select name="status" onchange="this.form.submit()" class="form-input" style="width:auto;">
            <option value="">All Status</option>
            @foreach(['pending','confirmed','in_progress','completed','cancelled'] as $s)
            <option value="{{ $s }}" {{ request('status')===$s?'selected':'' }}>{{ ucfirst(str_replace('_',' ',$s)) }}</option>
            @endforeach
        </select>
        <input type="date" name="date" value="{{ request('date') }}" class="form-input" style="width:auto;" onchange="this.form.submit()">
    </form>
</div>

<!-- Status Count Chips -->
<div class="flex gap-2 flex-wrap mb-5">
    @foreach(['pending'=>'badge-warning','confirmed'=>'badge-info','in_progress'=>'badge-primary','completed'=>'badge-success','cancelled'=>'badge-danger'] as $s=>$cls)
    <a href="{{ request()->fullUrlWithQuery(['status'=>$s]) }}" class="badge {{ $cls }} {{ request('status')===$s?'ring-2 ring-offset-1':'' }}">
        {{ ucfirst(str_replace('_',' ',$s)) }} {{ $statusCounts[$s] }}
    </a>
    @endforeach
</div>

<div class="card overflow-hidden">
    <table class="data-table">
        <thead>
            <tr>
                <th>Booking #</th>
                <th>Customer</th>
                <th>Service</th>
                <th>Date & Time</th>
                <th>Status</th>
                <th>Actions</th>
            </tr>
        </thead>
        <tbody>
            @forelse($bookings as $booking)
            <tr>
                <td class="font-mono text-amber-400 text-sm">{{ $booking->booking_number }}</td>
                <td>
                    <div class="font-medium text-slate-200">{{ $booking->customer_name }}</div>
                    @if($booking->customer_phone)<div class="text-xs text-slate-500">{{ $booking->customer_phone }}</div>@endif
                </td>
                <td class="text-sm">{{ $booking->service_name ?? '—' }}</td>
                <td class="text-sm">
                    <div>{{ \Carbon\Carbon::parse($booking->booking_date)->format('d M Y') }}</div>
                    @if($booking->booking_time)<div class="text-xs text-slate-500">{{ $booking->booking_time }}</div>@endif
                </td>
                <td>
                    <span class="badge {{ $booking->status_badge_class }}">{{ $booking->status_label }}</span>
                </td>
                <td>
                    <div class="flex gap-2">
                        <a href="{{ route('business.bookings.show', $booking) }}" class="btn btn-secondary btn-sm">View</a>
                        <form method="POST" action="{{ route('business.bookings.status', $booking) }}" class="flex gap-1">
                            @csrf
                            <select name="status" onchange="this.form.submit()" class="form-input" style="width:auto;padding:5px 8px;font-size:12px;">
                                @foreach(['pending','confirmed','in_progress','completed','cancelled'] as $s)
                                <option value="{{ $s }}" {{ $booking->status===$s?'selected':'' }}>{{ ucfirst(str_replace('_',' ',$s)) }}</option>
                                @endforeach
                            </select>
                        </form>
                    </div>
                </td>
            </tr>
            @empty
            <tr><td colspan="6" class="text-center py-12 text-slate-500">No bookings yet.</td></tr>
            @endforelse
        </tbody>
    </table>
    @if($bookings->hasPages())
    <div class="p-4 border-t border-white/5">{{ $bookings->appends(request()->query())->links() }}</div>
    @endif
</div>
@endsection