{% extends "withnav_template.html" %}
{% from "components/textbox.html" import textbox %}
{% from "components/page-header.html" import page_header %}
{% from "components/page-footer.html" import page_footer %}
{% from "components/form.html" import form_wrapper %}
{% from "components/back-link/macro.njk" import govukBackLink %}

{% block service_page_title %}
  {{ heading_action }} text message template
{% endblock %}

{% block backLink %}
  {{ govukBackLink({
    "href": url_for('main.view_template', service_id=current_service.id, template_id=template.id) if template else url_for('main.choose_template', service_id=current_service.id, template_folder_id=template_folder_id)
  }) }}
{% endblock %}

{% block maincolumn_content %}

    {{ page_header('{} text message template'.format(heading_action)) }}

    {% if current_service.prefix_sms %}
      {% set content_hint = 'Your message will start with your service name' %}
    {% endif %}

    {% call form_wrapper() %}
      <div class="govuk-grid-row">
        <div class="govuk-grid-column-two-thirds">
          {{ form.name(param_extensions={
            "classes": "govuk-!-width-full",
            "hint": {"text": "Your recipients will not see this"}
          }) }}
          {{ textbox(
            form.template_content,
            highlight_placeholders=True,
            width='1-1',
            hint=content_hint,
            rows=5,
            extra_form_group_classes='govuk-!-margin-bottom-2'
          ) }}
          {% if current_user.platform_admin %}
            {{ form.process_type }}
          {% endif %}
        </div>
        <div class="govuk-grid-column-full">
          <div class="template-content-count">
            <div data-module="update-status" data-target="template_content" data-updates-url="{{ url_for('.count_content_length', service_id=current_service.id, template_type='sms') }}" aria-live="polite">
              &nbsp;
            </div>
          </div>
          {{ page_footer('Save') }}
        </div>
        <div class="govuk-grid-column-full">
          {% include "partials/templates/guidance-personalisation.html" %}
          {% include "partials/templates/guidance-optional-content.html" %}
          {% include "partials/templates/guidance-links.html" %}
          {% include "partials/templates/guidance-character-count.html" %}
        </div>
      </div>
    {% endcall %}


{% endblock %}