{% 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 () {
            {% if stocks %}
            $('#receive-stock-tbl').DataTable({
                order: [[6, 'desc']],
                pageLength: 50,
            });
            {% endif %}
        });
    </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;
                <a href="{% url "edc_pharmacy:receive_home_url" %}">Receive</a> &rsaquo;
                <a href="{% url "edc_pharmacy:receive_order_url" order=order.pk %}">{{ order.order_identifier }}</a> &rsaquo;
                Stock received
            </div>

            <div class="panel panel-default">
                <div class="panel-heading">
                    <b>Stock received against order <code>{{ order.order_identifier }}</code></b>
                    {% if receive %}
                    &nbsp;
                    <span class="text-muted small">
                        ({{ receive.receive_identifier }})
                    </span>
                    &nbsp;
                    {% if unconfirmed_count == 0 and confirmed_count > 0 %}
                        <span class="label label-success">All confirmed</span>
                    {% elif confirmed_count > 0 %}
                        <span class="label label-warning">{{ confirmed_count }} confirmed, {{ unconfirmed_count }} unconfirmed</span>
                    {% else %}
                        <span class="label label-warning">{{ unconfirmed_count }} unconfirmed</span>
                    {% endif %}
                    {% endif %}
                </div>
                <div class="panel-body">

                    {% if stocks %}
                    <div class="table-responsive">
                    <table id="receive-stock-tbl" class="table table-condensed table-hover" style="margin:0;">
                        <thead>
                            <tr>
                                <th>Code</th>
                                <th>Product</th>
                                <th>Receive</th>
                                <th>Assignment</th>
                                <th>Batch</th>
                                <th>Container</th>
                                <th style="text-align:right;">Units / cont.</th>
                                <th>Created</th>
                                <th>Status</th>
                            </tr>
                        </thead>
                        <tbody>
                            {% for s in stocks %}
                            <tr>
                                <td style="font-family:monospace;">{{ s.code|default:"—" }}</td>
                                <td>{{ s.product.name|default:"—" }}</td>
                                <td>R{{ s.receive_item.receive_item_identifier|default:"—" }}</td>
                                <td>
                                    {% if show_assignment %}
                                        {{ s.product.assignment|default:"—" }}
                                    {% else %}
                                        <span class="text-muted">******</span>
                                    {% endif %}
                                </td>
                                <td>
                                    {% if show_batch %}
                                        {% if s.lot %}
                                            <a href="{% url "edc_pharmacy:lot_stock_list_url" lot=s.lot.pk %}"
                                               title="View all stock from this batch">
                                                {{ s.lot.lot_no }}
                                            </a>
                                        {% else %}
                                            —
                                        {% endif %}
                                    {% else %}
                                        <span class="text-muted">******</span>
                                    {% endif %}
                                </td>
                                <td>{{ s.container|default:"—" }}</td>
                                <td style="text-align:right;">{{ s.container_unit_qty }}</td>
                                <td data-order="{{ s.stock_datetime|date:"Y-m-d H:i" }}"
                                    style="white-space:nowrap;">
                                    {{ s.stock_datetime|date:"d-M-Y H:i" }}
                                </td>
                                <td>
                                    {% if s.dispensed %}
                                        <span class="label label-info">Dispensed</span>
                                    {% elif s.in_transit %}
                                        <span class="label label-info">In transit</span>
                                    {% elif s.stored_at_location %}
                                        <span class="label label-success">At site</span>
                                    {% elif s.confirmed %}
                                        <span class="label label-success">Confirmed</span>
                                    {% else %}
                                        <span class="label label-warning">Unconfirmed</span>
                                    {% endif %}
                                </td>
                            </tr>
                            {% endfor %}
                        </tbody>
                    </table>
                    </div>
                    {% else %}
                    <p class="text-muted">No stock has been received against this order yet.</p>
                    {% endif %}

                    <p style="margin-top:12px;">
                        <a href="{% url "edc_pharmacy:receive_order_url" order=order.pk %}"
                           class="btn btn-default btn-sm">
                            <i class="fas fa-angle-double-left"></i> Back to receiving
                        </a>
                    </p>

                </div>
            </div>

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