{% extends "withnav_template.html" %}
{% from "components/banner.html" import banner_wrapper %}
{% from "components/form.html" import form_wrapper %}
{% from "components/page-header.html" import page_header %}
{% from "components/page-footer.html" import page_footer %}
{% from "components/radios.html" import radios %}
{% from "components/textbox.html" import textbox %}

{% block service_page_title %}
  Tell us how many messages you expect to send
{% endblock %}

{% block maincolumn_content %}
  <div class="govuk-grid-row">
    <div class="govuk-grid-column-full">
      {% if not form.at_least_one_volume_filled %}
        {% call banner_wrapper(type='dangerous') %}
          <h1 class='banner-title'>
            Enter the number of messages you expect to send in the next year
          </h1>
        {% endcall %}
      {% else %}
        {{ page_header(
          'Tell us how many messages you expect to send',
          back_link=url_for('main.request_to_go_live', service_id=current_service.id)
        ) }}
      {% endif %}
      {% call form_wrapper() %}
        <div class="form-group">
          {{ textbox(form.volume_email, width='1-2', hint='For example, 50,000') }}
          {{ textbox(form.volume_sms, width='1-2', hint='For example, 50,000') }}
          {{ textbox(form.volume_letter, width='1-2', hint='For example, 50,000') }}
        </div>
        {{ radios(form.consent_to_research, hint='You do not have to take part and you can unsubscribe at any time') }}
        {{ page_footer('Continue') }}
      {% endcall %}
    </div>
  </div>
{% endblock %}