{% extends "views/platform-admin/_base_template.html" %}
{% from "components/page-header.html" import page_header %}
{% from "components/live-search.html" import live_search %}
{% from "components/components/button/macro.njk" import usaButton %}

{% set page_title = "Email branding" %}

{% block per_page_title %}
  {{ page_title }}
{% endblock %}

{% block platform_admin_content %}

  <h1 class="font-body-2xl">{{ page_title }}</h1>
  {{ live_search(target_selector='.message-name', show=True, form=search_form, autofocus=True) }}
  <nav>
      <ul class="email-brand">
        {% for brand in email_brandings %}
        <li class="message-name">
          <a class="usa-link" href="{{ url_for('.update_email_branding', branding_id=brand.id) }}">
            {{ brand.name or 'Unnamed' }}
          </a>
        </li>
        {% endfor %}
      </ul>
  </nav>
  <div class="js-stick-at-bottom-when-scrolling">
    {{ usaButton({
      "element": "a",
      "text": "New brand",
      "href": url_for('.create_email_branding'),
      "classes": "govuk-button--secondary"
    }) }}
  </div>

{% endblock %}