{% extends "views/platform-admin/_base_template.html" %}
{% from "components/form.html" import form_wrapper %}
{% from "components/button/macro.njk" import govukButton %}

{% block per_page_title %}
  Preview letter branding
{% endblock %}

{% block platform_admin_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() }}
          <div class="page-footer">
            {{ govukButton({ "text": "Save", "classes": "govuk-!-margin-right-2" }) }}
            <a class="govuk-link govuk-link--no-visited-state page-footer-back-link" href="{{ url_for('main.service_settings', service_id=service_id) }}">Back to service settings</a>
          </div>
        </div>
      {% endcall %}
    </div>
  </div>
{% endblock %}