{% extends "monitoring/base.html" %}
{% import 'monitoring/icons.html' as icons %}

{%block title%}Agents{%endblock%}

{%block content%}
<div> Group by 
  <a href="{{url_for('.agents', sort=params.sort, group='organization_title')}}">organization</a>
  <a href="{{url_for('.agents', sort=params.sort, group='agent_model')}}">model</a>
  <a href="{{url_for('.agents', sort=params.sort, group='streamer_title')}}">streamer</a>
</div>
<div> Sort by
  <a href="{{url_for('.agents', group=params.group, sort='agent_id')}}">agent</a>
  {% if params.group != 'agent_model' %}
  <a href="{{url_for('.agents', group=params.group, sort='agent_model')}}">model</a>
  {% endif %}
  {% if params.group != 'organization_title' %}
  <a href="{{url_for('.agents', group=params.group, sort='organization_title')}}">organization</a>
  {% endif %}
  <a href="{{url_for('.agents', group=params.group, sort='agent_serial')}}">serial</a>
  <a href="{{url_for('.agents', group=params.group, sort='camera_title')}}">camera</a>
  <a href="{{url_for('.agents', group=params.group, sort='streamer_title')}}">streamer</a>
</div>
{% for domain_id, domain_agents in agents|groupby('domain_id') %}
<h3>{{ domain_agents[0].domain_title }} ({{ domain_id }})</h3>

{% for group_label, group_items in domain_agents|groupby(params.group or 'organization_title') %}
<h4>
  {% if not params.group or params.group == 'organization_title' %}
    {{ icons.organization(group_items[0].organization_id, group_label) }}
  {% endif %}
  {% if params.group == 'agent_model' %}
    {{ icons.agent_model(group_items[0].agent_model) }}
  {% endif %}
  {% if params.group == 'streamer_title' %}
    {{ icons.streamer(group_items[0].streamer_id, group_label) }}
  {% endif %}
  {% if params.group == 'preset_title' %}
    {{ icons.preset(group_items[0].preset_id, group_label) }}
  {% endif %}
</h4>
  {% for it in group_items|sort(attribute=params.sort) %}
  <div class="row">
    <div class="col-sm-3 ellipsis">
      <span class="label label-{{'success' if it.ep_online else 'danger' }}"
        title="endpoint {{'online' if it.ep_online else 'offline'}}">
        EP</span>
      <span class="label label-{{'success' if it.sp_online else 'danger' }}"
        title="streampoint {{'online' if it.sp_online else 'offline'}}">
        SP</span>
      <span class="label label-{{'success' if it.is_online else 'danger' }}"
        title="camera {{'online' if it.is_online else 'offline'}}">
        C</span>
      <a name="agent-{{ it.agent_id }}" style="padding-top: 55px; margin-top: -55px;"></a>
      <a href="#agent-{{ it.agent_id }}">
        <strong>{{ it.agent_id }}</strong>
      </a>
      <a href="{{url_for('.cameras')}}#cam-{{ it.camera_id }}"  title="{{ it.camera_id }} ({{ it.camera_title }})">
        <i class="fa fa-video-camera-o"></i>
        <span>{{ it.camera_id }} ({{ it.camera_title }})</span>
      </a>
      </div>

    {% if params.group != 'agent_model' %}
    <span class="col-sm-1">
      {{ icons.agent_model(it.agent_model) }}
    </span>
    {% endif %}

    {% if params.group != 'agent_serial' %}
    <span class="col-sm-3">
      {{ icons.agent_serial(it.agent_serial) }}
    </span>
    {% endif %}

    {% if params.group and params.group != 'organization_title' %}
    <span class="col-sm-2">
      {{ icons.organization(it.organization_id, it.organization_title) }}
    </span>
    {% endif %}

    {% if params.group != 'streamer_title' %}
    <span class="col-sm-2">
      {{ icons.streamer(it.streamer_id, it.streamer_title) }}
    </span>
    {% endif %}
  </div>
{% endfor %}
{% endfor %}


{% endfor %}
{%endblock%}