@extends('layouts.admin')

@section('content')
<div class="mb-4">
    <h3 class="fw-bold">Bookings</h3>
    <p class="text-muted">Manage tenant booking requests and status.</p>
</div>

<div class="card overflow-hidden">
    <div class="table-responsive">
        <table class="table table-hover align-middle mb-0">
            <thead class="bg-light">
                <tr>
                    <th class="ps-4">Tenant</th>
                    <th>Unit</th>
                    <th>Date</th>
                    <th>Status</th>
                    <th class="text-end pe-4">Actions</th>
                </tr>
            </thead>
            <tbody>
                @foreach($bookings as $booking)
                <tr>
                    <td class="ps-4">
                        <div class="fw-semibold">{{ $booking->user->name }}</div>
                        <div class="text-muted small">{{ $booking->user->email }}</div>
                    </td>
                    <td>{{ $booking->unit->name }}</td>
                    <td>{{ $booking->created_at->format('d M Y') }}</td>
                    <td>
                        <span class="badge px-3 py-2 {{ $booking->status == 'pending' ? 'bg-warning text-dark' : ($booking->status == 'approved' ? 'bg-success' : 'bg-secondary') }}">
                            {{ ucfirst($booking->status) }}
                        </span>
                    </td>
                    <td class="text-end pe-4">
                        @if($booking->status == 'pending')
                        <form action="/admin/bookings/{{ $booking->id }}/approve" method="POST" class="d-inline">
                            @csrf
                            <button type="submit" class="btn btn-sm btn-success rounded-3 me-1">Approve</button>
                        </form>
                        <form action="/admin/bookings/{{ $booking->id }}/reject" method="POST" class="d-inline">
                            @csrf
                            <button type="submit" class="btn btn-sm btn-danger rounded-3">Reject</button>
                        </form>
                        @else
                        <span class="text-muted small">No actions</span>
                        @endif
                    </td>
                </tr>
                @endforeach
            </tbody>
        </table>
    </div>
</div>
@endsection