{% extends "withnav_template.html" %}
{% from "components/banner.html" import banner_wrapper %}
{% from "components/page-footer.html" import page_footer %}
{% from "components/textbox.html" import textbox %}
{% from "components/api-key.html" import api_key %}

{% block service_page_title %}
  {{ template.name }}
{% endblock %}

{% block maincolumn_content %}

  {% if show_redaction_message %}
    <div class="bottom-gutter">
      {% call banner_wrapper(type='dangerous', subhead='Are you sure you want to hide personalisation after sending?') %}
        <ul class="list list-bullet">
          <li>
            You won’t be able to see personalised content in Notify for this template
          </li>
          <li>
            You can’t undo this
          </li>
        </ul>
        <form method='post'>
          <input type="hidden" name="csrf_token" value="{{ csrf_token() }}" />
          <input type="submit" class="button" name="delete" value="Confirm" />
        </form>
      {% endcall %}
    </div>
  {% elif template_delete_confirmation_message %}
    <div class="bottom-gutter">
      {% call banner_wrapper(type='dangerous', subhead=template_delete_confirmation_message[0]) %}
        {% if template_delete_confirmation_message[1] %}
          <p>
            {{ template_delete_confirmation_message[1] }}
          </p>
        {% endif %}
        <form method='post'>
          <input type="hidden" name="csrf_token" value="{{ csrf_token() }}" />
          <input type="submit" class="button" name="delete" value="Confirm" />
        </form>
      {% endcall %}
    </div>
  {% else %}
    <h1 class="heading-large">{{ template.name }}</h1>
  {% endif %}

  <div class="grid-row">
    {% with show_title=False, expanded=True %}
      {% include 'views/templates/_template.html' %}
    {% endwith %}
  </div>

  <div class="bottom-gutter-1-2">
    {{ api_key(template.id, name="Template ID", thing='template ID') }}
  </div>

  <div class="bottom-gutter-1-2">
    {% if template._template.updated_at %}
      <h2 class="heading-small bottom-gutter-2-3 heading-inline">Last edited {{ template._template.updated_at|format_delta }}</h2>
      &emsp;
      <a href="{{ url_for('.view_template_versions', service_id=current_service.id, template_id=template.id) }}">See previous versions</a>
      &emsp;
      <br/>
    {% endif %}
    {% if current_user.has_permissions(permissions=['manage_templates'], admin_override=True) %}
      {% if not template._template.archived %}
        <span class="page-footer-delete-link page-footer-delete-link-without-button bottom-gutter-2-3">
          <a href="{{ url_for('.delete_service_template', service_id=current_service.id, template_id=template.id) }}">Delete this template</a>
        </span>
        &emsp;
      {% endif %}
      {% if not template._template.redact_personalisation %}
        <span class="page-footer-delete-link page-footer-delete-link-without-button">
          <a href="{{ url_for('.confirm_redact_template', service_id=current_service.id, template_id=template.id) }}">Hide personalisation after sending</a>
        </span>
      {% else %}
        <p class="hint">Personalisation is hidden after sending</p>
      {% endif %}
    {% endif %}
  </div>

{% endblock %}