{% extends "withnav_template.html" %}
{% from "components/page-header.html" import page_header %}
{% from "components/page-footer.html" import page_footer, sticky_page_footer %}
{% from "components/live-search.html" import live_search %}
{% from "components/form.html" import form_wrapper %}
{% from "components/components/back-link/macro.njk" import usaBackLink %}

{% set page_title = "Set email branding" %}

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

{% block service_page_title %}
  {{ page_title }}
{% endblock %}

{% block maincolumn_content %}

  {{ page_header(page_title) }}
  {% call form_wrapper(data_kwargs={'preview-type': 'email'}) %}
    <div class="grid-row">
      <div class="grid-col-12 preview-pane">
      </div>
    </div>
    <div class="grid-row">
      <div class="grid-col-12">
        {{ live_search(
          target_selector='.usa-radio',
          show=True,
          form=search_form,
          label='Search branding styles by name',
          autofocus=True
        ) }}
        {{ form.branding_style }}
      </div>
    </div>
    {{ sticky_page_footer('Preview') }}
  {% endcall %}

{% endblock %}