{% load ev_tags %}
<section class="section section--enquiry" id="enquiry">
  <div class="wrap enquiry">
    <div class="enquiry__info">
      <span class="eyebrow">Contact Us</span>
      <h2 class="sec-title sec-title--left">{{ enquiry_heading|default:"Let's get you riding" }}</h2>
      <p class="lead">{{ enquiry_lead|default:"Ask about prices, book a test ride, or explore dealership and membership opportunities. Our team replies within one working day." }}</p>
      <ul class="contact-list">
        <li><span>{% icon "phone" 20 %}</span><div><small>Call us</small><a href="tel:{{ site.phone|cut:' ' }}">{{ site.phone }}</a></div></li>
        <li><span>{% icon "mail" 20 %}</span><div><small>Email</small><a href="mailto:{{ site.email }}">{{ site.email }}</a></div></li>
        <li><span>{% icon "pin" 20 %}</span><div><small>Visit</small>{{ site.address }}</div></li>
      </ul>
    </div>
    <form class="card form" method="post" action="{% url 'website:enquiry_submit' %}" novalidate>
      {% csrf_token %}
      <input type="hidden" name="next" value="{{ request.path }}">
      {{ enquiry_form.website }}
      <h3 class="form__title">Submit an Enquiry</h3>
      <div class="form__row">
        <label><span class="lbl">Name<span class="req">*</span></span>{{ enquiry_form.name }}</label>
        <label><span class="lbl">Mobile<span class="req">*</span></span>{{ enquiry_form.mobile }}</label>
      </div>
      <div class="form__row">
        <label><span class="lbl">Email</span>{{ enquiry_form.email }}</label>
        <label><span class="lbl">City</span>{{ enquiry_form.city }}</label>
      </div>
      <div class="form__row">
        <label><span class="lbl">Enquiry Type<span class="req">*</span></span>{{ enquiry_form.enquiry_type }}</label>
        <label><span class="lbl">Interested Model</span>{{ enquiry_form.ev_model }}</label>
      </div>
      <label><span class="lbl">Message</span>{{ enquiry_form.message }}</label>
      <button type="submit" class="btn btn--orange btn--pill btn--block btn--lg">Submit Enquiry {% icon "arrow" 18 %}</button>
      <p class="form__note">{% icon "lock" 14 %} We use your details only to respond to this enquiry.</p>
    </form>
  </div>
</section>