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

{% block service_page_title %}
  Preview message
{% endblock %}

{% block backLink %}
  {{ govukBackLink({ "href": url_for('.preview_broadcast_areas', service_id=current_service.id, broadcast_message_id=broadcast_message.id) }) }}
{% endblock %}

{% block maincolumn_content %}

  {{ page_header("Preview") }}

  {{ broadcast_message.template|string }}

  <div class="govuk-!-margin-bottom-3">
    <ul class="area-list">
      {% for area in broadcast_message.areas %}
        <li class="area-list-item area-list-item--unremoveable">
          {{ area.name }}
        </li>
      {% endfor %}
    </ul>
  </div>

  {% call form_wrapper() %}
    {{ page_footer('Submit for approval') }}
  {% endcall %}

{% endblock %}