{% extends "admin_panel/base.html" %}

{% block dashboard_content %}
<section class="dashboard-panel">
    <div class="panel-head panel-head-stack">
        <div>
            <span class="dashboard-chip">Enquiry Management</span>
            <h3>Search, filter, update status, delete, and export enquiries.</h3>
        </div>
        <a class="dashboard-link" href="{% url 'dashboard_enquiries_export' %}?q={{ current_query|urlencode }}&status={{ current_status|urlencode }}">
            <i data-lucide="download"></i>
            Export CSV
        </a>
    </div>

    <form method="get" class="filter-bar">
        <input type="search" name="q" value="{{ current_query }}" class="form-control form-control-lg" placeholder="Search name, phone, email, destination, message...">
        <select name="status" class="form-select form-select-lg">
            <option value="">All Status</option>
            {% for code, label in status_choices %}
                <option value="{{ code }}" {% if current_status == code %}selected{% endif %}>{{ label }}</option>
            {% endfor %}
        </select>
        <button class="btn btn-primary btn-lg" type="submit">Filter</button>
    </form>

    <div class="table-responsive mt-4">
        <table class="table dashboard-table enquiries-table align-middle">
            <thead>
                <tr>
                    <th>Name</th>
                    <th>Mobile</th>
                    <th>Email</th>
                    <th>Destination</th>
                    <th>Date</th>
                    <th>Adults</th>
                    <th>Children</th>
                    <th>Nights</th>
                    <th>Hotel</th>
                    <th>Special Request</th>
                    <th>Status</th>
                    <th>Submitted</th>
                    <th>Actions</th>
                </tr>
            </thead>
            <tbody>
                {% for enquiry in enquiries %}
                    <tr>
                        <td><strong>{{ enquiry.name }}</strong></td>
                        <td>{{ enquiry.phone }}</td>
                        <td>{{ enquiry.email|default:'-' }}</td>
                        <td>{{ enquiry.destination|default:'-' }}</td>
                        <td>{{ enquiry.date_of_travel|default:'-' }}</td>
                        <td>{{ enquiry.adults|default:'-' }}</td>
                        <td>{{ enquiry.children|default:'-' }}</td>
                        <td>{{ enquiry.number_of_nights|default:'-' }}</td>
                        <td>{{ enquiry.get_hotel_category_display|default:'-' }}</td>
                        <td class="enquiry-request">{{ enquiry.special_request|default:'-' }}</td>
                        <td>
                            <span class="status-pill status-{{ enquiry.status }}">{{ enquiry.get_status_display }}</span>
                        </td>
                        <td>{{ enquiry.created_at|date:"d M Y, h:i A" }}</td>
                        <td>
                            <form method="post" class="enquiry-action-form">
                                {% csrf_token %}
                                <input type="hidden" name="enquiry_id" value="{{ enquiry.id }}">
                                <select name="status" class="form-select form-select-sm mb-2">
                                    {% for code, label in status_choices %}
                                        <option value="{{ code }}" {% if enquiry.status == code %}selected{% endif %}>{{ label }}</option>
                                    {% endfor %}
                                </select>
                                <textarea name="admin_notes" class="form-control form-control-sm mb-2" rows="2" placeholder="Admin notes">{{ enquiry.admin_notes }}</textarea>
                                <button class="btn btn-sm btn-primary w-100 mb-2" type="submit">Save</button>
                            </form>
                            <form method="post" onsubmit="return confirm('Delete this enquiry?');">
                                {% csrf_token %}
                                <input type="hidden" name="delete_id" value="{{ enquiry.id }}">
                                <button class="btn btn-sm btn-outline-danger w-100" type="submit">Delete</button>
                            </form>
                        </td>
                    </tr>
                {% empty %}
                    <tr>
                        <td colspan="13" class="text-center text-muted py-5">No enquiries found.</td>
                    </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
</section>
{% endblock %}