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

{% block per_page_title %}
  Organisations
{% endblock %}

{% block platform_admin_content %}

  <h1 class="heading-medium">Organisations</h1>

  {{ live_search(target_selector='.browse-list-item', show=True, form=search_form, label='Search by name') }}

  <nav class="browse-list">
    <ul>
      {% for org in organisations %}
        <li class="browse-list-item">
          <a href="{{ url_for('main.organisation_dashboard', org_id=org.id) }}" class="govuk-link govuk-link--no-visited-state">{{ org.name }}</a>
          <p class="browse-list-hint">
            {{ org.count_of_live_services }}
            live service{% if org.count_of_live_services != 1 %}s{% endif %}
          </p>
          {% if not org.active %}
            <span class="table-field-status-default heading-medium">- archived</span>
          {% endif %}
        </li>
      {% endfor %}
    </ul>
  </nav>

  <div class="js-stick-at-bottom-when-scrolling">
    {{ govukButton({
      "element": "a",
      "text": "New organisation",
      "href": url_for('main.add_organisation'),
      "classes": "govuk-button--secondary"
    }) }}
  </div>

{% endblock %}