{% extends "withnav_template.html" %}
{% from "components/page-header.html" import page_header %}
{% from "components/page-footer.html" import page_footer %}
{% from "components/message-count-label.html" import recipient_count_label %}
{% from "components/form.html" import form_wrapper %}

{% block service_page_title %}
  {{ page_title }}
{% endblock %}

{% block maincolumn_content %}

  {{ page_header(
    page_title,
    back_link=back_link
  ) }}

  {% call form_wrapper(
    class='js-stick-at-top-when-scrolling send-one-off-form' if template.template_type != 'sms' else 'send-one-off-form',
    module="autofocus",
    data_kwargs={'force-focus': True}
  ) %}
    <div class="govuk-grid-row">
      <div class="govuk-grid-column-full {% if form.placeholder_value.label.text == 'phone number' %}extra-tracking{% endif %}">
        {{ form.placeholder_value(param_extensions={"classes": "govuk-!-width-full"}) }}
      </div>
      {% if skip_link or link_to_upload %}
        <div class="govuk-grid-column-full">
          {% if link_to_upload %}
            <a class="govuk-link govuk-link--no-visited-state govuk-!-margin-right-3" href="{{ url_for('.send_messages', service_id=current_service.id, template_id=template.id) }}">Upload a list of {{ recipient_count_label(999, template.template_type) }}</a>
            {% if current_service.contact_lists %}
              <a class="govuk-link govuk-link--no-visited-state govuk-!-margin-right-3" href="{{ url_for('.choose_from_contact_list', service_id=current_service.id, template_id=template.id) }}">Use a saved list</a>
            {% endif %}
          {% endif %}
          {% if skip_link %}
            <a href="{{ skip_link[1] }}" class="govuk-link govuk-link--no-visited-state govuk-!-margin-right-3">{{ skip_link[0] }}</a>
          {% endif %}
        </div>
      {% endif %}
    </div>
    {% if link_to_upload %}
      <p class="govuk-body">

      </p>
    {% endif %}
    {{ page_footer('Continue') }}
  {% endcall %}

  {{ template|string }}

{% endblock %}