{% 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">Send from a CSV file</h1>

  {% if 'sms' == template.template_type %}
    <div class="grid-row">
      <div class="column-two-thirds">
        {{ sms_message(template.formatted_as_markup) }}
      </div>
    </div>
  {% elif 'email' == template.template_type %}
    {{ email_message(
      template.subject,
      template.formatted_as_markup,
      from_address='{}@notifications.service.gov.uk'.format(current_service.email_from),
      from_name=current_service.name
    ) }}
  {% endif %}

  <h2 class="heading-medium">
    You need
    {{ template.placeholders|length + 1 }}
    {% if template.placeholders %}
      columns
    {% else %}
      column
    {% endif %}
    in your file, like this:
  </h2>

  {% call(item, row_number) list_table(
    example,
    caption="Example",
    caption_visible=False,
    field_headings=['1'] + [recipient_column] + template.placeholders_as_markup|list
  ) %}
    {{ index_field(row_number) }}
    {% for column in item %}
      {{ text_field(column) }}
    {% endfor %}
  {% endcall %}

  <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>

  {{file_upload(form.file, button_text='Upload your CSV file')}}

{% endblock %}