{% extends "withnav_template.html" %}
{% from "components/email-message.html" import email_message %}
{% from "components/sms-message.html" import sms_message %}
{% from "components/page-footer.html" import page_footer %}
{% from "components/textbox.html" import textbox %}

{% block page_title %}
  {{ page_heading }} – GOV.UK Notify
{% endblock %}

{% block maincolumn_content %}

  {% if not templates %}

    <h1 class="heading-large">{{ page_heading }}</h1>

    {% if current_user.has_permissions(permissions=['manage_templates'], admin_override=True) %}
      <a href="{{ url_for('.add_service_template', service_id=service_id, template_type=template_type) }}" class="button">Add a new template</a>
    {% else %}
      <p>You need to ask your service manager to add templates before you can send messages</p>
    {% endif %}

  {% else %}

    <div class="grid-row">
      <div class="column-two-thirds">
        <h1 class="heading-large">{{ page_heading }}</h1>
      </div>
      {% if current_user.has_permissions(permissions=['manage_templates'], admin_override=True) %}
        <div class="column-one-third">
          <a href="{{ url_for('.add_service_template', service_id=service_id, template_type=template_type) }}" class="button align-with-heading">Add new template</a>
        </div>
      {% endif %}
    </div>

    {% if not has_jobs %}
      {% if current_user.has_permissions(permissions=['send_texts', 'send_emails', 'send_letters'], or_=True) %}
      {{ banner(
        """
          Send yourself a test
        """,
        subhead='Next step:',
        type="tip"
      )}}
      {% endif %}
    {% endif %}
    <div class="grid-row">
      {% for template in templates %}
        <div class="column-two-thirds">
          {% if 'email' == template_type %}
            {{ email_message(
              template.subject,
              template.formatted_as_markup,
              name=template.name,
              edit_link=(
                url_for(".edit_service_template", service_id=service_id, template_id=template.id)
                if current_user.has_permissions(permissions=['manage_templates'], admin_override=True) else
                None
              )
            ) }}
          {% elif 'sms' == template_type %}
            {{ sms_message(
                template.formatted_as_markup,
                name=template.name,
                edit_link=(
                  url_for(".edit_service_template", service_id=service_id, template_id=template.id)
                  if current_user.has_permissions(permissions=['manage_templates'], admin_override=True) else
                  None
                )
              ) }}
          {% endif %}
        </div>
        <div class="column-one-third">
          <div class="sms-message-use-links">
            {% if current_user.has_permissions(permissions=['send_texts', 'send_emails', 'send_letters']) %}
              <a href="{{ url_for(".send_messages", service_id=service_id, template_id=template.id) }}">Send a batch</a>
              <a href="{{ url_for(".send_message_to_self", service_id=service_id, template_id=template.id) }}">Send yourself a test</a>
            {% endif %}
            {% if current_user.has_permissions(permissions=['manage_api_keys', 'access_developer_docs']) %}
              <a href="{{ url_for(".send_from_api", service_id=service_id, template_id=template.id) }}">API integration</a>
            {% endif %}
          </div>
        </div>
      {% endfor %}
    </div>
  {% endif %}

{% endblock %}