{% extends "withoutnav_template.html" %}
{% from "components/live-search.html" import live_search %}
{% from "components/page-footer.html" import page_footer %}
{% from "components/page-header.html" import page_header %}

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

{% block maincolumn_content %}

  {{ page_header(
    'Organisations',
    back_link=url_for('main.choose_account'),
  ) }}

  {{ 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="browse-list-link">{{ org['name'] }}</a>
          {% 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">
    <a href="{{ url_for('main.add_organisation') }}" class="button-secondary">New organisation</a>
  </div>

{% endblock %}