{% extends "base.html" %}
{% block title %}My Bookings{% endblock %}

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

{% if bookings %}
<table class="table animate-on-scroll">
    <thead>
        <tr>
            <th>Package</th>
            <th>Destination</th>
            <th>Travel Date</th>
            <th>Price</th>
            <th>Status</th>
            <th>Actions</th>
        </tr>
    </thead>
    <tbody>
        {% for booking in bookings %}
        <tr>
            <td>{{ booking.package_name }}</td>
            <td>{{ booking.destination_name }}</td>
            <td>{{ booking.travel_date }}</td>
            <td>RM {{ booking.price }}</td>
            <td>{{ booking.status }}</td>
            <td>
                {% if booking.status == 'Pending' %}
                <a href="{{ url_for('cancel_booking', booking_id=booking.booking_id) }}" class="btn btn-sm btn-danger">Cancel</a>
                {% endif %}
                <a href="{{ url_for('package_details', package_id=booking.package_id) }}" class="btn btn-sm btn-primary">View Package</a>
            </td>
        </tr>
        {% endfor %}
    </tbody>
</table>
{% else %}
<p class="animate-on-scroll">You have no bookings yet. <a href="{{ url_for('home') }}">Explore Packages</a></p>
{% endif %}
{% endblock %}