{% extends edc_base_template %}
{% load static %}

{% block extrastyle %}
    {{ block.super }}
    <link rel="stylesheet" href="https://cdn.datatables.net/1.11.5/css/jquery.dataTables.min.css">
{% endblock %}

{% block extrahead %}
    {{ block.super }}
    <script src="https://cdn.datatables.net/1.11.5/js/jquery.dataTables.min.js"></script>
{% endblock %}

{% block document_ready %}
    <script>
        $(document).ready(function() {
            $('#order_home_table').DataTable({
                order: [[1, 'desc']],
                pageLength: 25,
                columnDefs: [
                    { orderable: false, targets: -1 },
                ],
            });
        });
    </script>
{% endblock %}

{% block main %}
    {{ block.super }}
    <div class="container">
        <div class="col-sm-12">

            <div style="padding:10px;">
                <a href="{% url "edc_pharmacy:home_url" %}">Edc Pharmacy</a> &rsaquo;
                Orders
            </div>

            <div style="margin-bottom:10px;">
                <a href="{% url "edc_pharmacy:order_add_url" %}"
                   class="btn btn-primary btn-sm">
                    <i class="fa fa-plus"></i> New order
                </a>
            </div>

            {% if rows %}
            <table id="order_home_table" class="table table-condensed table-hover">
                <thead>
                    <tr>
                        <th>Order #</th>
                        <th>Date</th>
                        <th>Supplier</th>
                        <th>Title</th>
                        <th>Status</th>
                        <th>Printed</th>
                        <th style="text-align:right;">Items</th>
                        <th></th>
                    </tr>
                </thead>
                <tbody>
                    {% for row in rows %}
                    {% with o=row.order %}
                    <tr>
                        <td><code>{{ o.order_identifier }}</code></td>
                        <td data-order="{{ o.order_datetime|date:"Y-m-d" }}">
                            {{ o.order_datetime|date:"d-M-Y" }}
                        </td>
                        <td>{{ o.supplier|default:"—" }}</td>
                        <td>{{ o.title|default:"—" }}</td>
                        <td>
                            {% if o.status == COMPLETE %}
                                <span class="label label-success">Complete</span>
                            {% elif o.status == PARTIAL %}
                                <span class="label label-warning">Partial</span>
                            {% else %}
                                <span class="label label-warning">New</span>
                            {% endif %}
                        </td>
                        <td>
                            {% if o.printed %}
                                <span class="label label-success" title="{{ o.printed_by }} on {{ o.printed_datetime|date:"d-M-Y H:i" }}">Yes</span>
                            {% else %}
                                <span class="label label-danger">No</span>
                            {% endif %}
                        </td>
                        <td style="text-align:right;">{{ o.item_count }}</td>
                        <td style="white-space:nowrap;">
                            <a href="{% url "edc_pharmacy:order_url" order=o.pk %}"
                               class="btn btn-primary btn-xs">Manage</a>
                            {% if o.item_count > 0 %}
                            <a href="{% url "edc_pharmacy:print_order_url" order=o.pk %}"
                               class="btn btn-default btn-xs"
                               target="_blank"
                               title="{% if o.printed %}Re-print PDF{% else %}Print PDF (will mark order as printed){% endif %}">
                                <i class="fa fa-print"></i>
                            </a>
                            {% endif %}
                            {% if row.has_receive %}
                            <a href="{% url "edc_pharmacy:receive_order_url" order=o.pk %}"
                               class="btn btn-default btn-xs">Receive</a>
                            {% endif %}
                        </td>
                    </tr>
                    {% endwith %}
                    {% endfor %}
                </tbody>
            </table>
            {% else %}
                <p class="text-muted">No orders yet. Click <b>New order</b> to start.</p>
            {% endif %}

        </div>
    </div>
{% endblock main %}