{% extends "layout.html" %}
{% load i18n %}

{% block title %}{% trans "Contact" %}{% endblock %}

{% block content %}
{% include "partials/messages.html" %}

<h1 class="h3 mb-3">{% trans "Contact us" %}</h1>

<p class="text-muted">
  {% trans "Tell us what you need and we’ll reply with next steps and a quote." %}
</p>

<form method="post" novalidate>
  {% csrf_token %}
  {{ form.captcha }} {# REQUIRED for reCAPTCHA v3 #}

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

  <div class="row g-3">
    {% include "partials/_field.html" with field=form.name col_class="col-md-6" %}
    {% include "partials/_field.html" with field=form.email col_class="col-md-6" %}
    {% include "partials/_field.html" with field=form.phone col_class="col-md-6" %}
    {% include "partials/_field.html" with field=form.company col_class="col-md-6" %}
    {% include "partials/_field.html" with field=form.subject col_class="col-12" %}
    {% include "partials/_field.html" with field=form.message col_class="col-12" rows=5 %}

    {# captcha field is invisible — no rendering needed #}

    <div class="col-12">
      <button type="submit" class="btn btn-primary">
        {% trans "Send message" %}
      </button>
    </div>
  </div>
</form>

{% endblock %}