@extends('admin.layout')

@section('content')
<div class="page-title">Bookings</div>

<div class="card">
    <form method="GET" class="search-bar">
        <input type="text" name="search" placeholder="Search renter name or email..." value="{{ request('search') }}">
        <select name="status">
            <option value="">All Status</option>
            <option value="pending" {{ request('status') === 'pending' ? 'selected' : '' }}>Pending</option>
            <option value="confirmed" {{ request('status') === 'confirmed' ? 'selected' : '' }}>Confirmed</option>
            <option value="active" {{ request('status') === 'active' ? 'selected' : '' }}>Active</option>
            <option value="completed" {{ request('status') === 'completed' ? 'selected' : '' }}>Completed</option>
            <option value="disputed" {{ request('status') === 'disputed' ? 'selected' : '' }}>Disputed</option>
            <option value="cancelled" {{ request('status') === 'cancelled' ? 'selected' : '' }}>Cancelled</option>
        </select>
        <button type="submit">Search</button>
    </form>

    <table>
        <thead>
            <tr>
                <th>ID</th>
                <th>Listing</th>
                <th>Renter</th>
                <th>Lender</th>
                <th>Dates</th>
                <th>Total</th>
                <th>Status</th>
            </tr>
        </thead>
        <tbody>
            @foreach($bookings as $booking)
            <tr>
                <td>#{{ $booking->id }}</td>
                <td>{{ $booking->listing->title }}</td>
                <td>{{ $booking->renter->name }}</td>
                <td>{{ $booking->lender->name }}</td>
                <td>{{ $booking->start_date->format('d M') }} - {{ $booking->end_date->format('d M Y') }}</td>
                <td>£{{ $booking->total }}</td>
                <!-- Find the last <td> in the bookings table rows and replace with: -->
                <td>
                    <a href="{{ route('admin.bookings.show', $booking->id) }}" class="btn btn-grey btn-sm">View</a>
                </td>
                <td>
                    @php
                        $badgeClass = match($booking->status) {
                            'completed' => 'badge-green',
                            'active' => 'badge-blue',
                            'disputed' => 'badge-red',
                            'cancelled' => 'badge-grey',
                            default => 'badge-orange',
                        };
                    @endphp
                    <span class="badge {{ $badgeClass }}">{{ ucfirst($booking->status) }}</span>
                </td>
            </tr>
            @endforeach
        </tbody>
    </table>
    <div class="pagination">{{ $bookings->links() }}</div>
</div>
@endsection