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

{% block per_page_title %}
  Letter branding
{% endblock %}

{% block platform_admin_content %}

  {{ page_header('Letter branding') }}
  {{ live_search(target_selector='.letter-brand', show=True, form=search_form) }}
  <nav>
    {% for brand in letter_brandings %}
      <div class="letter-brand">
        <div class="message-name">
          <a href="{{ url_for('.update_letter_branding', branding_id=brand.id) }}">
            {{ brand.name }}
          </a>
        </div>
      </div>
    {% endfor %}
  </nav>
  <div class="js-stick-at-bottom-when-scrolling">
    <a href="{{ url_for('.create_letter_branding') }}" class="button-secondary">New brand</a>
  </div>

{% endblock %}