{% extends 'simple.html.twig' %}
{% block title %}{% trans %}UPH Report{% endtrans %}{% endblock %}
{% block content %}
    <div id="app" class="{{ containerClass }}">
        <div class="row">
            <div class="col">
                <p class="h5 p-1 mt-2 mb-2 infoboxBlue">{% trans %}UPH Report - Total SKUS and Items in Stock{% endtrans %}</p>
            </div>
        </div>
        <div class="row">
            <div class="col col-xs-12">
                <div class="row">
                    <div class="col col-xs-12">
                        <table class="table table-striped table-condensed table-dark">
                            <thead>
                                <tr>
                                    <th>{% trans %}Date{% endtrans %}</th>
                                    <th>{% trans %}Number of Orders{% endtrans %}</th>
                                    <th>{% trans %}Total Items Ordered{% endtrans %}</th>
                                    <th>{% trans %}Average Items in Order{% endtrans %}</th>
                                    <th>{% trans %}Productivity (items/hour){% endtrans %}</th>
                                    <th>{% trans %}Total Time (hrs){% endtrans %}</th>
                                    <th>{% trans %}Total Picking Time (hrs){% endtrans %}</th>
                                    <th>{% trans %}Total Packing Time (hrs){% endtrans %}</th>
                                    <th>{% trans %}Average RR Picking Time (hrs){% endtrans %}</th>
                                    <th>{% trans %}Average RR Packing Time (hrs){% endtrans %}</th>
                                    <th>{% trans %}Total SKUs in the warehouse{% endtrans %}</th>
                                    <th>{% trans %}Total Items in the warehouse{% endtrans %}</th>
                                </tr>
                            </thead>
                            <tbody>
                                {% if data is defined  %}
                                    {%  for this_data in data %}
                                        <tr>
                                            <td>{{ this_data.prod_date }}</td>
                                            <td>{{ this_data.orders }}</td>
                                            <td>{{ this_data.ordered_items }}</td>
                                            <td>{{ this_data.avg_items_per_order }}</td>
                                            <td>{{ this_data.prod }}</td>
                                            <td>{{ this_data.total_time }}</td>
                                            <td>{{ this_data.pick_diff}}</td>
                                            <td>{{ this_data.pack_diff }}</td>
                                            <td>{{ this_data.avg_picking_time }}</td>
                                            <td>{{ this_data.avg_packing_time }}</td>
                                            <td>{{ this_data.total_skus }}</td>
                                            <td>{{ this_data.total_items }}</td>
                                        </tr>
                                    {% endfor %}
                                {% endif %}
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
   {% endblock %}

{% block js %}
    {{ parent() }}
{% endblock %}