{% extends 'base.html' %}

{% block content %}
<div class="container-fluid">
    <h2 class="mb-4 text-dark">👥 Enquiries</h2>

    <form method="get" class="row mb-3">
        <div class="col-md-2"><input type="text" name="name" class="form-control" placeholder="Name"
                value="{{ request.GET.name }}"></div>
        <div class="col-md-2"><input type="text" name="email" class="form-control" placeholder="Email"
                value="{{ request.GET.email }}"></div>
        <div class="col-md-2"><input type="text" name="contact" class="form-control" placeholder="Contact"
                value="{{ request.GET.contact }}"></div>
        <div class="col-md-2"><input type="text" name="city" class="form-control" placeholder="City"
                value="{{ request.GET.city }}"></div>
        <div class="col-md-2"><button type="submit" class="btn btn-primary w-100 bg-gradient-custom">Search</button>
        </div>
        <div class="col-md-2">
            <a href="{% url 'enquiry:enquiry_list' %}" class="btn btn-outline-secondary w-100">
                🔄 Reset
            </a>
        </div>
    </form>


    <div class="card user-table-card">
        <div class="card-header d-flex justify-content-between align-items-center bg-gradient-custom">
            <h5 class="mb-0">👤 Enquiry Generated</h5>
        </div>

        <div class="table-responsive">
            <table class="table table-hover text-center table-bordered table-custom mb-0">
                <thead class="table-header-custom">
                    <tr>
                        <th>ID</th>
                        <th>Full Name</th>
                        <th>Email</th>
                        <th>Contact</th>
                        <th>Destination</th>
                        <th>Travel Date</th>
                        <th>Message</th>
                    </tr>
                </thead>
                <tbody>
                    {% for enquiry in enquiries %}
                    <tr>
                        <td>{{ enquiry.id }}</td>
                        <td>{{ enquiry.full_name }}</td>
                        <td>{{ enquiry.email }}</td>
                        <td>{{ enquiry.phone }}</td>
                        <!-- <td>{{ enquiry.city }}</td> -->
                        <td>{{ enquiry.destination }}</td>
                        <td>{{ enquiry.travel_date }}</td>
                        <td>{{ enquiry.message }}</td>
                    </tr>
                    {% empty %}
                    <tr>
                        <td colspan="6">No enquiries found.</td>
                    </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>

        <!-- Pagination -->

        {% if page_obj %}
        <div class="card-footer">
            {% include "includes/_pagination.html" %}
        </div>
        {% endif %}
    </div>

</div>
</div>
{% endblock %}