{% extends 'mtp_common/feedback/submit_feedback.html' %}
{% load i18n %}

{% block get_help_heading %}
  <header>
    <h1 class="govuk-heading-xl">
      <span class="govuk-caption-xl">
        {% trans 'Help with' %}
      </span>
      {% trans 'Something else' %}
    </h1>
  </header>
{% endblock %}

{% block get_help_leading %}{% endblock %}

{% block get_help_form %}
  <form action="." method="post" id="mtp-feedback-form">
    {% include 'govuk-frontend/components/error-summary.html' with form=form only %}

    <fieldset class="govuk-fieldset">
      <legend class="govuk-visually-hidden">{% trans 'Your message' %}</legend>

      <div class="govuk-!-display-none">
        {% include 'mtp_common/forms/field.html' with field=form.subject only %}
      </div>

      {% include 'mtp_common/forms/textarea.html' with field=form.ticket_content value=request.GET.message|default:None rows=6 only %}
      {% include 'mtp_common/forms/field.html' with field=form.contact_email input_classes='govuk-input--width-20' autocomplete='email' value=request.GET.email|default:'' only %}

      <div class="govuk-form-group">
        {% csrf_token %}
        {{ form.referer }}
        <button type="submit" class="govuk-button" data-module="govuk-button" data-prevent-double-click="true" name="submit-feedback">{% trans 'Send' %}</button>
      </div>
    </fieldset>
  </form>
{% endblock %}