{% extends "withnav_template.html" %}
{% from "components/radios.html" import radios %}
{% 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 %}

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

{% block maincolumn_content %}

  {{ page_header(
    'Set email branding',
    back_link=url_for('.service_settings', service_id=current_service.id)
  ) }}
  {% call form_wrapper(data_kwargs={'preview-type': 'email'}) %}
    <div class="govuk-grid-row">
      <div class="govuk-grid-column-full preview-pane">
      </div>
    </div>
    <div class="govuk-grid-row">
      <div class="govuk-grid-column-full">
        {{ live_search(target_selector='.multiple-choice', show=True, form=search_form, label='Search branding styles by name') }}
        {{ radios(form.branding_style) }}
      </div>
    </div>
    {{ sticky_page_footer('Preview') }}
  {% endcall %}

{% endblock %}