{% 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 %}
  Support
{% endblock %}

{% block maincolumn_content %}

<div class="grid-row">
  <div class="column-two-thirds">

    <h1 class="heading-large">Support</h1>

    {% call form_wrapper(class="bottom-gutter-2") %}
      {{ radios(form.support_type) }}
      {{ page_footer('Continue') }}
    {% endcall %}

    <p>If something’s wrong, you can <a href="https://status.notifications.service.gov.uk/"> check the GOV.UK Notify system status page</a> to see if we’re already aware of it.</p>

    <h2 class="heading-medium">24-hour support</h2>
    <p>You can get 24-hour online support for Notify if you have a live account.</p>
    <h3 class="heading-small">During office hours</h3>
    <p>Our office hours are 9.30am to 5.30pm, Monday to Friday.</p>
    <p>Contact us using one of the options on this page and you’ll get a reply within 30 minutes.</p>
    <p>You can also <a href="https://ukgovernmentdigital.slack.com/messages/govuk-notify">get in touch with us on Slack.</a></p>
    <h3 class="heading-small">Out-of-hours</h3>
    <p>Outside office hours, response times depend on whether you’re reporting an emergency or not.</p>
    <p>If it’s an emergency, we’ll reply within 30 minutes and update you every hour until the problem’s fixed.</p>
    <p>A problem is only classed as an emergency if:</p>
    <ul class="list list-bullet">
      <li>nobody on your team can sign in</li>
      <li>a ‘technical difficulties’ error appears when you try to upload a file</li>
      <li>a 500 response code appears when you try to send messages using the API</li>
    </ul>
    <p>We’ll reply during the next working day for any other problems.</p>
  </div>
</div>

{% endblock %}