{% extends "withnav_template.html" %}
{% from "components/form.html" import form_wrapper %}
{% from "components/components/back-link/macro.njk" import usaBackLink %}
{% 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 %}
  {{ usaBackLink({
    "href": url_for('.email_branding_request', service_id=current_service.id)
  }) }}
{% endblock %}

{% block maincolumn_content %}

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

  <p>
    Emails from {{ current_service.name }} will look like this.
  </p>

  {{ email_branding_preview('__NONE__') }}

  <h2 class="font-body-lg">Before you continue</h2>

  <p>You can only use Notify.gov branding if people go to Notify.gov to access your service.</p>

  <p>
    You cannot use Notify.gov branding if your organization is
    <a class="usa-link"
      href="https://www.gov.uk/government/publications/govuk-proposition/govuk-proposition#organizations-independent-from-government">independent
      from government</a>.
  </p>

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

{% endblock %}