{% extends "withoutnav_template.html" %}
{% from "components/radios.html" import radios %}
{% from "components/page-footer.html" import page_footer %}
{% from "components/form.html" import form_wrapper %}

{% block per_page_title %}
  Feedback
{% endblock %}

{% block maincolumn_content %}

  <div class="grid-row">
    <div class="column-two-thirds">
      <h1 class="heading-large">
        Report a problem
      </h1>
      {% call form_wrapper() %}
        {{ radios(form.severe) }}
        {{ page_footer('Continue') }}
      {% endcall %}
      <h2 class="heading-small">
        It’s only an emergency if:
      </h2>
      <ul class="list list-bullet">
        <li>
          no one in your team can log in
        </li>
        <li>
          you get a ‘technical difficulties’ error message when you try
          to upload a file
        </li>
        <li>
          you get a 500 response code when you try to send messages
          using the API
        </li>
      </ul>
      <h2 class="heading-small">
        It’s not an emergency if:
      </h2>
      <ul class="list list-bullet bottom-gutter">
        <li>
          all your messages stay in ‘sending’ for a few hours
        </li>
        <li>
          you send the wrong message by accident
        </li>
        <li>
          a team member uses GOV.UK Notify to send an
          inappropriate message
        </li>
        <li>
          your system is telling the GOV.UK Notify API to send the wrong
          message
        </li>
      </ul>
      <p>
        <a href="{{ url_for('.support') }}">Back to support</a>
      </p>
    </div>
  </div>

{% endblock %}