{% if form.non_field_errors %}
    <div class="form-errors">{{ form.non_field_errors }}</div>
{% endif %}

<div class="enquiry-form-grid">
    <div class="enquiry-section-label">
        <i data-lucide="user-round" aria-hidden="true"></i>
        Personal Details
    </div>
    <div class="row g-3">
        <div class="col-md-6">
            <label class="form-label" for="{{ form.name.id_for_label }}">Full Name *</label>
            {{ form.name }}
            {{ form.name.errors }}
        </div>
        <div class="col-md-6">
            <label class="form-label" for="{{ form.phone.id_for_label }}">Mobile Number *</label>
            {{ form.phone }}
            {{ form.phone.errors }}
        </div>
        <div class="col-md-6">
            <label class="form-label" for="{{ form.email.id_for_label }}">Email Address *</label>
            {{ form.email }}
            {{ form.email.errors }}
        </div>
        <div class="col-md-6">
            <label class="form-label" for="{{ form.city.id_for_label }}">City</label>
            {{ form.city }}
            {{ form.city.errors }}
        </div>
    </div>

    <div class="enquiry-section-label">
        <i data-lucide="map-pinned" aria-hidden="true"></i>
        Travel Details
    </div>
    <div class="row g-3">
        <div class="col-md-6">
            <label class="form-label" for="{{ form.destination.id_for_label }}">Destination *</label>
            {{ form.destination }}
            <datalist id="destination-options">
                {% for destination in form.destination_suggestions %}
                    <option value="{{ destination }}"></option>
                {% endfor %}
            </datalist>
            {{ form.destination.errors }}
        </div>
        <div class="col-md-6">
            <label class="form-label" for="{{ form.date_of_travel.id_for_label }}">Date of Travel *</label>
            {{ form.date_of_travel }}
            {{ form.date_of_travel.errors }}
        </div>
        <div class="col-md-6">
            <label class="form-label" for="{{ form.adults.id_for_label }}">Number of Adults *</label>
            {{ form.adults }}
            {{ form.adults.errors }}
        </div>
        <div class="col-md-6">
            <label class="form-label" for="{{ form.children.id_for_label }}">Number of Children</label>
            {{ form.children }}
            {{ form.children.errors }}
        </div>
        <div class="col-md-6">
            <label class="form-label" for="{{ form.children_ages.id_for_label }}">Age of Children</label>
            {{ form.children_ages }}
            {{ form.children_ages.errors }}
        </div>
        <div class="col-md-6">
            <label class="form-label" for="{{ form.number_of_nights.id_for_label }}">Number of Nights *</label>
            {{ form.number_of_nights }}
            {{ form.number_of_nights.errors }}
        </div>
        <div class="col-md-6">
            <label class="form-label" for="{{ form.hotel_category.id_for_label }}">Category of Hotels *</label>
            {{ form.hotel_category }}
            {{ form.hotel_category.errors }}
        </div>
    </div>

    <div class="enquiry-section-label">
        <i data-lucide="notebook-pen" aria-hidden="true"></i>
        Additional Details
    </div>
    <div class="row g-3">
        <div class="col-12">
            <label class="form-label" for="{{ form.special_request.id_for_label }}">Special Request</label>
            {{ form.special_request }}
            {{ form.special_request.errors }}
        </div>
    </div>
</div>

<div class="enquiry-actions{% if enquiry_variant == 'modal' %} enquiry-actions-modal{% endif %}">
    <button class="btn btn-primary btn-lg" type="submit">
        <i data-lucide="send" aria-hidden="true"></i>
        Send Enquiry
    </button>
    {% if enquiry_variant == "modal" %}
        <button class="btn btn-outline-primary btn-lg" type="button" data-bs-dismiss="modal">
            <i data-lucide="x" aria-hidden="true"></i>
            Cancel
        </button>
    {% else %}
        <a class="btn btn-success btn-lg" href="https://wa.me/{{ company_info.whatsapp_number|cut:' '|cut:'+' }}" target="_blank" rel="noopener">
            <i data-lucide="message-circle" aria-hidden="true"></i>
            WhatsApp Enquiry
        </a>
    {% endif %}
</div>