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

{% block main %}
<div class="container" style="margin-top: 70px;">
  <div style="margin-bottom: 15px;">
    <a href="{% url 'edc_lab_results:home_url' %}"
       class="btn btn-default btn-sm">&laquo; Lab Results</a>
  </div>

  <h3>Upload Lab Result PDFs</h3>

  <div class="panel panel-default">
    <div class="panel-heading">
      <h4 class="panel-title">Select files</h4>
    </div>
    <div class="panel-body">
      <form method="post" enctype="multipart/form-data">
        {% csrf_token %}
        {% if form.errors %}
        <div class="alert alert-danger">
          <strong>Please correct the errors below.</strong>
          {{ form.non_field_errors }}
          {% for error in form.files.errors %}
          <p>{{ error }}</p>
          {% endfor %}
        </div>
        {% endif %}
        <div class="form-group">
          <label for="{{ form.files.id_for_label }}">PDF files</label>
          {{ form.files }}
          <p class="help-block">{{ form.files.help_text }}</p>
        </div>
        <button type="submit" class="btn btn-primary">Upload</button>
      </form>
    </div>
  </div>

  {% if pending_count %}
  <div class="panel panel-info">
    <div class="panel-heading">
      <h4 class="panel-title">Process pending files ({{ pending_count }})</h4>
    </div>
    <div class="panel-body">
      <form method="post" action="{% url 'edc_lab_results:process-pending' %}">
        {% csrf_token %}
        <div class="form-inline">
          <div class="form-group">
            <label for="id_laboratory">Laboratory</label>
            <select name="laboratory" id="id_laboratory" class="form-control" style="margin-left: 10px;">
              {% for value, label in laboratory_choices %}
              <option value="{{ value }}"{% if value == default_laboratory %} selected{% endif %}>{{ label }}</option>
              {% endfor %}
            </select>
          </div>
          <button type="submit" class="btn btn-success" style="margin-left: 10px;">
            Process pending files
          </button>
        </div>
      </form>
    </div>
  </div>
  {% endif %}

  {% if recent_uploads %}
  <h4>Recent uploads</h4>
  <table class="table table-striped table-condensed">
    <thead>
      <tr>
        <th>Original filename</th>
        <th>Status</th>
        <th>Uploaded by</th>
        <th>Uploaded</th>
        <th>Imported</th>
        <th>Error</th>
        <th></th>
      </tr>
    </thead>
    <tbody>
      {% for upload in recent_uploads %}
      <tr class="{% if upload.status == 'error' %}danger{% elif upload.status == 'imported' %}success{% endif %}">
        <td>{{ upload.original_filename }}</td>
        <td>{{ upload.get_status_display }}</td>
        <td>{{ upload.uploaded_by.username }}</td>
        <td>{{ upload.uploaded_datetime }}</td>
        <td>{{ upload.imported_datetime|default:"-" }}</td>
        <td><small>{{ upload.error_message|default:"-"|truncatewords:20 }}</small></td>
        <td>
          {% if upload.status == "pending" %}
          <form method="post" action="{% url 'edc_lab_results:delete-upload' pk=upload.pk %}"
                style="display:inline;"
                onsubmit="return confirm('Remove {{ upload.original_filename }}?');">
            {% csrf_token %}
            <button type="submit" class="btn btn-danger btn-xs">Remove</button>
          </form>
          {% endif %}
        </td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
  {% endif %}
</div>
{% endblock main %}