{% 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>Lab Results: Subject Lookup</h3>

  <form method="get" class="form-inline" style="margin-bottom: 20px;">
    <div class="form-group">
      <label for="identifier">Subject / Screening Identifier or Order No</label>
      <input type="text" class="form-control" id="identifier"
             name="identifier" value="{{ identifier }}"
             placeholder="Enter identifier or order number" style="width: 300px; margin-left: 10px;">
    </div>
    <button type="submit" class="btn btn-primary" style="margin-left: 10px;">Search</button>
  </form>

  {% if identifier %}
    {% if orders %}
      <table class="table table-striped table-condensed">
        <thead>
          <tr>
            <th>Order No</th>
            <th>Visit</th>
            <th>Order Date</th>
            <th>Specimen Collected</th>
          </tr>
        </thead>
        <tbody>
          {% for order in orders %}
          <tr>
            <td>
              <a href="{% url 'edc_lab_results:order-detail' order_no=order.order_no %}">
                {{ order.order_no }}
              </a>
            </td>
            <td>{% if order.visit_code %}{{ order.visit_code }}.{{ order.visit_code_sequence|default_if_none:"0" }}{% else %}-{% endif %}</td>
            <td>{{ order.order_datetime|default:"-" }}</td>
            <td>{{ order.earliest_collected|default:"-" }}</td>
          </tr>
          {% endfor %}
        </tbody>
      </table>
    {% else %}
      <div class="alert alert-warning">
        No results found for <strong>{{ identifier }}</strong>.
      </div>
    {% endif %}
  {% endif %}
</div>
{% endblock main %}