{% 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
        <span class="pull-right">
          <a href="{% url 'edc_retinopathy:reviewed-queue' %}">
            <i class="fas fa-check-circle fa-fw"></i> Reviewed</a>
          &nbsp;|&nbsp;
          <a href="{% url 'edc_retinopathy:home_url' %}">
            <i class="fas fa-reply fa-fw"></i> Back</a>
        </span>
      </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>
              <a href="{% url 'edc_retinopathy_admin:edc_retinopathy_camerasession_change' session.pk %}">
                {{ session.report_datetime|date:"Y-m-d H:i" }}
              </a>
            </td>
            <td>{{ session.od_dicom_count }}</td>
            <td>{{ session.os_dicom_count }}</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 %}