{% extends 'edc_dashboard/base.html' %}
{% load static %}

{% block main %}

{{ block.super }}

  <div class="col-sm-1">&nbsp;</div>
  <div class="col-sm-10">
    <div class="panel panel-default">
      <div class="panel-heading">
        <i class="fas fa-eye fa-lg fa-fw"></i> DICOM Review Queue
        <a href="{% url 'edc_retinopathy:home_url' %}" class="pull-right">
          <i class="fas fa-reply fa-fw"></i> Back</a>
      </div>
      <table class="table table-striped table-hover">
        <thead>
          <tr>
            <th>Subject</th>
            <th>Session date</th>
            <th>OD files</th>
            <th>OS files</th>
            <th></th>
          </tr>
        </thead>
        <tbody>
          {% for session in sessions %}
          <tr>
            <td>{{ session.subject_identifier }}</td>
            <td>{{ session.report_datetime|date:"Y-m-d H:i" }}</td>
            <td>
              {% with od_count=session.files.all|dictsort:"file_type" %}
                {{ od_count|length }}
              {% endwith %}
            </td>
            <td>
              {% with os_count=session.files.all|dictsort:"file_type" %}
                {{ os_count|length }}
              {% endwith %}
            </td>
            <td>
              <a href="{% url 'edc_retinopathy:review-detail' session.pk %}"
                 class="btn btn-sm btn-primary">
                <i class="fas fa-search fa-fw"></i> Review</a>
            </td>
          </tr>
          {% empty %}
          <tr>
            <td colspan="5" class="text-center text-muted">
              No sessions awaiting review.
            </td>
          </tr>
          {% endfor %}
        </tbody>
      </table>
    </div>
  </div>
  <div class="col-sm-1">&nbsp;</div>

{% endblock main %}