{% extends "withoutnav_template.html" %}

{% macro service_list(
  heading,
  show_heading,
  organisations=[],
  services=[]
) %}
  {% if show_heading %}
    <div class="grid-row">
      <div class="column-one-quarter">
        <h2>
          {{ heading }}
        </h2>
      </div>
      <div class="column-three-quarters">
        <ul>
  {% else %}
    <ul>
  {% endif %}
  {% for org in organisations %}
    <li class="browse-list-item">
      <a href="{{ url_for('.organisation_dashboard', org_id=org.id) }}" class="browse-list-link">{{ org.name }}</a>
      <p class="browse-list-hint">
        {{ org.live_services|length }}
        live service{% if org.live_services|length != 1 %}s{% endif %}
      </p>
    </li>
  {% endfor %}
  {% for service in services %}
    <li class="browse-list-item">
      <a href="{{ url_for('.service_dashboard', service_id=service.id) }}" class="browse-list-link">{{ service.name }}</a>
    </li>
  {% endfor %}
  {% if show_heading %}
        </ul>
      </div>
    </div>
  {% else %}
    </ul>
  {% endif %}
  {% if show_add_service_button %}
    <div class="js-stick-at-bottom-when-scrolling">
      <a href="{{ url_for('.add_service') }}" class="button-secondary">Add a new service</a>
    </div>
  {% endif %}
  <div class="keyline-block"></div>
{% endmacro %}

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

{% block maincolumn_content %}

  <h1 class="heading-large {% if current_user.has_access_to_live_and_trial_mode_services %}visually-hidden{% endif %}">
    Choose service
  </h1>

  <nav class="browse-list {% if current_user.has_access_to_live_and_trial_mode_services %}top-gutter-2-3{% endif %}">

    {% if current_user.platform_admin %}
      <div class="grid-row">
        <div class="column-one-quarter">
          <h2>
            Platform admin
          </h2>
        </div>
        <ul class="column-three-quarters">
          <li class="browse-list-item">
            <a href="{{ url_for('.organisations') }}" class="browse-list-link">All organisations</a>
          </li>
        </ul>
      </div>
      <div class="keyline-block"></div>
    {% endif %}

    {% if current_user.organisations %}
      {{ service_list(
        heading='Live services',
        show_heading=current_user.trial_mode_services,
        organisations=current_user.organisations,
        services=current_user.live_services_not_belonging_to_users_organisations
      ) }}
    {% else %}
      {{ service_list(
        heading='Live services',
        show_heading=(current_user.trial_mode_services and current_user.live_services),
        services=current_user.live_services
      ) }}
    {% endif %}

    {% if current_user.trial_mode_services %}
      {{ service_list(
        heading='Trial mode services',
        show_heading=(current_user.organisations or current_user.live_services),
        services=current_user.trial_mode_services
      ) }}
    {% endif %}

  </nav>

  {% if can_add_service %}
    <div class="js-stick-at-bottom-when-scrolling">
      {% if current_user.has_access_to_live_and_trial_mode_services %}
        <div class="grid-row">
          <div class="column-one-quarter">
            &nbsp;
          </div>
          <div class="column-three-quarters">
      {% endif %}
      <a href="{{ url_for('.add_service') }}" class="button-secondary">Add a new service</a>
      {% if current_user.has_access_to_live_and_trial_mode_services %}
          </div>
        </div>
      {% endif %}
    </div>
  {% endif %}

{% endblock %}