{% extends "withnav_template.html" %}
{% from "components/form.html" import form_wrapper %}
{% from "components/components/button/macro.njk" import usaButton %}
{% from "components/branding-preview.html" import email_branding_preview %}

{% block service_page_title %}
  Preview email branding
{% endblock %}

{% block maincolumn_content %}

  <h1 class="font-body-2xl margin-bottom-3">Preview email branding</h1>
  <div class="grid-row">
    <div class="grid-col-12">
      {{ email_branding_preview(form.branding_style.data) }}
      {% call form_wrapper(action=action) %}
        <div class="form-group">
          {{ form.hidden_tag() }}
          <div class="page-footer">
            {{ usaButton({ "text": "Save" }) }}
          </div>
        </div>
      {% endcall %}
    </div>
  </div>
{% endblock %}