{% extends "withoutnav_template.html" %}
{% from "components/textbox.html" import textbox %}
{% from "components/page-footer.html" import sticky_page_footer %}
{% from "components/page-header.html" import page_header %}
{% from "components/form.html" import form_wrapper %}
{% from "components/components/back-link/macro.njk" import usaBackLink %}

{% block per_page_title %}
  {{ page_title }}
{% endblock %}

{% block backLink %}
  {{ usaBackLink({ "href": back_link }) }}
{% endblock %}

{% block maincolumn_content %}

    {{ page_header(page_title) }}
    <div class="grid-row">
      <div class="grid-col-8">
        {% if show_status_page_banner %}
          <div class="panel panel-border-wide">
            <p>
              Check our <a class="usa-link" href="https://status.notifications.service.gov.uk">system status</a>
              page to see if there are any known issues with Notify.gov.
            </p>
          </div>
        {% endif %}
        {% call form_wrapper() %}
            {{ textbox(form.feedback, width='1-1', hint='', rows=10, autosize=True) }}
            {% if not current_user.is_authenticated %}
              {{ form.name(param_extensions={"classes": ""}) }}
              {{ form.email_address(param_extensions={"classes": ""}) }}
            {% else %}
              <p>We’ll reply to {{ current_user.email_address }}</p>
            {% endif %}
            {{ sticky_page_footer('Send') }}
        {% endcall %}
      </div>
    </div>

{% endblock %}