{% extends "full_layout.html" %}
{% import "macros/ordering.html" as ordering_macros  %}

{% block title %}Applications{% endblock %}

{% block subnav_header %}
  Applications
{% endblock %}

{% block subnav_items %}
{% endblock %}

{% block content %}
  <section>
    <div class="ui segment no-padding transparent">
      <div class="ui grid table-bar">
        <div class="ui six wide column left floated">
          <a href="{{ url_for('.create') }}" class="ui button pink tiny" id="new-application-button"><img class="icon" src="{{ static_url_for('static', filename='img/icons/plus.svg') }}">New application</a>
        </div>
      </div>
    </div>
    <div class="ui segment no-padding full-height">
      <table id="applications-table" class="ui striped table">
        <thead>
        <tr>
          <th class="application-name">
            {{ ordering_macros.ordering_header("Name", ordering.links["name"]) }}
          </th>
          {% if current_user.is_admin %}
            <th class="application-dna_account">
              {{ ordering_macros.ordering_header("DNA account", ordering.links["dna_account_id"]) }}
            </th>
          {% endif %}
          <th class="application-client_id">
            {{ ordering_macros.ordering_header("Client ID", ordering.links["client_id"]) }}
          </th>
          <th class="application-resource_group">
            {{ ordering_macros.ordering_header("Product", ordering.links["resource_group_id"]) }}
          </th>
          <th class="application-audience">
            {{ ordering_macros.ordering_header("Audience", ordering.links["audience"]) }}
          </th>
        </tr>
        </thead>
        <tbody>
        {% for application in applications %}
          <tr>
            <td class="application-name">
              <a href="{{ url_for('.update', application_id=application.id) }}">
                {{ application.name|default("N/A", True) }}
              </a>
            </td>
            {% if current_user.is_admin %}
              <td class="application-dna_account">
                {{ application.dna_account.email|default("N/A", True) }}
              </td>
            {% endif %}
            <td class="application-client_id">
              {{ application.client_id|default("N/A", True) }}
            </td>
            <td class="application-resource_group">{{ application.resource_group }}</td>
            <td class="application-audience">{{ application.audience }}</td>
          </tr>
        {% else %}
          <tr>
            <td class="table-no-data-notice center aligned" colspan="{% if current_user.is_admin %}5{% else %}4{% endif %}">
              <img src="{{ static_url_for('static', filename='img/no-results.svg') }}">
              <p>No applications to show.</p>
            </td>
          </tr>
        {% endfor %}
        </tbody>
      </table>
    </div>
    <div class="ui divider hidden"></div>

    {% include "components/pagination.html" %}

  </section>
{% endblock %}