notifications-admin/app/templates/views/send.html

{% extends "withnav_template.html" %}
{% from "components/sms-message.html" import sms_message %}
{% from "components/email-message.html" import email_message %}
{% from "components/page-footer.html" import page_footer %}
{% from "components/file-upload.html" import file_upload %}
{% from "components/table.html" import list_table, text_field, index_field, index_field_heading %}

{% block page_title %}
  Send text messages – GOV.UK Notify
{% endblock %}

{% block maincolumn_content %}

  <h1 class="heading-large">Upload recipients</h1>

  {% if 'sms' == template.template_type %}
    <div class="grid-row">
      <div class="column-two-thirds">
        {{ sms_message(
          template.formatted_as_markup,
          recipient='',
          show_placeholder_for_recipient=True
        ) }}
      </div>
    </div>
  {% elif 'email' == template.template_type %}
    {{ email_message(
      template.formatted_subject_as_markup,
      template.formatted_as_markup,
      recipient='',
      show_placeholder_for_recipient=True
    ) }}
  {% endif %}

  <div class="page-footer bottom-gutter">
    {{file_upload(
      form.file,
      button_text='Choose a file'
    )}}
  </div>

  <details role="group">
    <summary role="button" aria-controls="how-to-format-your-file" aria-expanded="false">
      <span class="summary">See an example</span>
    </summary>

    <div id="how-to-format-your-file" aria-hidden="true">
      <div class="spreadsheet">
        {% call(item, row_number) list_table(
          example,
          caption="Example",
          caption_visible=False,
          field_headings=[''] + column_headings
        ) %}
          {{ index_field(row_number - 1) }}
          {% for column in item %}
            {{ text_field(column) }}
          {% endfor %}
        {% endcall %}
      </div>
      <p class="table-show-more-link">
        <a href="{{ url_for('.get_example_csv', service_id=current_service.id, template_id=template.id) }}">Download this example</a>
      </p>
      <p>Save the file as</p>
      <ul class="list list-bullet">
        <li>.<acronym title="Comma Separated Values">csv</acronym></li>
        <li>.<acronym title="Comma Separated Values">tsv</acronym></li>
        <li>Open Document Spreadsheet (.ods)</li>
        <li>or Microsoft Excel (.xls, .xlsx, .xlsm)</li>
      </p>
    </div>
  </details>

{% endblock %}