{% extends "withoutnav_template.html" %}

{% block per_page_title %}
  Choose service
{% endblock %}

{% block maincolumn_content %}

  <h1 class="heading-large">
    Choose service
  </h1>

  {% for org in organisations %}
    <div class="keyline-block">&nbsp;</div>
    <div>
      <nav>
        <div class="browse-list-item">
          <a href="{{ url_for('.organisation_dashboard', org_id=org.id) }}" class="browse-list-link">{{ org.name }}</a>
        </div>
        <div style="margin-left: 30px" class="browse-list">
          <ul>
            {% for item in org.services %}
              <li class="browse-list-item">
                <a href="{{ url_for('.service_dashboard', service_id=item.id) }}" class="browse-list-link">{{ item.name }}</a>
              </li>
            {% endfor %}
          </ul>
        </div>
      </nav>
    </div>
  {% endfor %}
  {% if services_without_organisations %}
    <div class="keyline-block">&nbsp;</div>
    <nav class="browse-list">
      <ul>
        {% for item in services_without_organisations %}
          <li class="browse-list-item">
            <a href="{{ url_for('.service_dashboard', service_id=item.id) }}" class="browse-list-link">{{ item.name }}</a>
          </li>
        {% endfor %}
      </ul>
    </nav>
  {% endif %}
  {% if can_add_service %}
    <div class="keyline-block">&nbsp;</div>
    <nav class="browse-list">
      <div class="browse-list-item">
          <a href="{{ url_for('.add_service') }}" class="browse-list-link">Add a new service…</a>
      </div>
    </nav>
  {% endif %}

{% endblock %}