2016-05-05 08:39:36 +01:00
{% extends "withnav_template.html" %}
2019-04-29 11:44:05 +01:00
{% from "components/page-header.html" import page_header %}
2016-05-05 08:39:36 +01:00
{% from "components/page-footer.html" import page_footer %}
2025-04-18 14:51:22 -04:00
{% from "components/textbox.html" import textbox %}
2018-09-19 12:39:36 +01:00
{% from "components/form.html" import form_wrapper %}
2023-08-30 11:07:38 -04:00
{% from "components/components/back-link/macro.njk" import usaBackLink %}
2016-05-05 08:39:36 +01:00
2017-02-13 10:45:15 +00:00
{% block service_page_title %}
2017-05-25 13:31:23 +01:00
{{ page_title }}
2016-05-05 08:39:36 +01:00
{% endblock %}
2021-07-30 18:23:12 +01:00
{% block backLink %}
2025-04-25 10:23:28 -04:00
{{ usaBackLink(back_link) }}
2021-07-30 18:23:12 +01:00
{% endblock %}
2024-12-09 18:47:34 -08:00
{% block skipLink %}
2024-12-10 12:21:01 -08:00
{% set skipLink = usaSkipLink({
"href": '#main-content',
"text": 'Skip to main content'
}) %}
2024-12-09 18:47:34 -08:00
{% if errors %}
2024-12-10 12:21:01 -08:00
< div > {{ skipLink }}< / div >
2024-12-09 18:47:34 -08:00
{% else %}
2024-12-10 12:21:01 -08:00
{{ skipLink }}
2024-12-09 18:47:34 -08:00
{% endif %}
{% endblock %}
2016-05-05 08:39:36 +01:00
{% block maincolumn_content %}
2021-07-30 18:23:12 +01:00
{{ page_header(page_title) }}
2016-05-05 08:39:36 +01:00
2022-07-29 15:28:10 -07:00
{{ template|string }}
2018-12-07 10:34:58 +00:00
{% call form_wrapper(
2018-12-07 11:41:11 +00:00
class='js-stick-at-top-when-scrolling send-one-off-form' if template.template_type != 'sms' else 'send-one-off-form',
2019-03-28 16:45:36 +00:00
module="autofocus",
2025-03-21 18:53:49 -07:00
data_kwargs={'force-focus': True},
data_force_focus=True
2018-12-07 10:34:58 +00:00
) %}
2023-08-23 16:18:25 -04:00
< div class = "grid-row" >
2025-04-18 14:51:22 -04:00
{% set is_phone_number = form.placeholder_value.label.text == "phone number" %}
2025-04-25 11:41:13 -04:00
{% set label_text = " phone number" if current_placeholder == "phone number" else current_placeholder %}
2025-04-18 14:51:22 -04:00
{% set extra_class = "extra-tracking" if is_phone_number else "" %}
< div class = "grid-col-12 {{ extra_class }}" >
{{ textbox(
form.placeholder_value,
2025-04-21 12:12:09 -04:00
label=label_text,
2025-04-18 14:51:22 -04:00
hint=hint_text,
extra_form_group_classes=extra_class,
param_extensions={"id": "phone-number", "classes": ""}
) }}
2017-05-25 13:31:51 +01:00
< / div >
2020-03-15 14:56:52 +00:00
{% if skip_link or link_to_upload %}
2023-09-15 12:26:31 -04:00
< div class = "grid-col-12 margin-top-1" >
2020-03-15 14:56:52 +00:00
{% if link_to_upload %}
2023-09-15 12:26:31 -04:00
< a class = "usa-link margin-right-2" href = "{{ url_for('.send_messages', service_id=current_service.id, template_id=template.id) }}" > Upload a list of {{ 999|recipient_count_label(template.template_type) }}< / a >
2020-03-15 14:56:52 +00:00
{% endif %}
{% if skip_link %}
2023-08-25 11:38:07 -04:00
< a href = "{{ skip_link[1] }}" class = "usa-link" > {{ skip_link[0] }}< / a >
2020-03-15 14:56:52 +00:00
{% endif %}
2017-05-25 13:31:51 +01:00
< / div >
{% endif %}
< / div >
2018-07-18 09:48:19 +01:00
{% if link_to_upload %}
2023-06-06 15:28:24 -04:00
< p >
2020-03-15 14:56:52 +00:00
2018-07-18 09:48:19 +01:00
< / p >
{% endif %}
2019-04-29 11:44:05 +01:00
{{ page_footer('Continue') }}
2018-09-19 12:39:36 +01:00
{% endcall %}
2016-05-05 08:39:36 +01:00
2023-04-12 15:35:14 -04:00
2017-05-16 16:56:40 +01:00
2016-05-05 08:39:36 +01:00
{% endblock %}