{% extends "org_template.html" %}
{% from "components/form.html" import form_wrapper %}
{% from "components/page-footer.html" import page_footer %}
{% block per_page_title %}
  Preview letter branding
{% endblock %}

{% block maincolumn_content %}

  <h1 class="heading-large">Preview letter branding</h1>
  <div class="govuk-grid-row">
    <div class="govuk-grid-column-full">
      <iframe src="{{ url_for('main.letter_template', branding_style=form.branding_style.data) }}" class="branding-preview"></iframe>
      {% call form_wrapper(action=action) %}
        <div class="form-group">
          {{ form.hidden_tag() }}
          {{ page_footer('Save') }}
        </div>
      {% endcall %}
    </div>
  </div>
{% endblock %}