@extends('layouts.app')

@section('header', 'Bookings')

@section('content')
    <div class="card shadow-sm">
        <div class="table-responsive">
            <table class="table table-hover align-middle mb-0">
                <thead class="table-light">
                    <tr>
                        <th>Customer</th>
                        <th>Provider</th>
                        <th>Service</th>
                        <th>Type</th>
                        <th>Scheduled</th>
                        <th>Status</th>
                        <th>Payment</th>
                        <th></th>
                    </tr>
                </thead>
                <tbody>
                    @forelse ($bookings as $booking)
                        <tr>
                            <td>{{ $booking->customer->name }}</td>
                            <td>{{ $booking->providerProfile->business_name ?? $booking->providerProfile->user->name }}</td>
                            <td>{{ $booking->service->name }}</td>
                            <td>
                                <span class="badge {{ $booking->booking_type === 'instant' ? 'text-bg-primary' : 'text-bg-secondary' }}">
                                    {{ $booking->booking_type === 'instant' ? '⚡ Insta Help' : '📅 Scheduled' }}
                                </span>
                            </td>
                            <td>{{ $booking->scheduled_at->format('d M Y, H:i') }}</td>
                            <td class="text-capitalize">{{ str_replace('_', ' ', $booking->status) }}</td>
                            <td class="text-capitalize">{{ $booking->payment_status }}</td>
                            <td class="text-end">
                                <a href="{{ route('admin.bookings.show', $booking) }}" class="btn btn-sm btn-link">View</a>
                            </td>
                        </tr>
                    @empty
                        <tr><td colspan="7" class="text-center text-muted py-4">No bookings yet.</td></tr>
                    @endforelse
                </tbody>
            </table>
        </div>

        <div class="card-body">{{ $bookings->links() }}</div>
    </div>
@endsection