{% extends "base.html" %}
{% block title %}Admin Dashboard{% endblock %}

{% block content %}
<h2 class="mb-4 gradient-text animate-on-scroll">Admin Dashboard</h2>

<div class="row">
    <div class="col-md-4 animate-on-scroll">
        <div class="card p-3">
            <h5>Total Packages</h5>
            <p class="display-6">{{ total_packages }}</p>
            <a href="{{ url_for('manage_packages') }}" class="btn btn-primary">Manage Packages</a>
        </div>
    </div>
    
    <div class="col-md-4 animate-on-scroll">
        <div class="card p-3">
            <h5>Total Bookings</h5>
            <p class="display-6">{{ total_bookings }}</p>
            <a href="{{ url_for('manage_bookings') }}" class="btn btn-primary">Manage Bookings</a>
        </div>
    </div>
    
    <div class="col-md-4 animate-on-scroll">
        <div class="card p-3">
            <h5>Total Users</h5>
            <p class="display-6">{{ total_users }}</p>
            <a href="{{ url_for('manage_users') }}" class="btn btn-primary">Manage Users</a>
        </div>
    </div>
</div>

<hr class="my-4">

<h3 class="gradient-text animate-on-scroll">Recent Bookings</h3>
<table class="table animate-on-scroll">
    <thead>
        <tr>
            <th>User</th>
            <th>Package</th>
            <th>Travel Date</th>
            <th>Status</th>
            <th>Actions</th>
        </tr>
    </thead>
    <tbody>
        {% for booking in recent_bookings %}
        <tr>
            <td>{{ booking.user_name }}</td>
            <td>{{ booking.package_name }}</td>
            <td>{{ booking.travel_date }}</td>
            <td>{{ booking.status }}</td>
            <td>
                <a href="{{ url_for('edit_booking', booking_id=booking.booking_id) }}" class="btn btn-sm btn-warning">Edit</a>
                <a href="{{ url_for('delete_booking', booking_id=booking.booking_id) }}" class="btn btn-sm btn-danger">Delete</a>
            </td>
        </tr>
        {% endfor %}
    </tbody>
</table>
{% endblock %}