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

{% block service_page_title %}
  Check your new branding
{% endblock %}

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

{% block maincolumn_content %}

  {{ page_header('Check your new branding') }}

  <p class="govuk-body">
    Emails from {{ current_service.name }} will look like this.
  </p>

  {{ email_branding_preview('__NONE__') }}

  <h2 class="heading-medium">Before you continue</h2>

  <p class="govuk-body">You can only use U.S. Notify branding if people go to U.S. Notify to access your service.</p>

  <p class="govuk-body">
    You cannot use U.S. Notify branding if your organization is
    <a class="govuk-link govuk-link--no-visited-state"
      href="https://www.gov.uk/government/publications/govuk-proposition/govuk-proposition#organisations-independent-from-government">independent
      from government</a>.
  </p>

  {% call form_wrapper() %}
    {{ page_footer('Use this branding') }}
  {% endcall %}

{% endblock %}