@extends('layouts.admin')
@section('title','Bookings')
@section('page-title','Bookings')
@section('content')
<div class="page-header">
    <h1>All Bookings</h1>
</div>
<div class="filter-bar">
    <form method="GET" action="{{ route('admin.bookings.index') }}" style="display:flex;gap:.75rem;flex-wrap:wrap;width:100%;align-items:center;">
        <input type="text" name="search" placeholder="Search client or ref..." value="{{ request('search') }}" style="flex:1;min-width:200px;">
        <select name="status">
            <option value="">All statuses</option>
            @foreach(['pending','confirmed','paid','completed','cancelled'] as $s)
            <option value="{{ $s }}" {{ request('status')===$s ? 'selected':'' }}>{{ ucfirst($s) }}</option>
            @endforeach
        </select>
        <input type="date" name="date" value="{{ request('date') }}">
        <button type="submit" class="btn btn-primary btn-sm">Filter</button>
        <a href="{{ route('admin.bookings.index') }}" class="btn btn-outline btn-sm">Reset</a>
    </form>
</div>
<div class="card">
    <div style="overflow-x:auto;">
        <table>
            <thead><tr><th>Reference</th><th>Client</th><th>Service</th><th>Date & Time</th><th>Amount</th><th>Status</th><th>Payment</th><th>Actions</th></tr></thead>
            <tbody>
            @forelse($bookings as $b)
            <tr>
                <td style="font-family:monospace;font-size:.8rem;"><a href="{{ route('admin.bookings.show',$b) }}" style="color:#8B3252;">{{ $b->reference_code }}</a></td>
                <td><div style="font-size:.9rem;">{{ $b->client_name }}</div><div style="font-size:.78rem;color:#7A6058;">{{ $b->client_phone }}</div></td>
                <td style="font-size:.85rem;">{{ $b->service_name }}</td>
                <td style="font-size:.85rem;">{{ \Carbon\Carbon::parse($b->appointment_date)->format('M j, Y') }}<br>{{ $b->appointment_time }}</td>
                <td style="font-weight:600;">₵{{ number_format($b->total_amount,2) }}</td>
                <td><span class="badge badge-{{ $b->status }}">{{ ucfirst($b->status) }}</span></td>
                <td><span class="badge badge-{{ $b->payment_status==='paid'?'paid':'unpaid' }}">{{ ucfirst($b->payment_status) }}</span></td>
                <td><a href="{{ route('admin.bookings.show',$b) }}" class="btn btn-sm btn-outline">View</a></td>
            </tr>
            @empty
            <tr><td colspan="8" style="text-align:center;color:#7A6058;padding:2rem;">No bookings found.</td></tr>
            @endforelse
            </tbody>
        </table>
    </div>
</div>
{{ $bookings->links() }}
@endsection