@extends('layouts.admin')

@section('title', 'Bookings Management')

@section('content')
<div class="page-header d-flex justify-content-between align-items-center">
    <div>
        <h1>Bookings Management</h1>
        <p class="text-muted">Manage all bookings in the system</p>
    </div>
    <a href="{{ route('bookings.create') }}" class="btn btn-primary">
        <i class="bi bi-plus-circle"></i> New Booking
    </a>
</div>

<!-- Booking Stats -->
<div class="row mb-4">
    <div class="col-md-5">
        <div class="card">
            <div class="card-body text-center">
                <i class="bi bi-ticket" style="font-size: 2rem; color: #667eea;"></i>
                <h5 class="mt-3">Total Bookings</h5>
                <h3>{{ $bookingStats['total'] }}</h3>
            </div>
        </div>
    </div>
    <div class="col-md-5">
        <div class="card">
            <div class="card-body text-center">
                <i class="bi bi-cash-coin" style="font-size: 2rem; color: #198754;"></i>
                <h5 class="mt-3">Total Revenue</h5>
                <h3>Rp {{ number_format(\App\Models\Booking::sum('price'), 0, ',', '.') }}</h3>
            </div>
        </div>
    </div>
</div>

<!-- Status Overview -->
<div class="row mb-4">
    <div class="col-md-3 mb-3">
        <div class="card text-center">
            <div class="card-body">
                <span class="badge badge-pending" style="font-size: 1rem;">Pending</span>
                <h3 class="mt-2">{{ $bookingStats['pending'] }}</h3>
            </div>
        </div>
    </div>
    <div class="col-md-3 mb-3">
        <div class="card text-center">
            <div class="card-body">
                <span class="badge badge-confirmed" style="font-size: 1rem;">Confirmed</span>
                <h3 class="mt-2">{{ $bookingStats['confirmed'] }}</h3>
            </div>
        </div>
    </div>
    <div class="col-md-3 mb-3">
        <div class="card text-center">
            <div class="card-body">
                <span class="badge badge-completed" style="font-size: 1rem;">Completed</span>
                <h3 class="mt-2">{{ $bookingStats['completed'] }}</h3>
            </div>
        </div>
    </div>
    <div class="col-md-3 mb-3">
        <div class="card text-center">
            <div class="card-body">
                <span class="badge badge-cancelled" style="font-size: 1rem;">Cancelled</span>
                <h3 class="mt-2">{{ $bookingStats['cancelled'] }}</h3>
            </div>
        </div>
    </div>
</div>

<!-- Bookings Table -->
<div class="card">
    <div class="card-header">
        <h5 class="mb-0">All Bookings</h5>
    </div>
    <div class="table-responsive">
        <table class="table table-hover">
            <thead class="table-light">
                <tr>
                    <th>Code</th>
                    <th>User</th>
                    <th>Route</th>
                    <th>Class</th>
                    <th>Passengers</th>
                    <th>Price</th>
                    <th>Status</th>
                    <th>Date</th>
                    <th>Actions</th>
                </tr>
            </thead>
            <tbody>
                @forelse($bookings as $booking)
                    <tr>
                        <td><strong>{{ $booking->booking_code }}</strong></td>
                        <td>{{ $booking->user->name }}</td>
                        <td>{{ $booking->route_from }} → {{ $booking->route_to }}</td>
                        <td>{{ ucfirst($booking->class) }}</td>
                        <td>{{ $booking->passengers }}</td>
                        <td>Rp {{ number_format($booking->price, 0, ',', '.') }}</td>
                        <td>
                            <span class="badge badge-{{ $booking->status }}">
                                {{ ucfirst($booking->status) }}
                            </span>
                        </td>
                        <td>{{ $booking->created_at->format('d/m/Y H:i') }}</td>
                        <td>
                            <a href="{{ route('bookings.show', $booking) }}" class="btn btn-sm btn-info" title="View">
                                <i class="bi bi-eye"></i>
                            </a>
                            <a href="{{ route('bookings.edit', $booking) }}" class="btn btn-sm btn-warning" title="Edit">
                                <i class="bi bi-pencil"></i>
                            </a>
                            <form action="{{ route('bookings.destroy', $booking) }}" method="POST" style="display:inline;">
                                @csrf
                                @method('DELETE')
                                <button type="submit" class="btn btn-sm btn-danger" title="Delete" onclick="return confirm('Are you sure?')">
                                    <i class="bi bi-trash"></i>
                                </button>
                            </form>
                        </td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="9" class="text-center text-muted py-4">No bookings found</td>
                    </tr>
                @endforelse
            </tbody>
        </table>
    </div>
    <div class="card-footer">
        {{ $bookings->links() }}
    </div>
</div>
@endsection