{% extends 'intranet.html.twig' %}

{% block page_title %}{{ 'pallet_balance.title' | trans}}{% endblock %}

{% block page_content %}
    <div class="row">
        <div class="col-md-12">
            <div class="box">
                {{ form_start(form) }}
                <div class="box-body">
                    <table class="table table-condensed">
                        <tr>
                            <td>
                                <div class="form-group">
                                    {{ form_label(form.carrier) }}
                                    {{ form_widget(form.carrier) }}
                                </div>
                            </td>
                            <td>
                                <div class="form-group">
                                    {{ form_label(form.dateFrom) }}
                                    <div class="col-md-12" style="padding-left: 0; padding-right: 0;">
                                        <div class="col-md-4" style="padding-left: 0;">
                                            {{ form_widget(form.dateFrom.day) }}
                                        </div>
                                        <div class="col-md-4" style="padding-left: 0;">
                                            {{ form_widget(form.dateFrom.month) }}
                                        </div>
                                        <div class="col-md-4" style="padding-left: 0;">
                                            {{ form_widget(form.dateFrom.year) }}
                                        </div>
                                    </div>
                                    {{ form_widget(form.dateFrom.day,
                                        {
                                            'attr': { 'style': 'display:none' }
                                        }
                                    ) }}
                                </div>
                            </td>
                            <td>
                                <div class="form-group">
                                    {{ form_label(form.dateTo) }}
                                    <div class="col-md-12 text-left" style="padding-left: 0; padding-right: 0;">
                                        <div class="col-md-4" style="padding-left: 0;">
                                            {{ form_widget(form.dateTo.day) }}
                                        </div>
                                        <div class="col-md-4" style="padding-left: 0;">
                                            {{ form_widget(form.dateTo.month) }}
                                        </div>
                                        <div class="col-md-4" style="padding-left: 0;">
                                            {{ form_widget(form.dateTo.year) }}
                                        </div>
                                    </div>
                                    {{ form_widget(form.dateTo.day,
                                        {
                                            'attr': { 'style': 'display:none' }
                                        }
                                    ) }}
                                </div>
                            </td>
                            <td style="padding-top:25px">
                                <button type="submit" class="btn btn-primary pull-right">{{ 'label.send'|trans }}</button>
                            </td>
                        </tr>
                    </table>
                    {{ form_rest(form) }}
                </div>
                {% if pallet_exchanges %}
                    <div class="row">
                        <div class="col-md-12">
                            <div class="box">
                                <div class="box-body">
                                    <table class="table">
                                        <tr>
                                            <th>{{ 'date_add' | trans }}</th>
                                            <th>{{ 'pallet_exchange.taken' | trans }}</th>
                                            <th>{{ 'pallet_exchange.returned' | trans }}</th>
                                            <th>{{ 'pallet_exchange.balance' | trans }}</th>
                                        </tr>
                                        {% set totalTaken = 0 %}
                                        {% set totalReceived = 0 %}
                                        {% for exchange in pallet_exchanges %}
                                            <tr>
                                                <td>{{ exchange.dateAdd | date('d/m/Y H:i', "Europe/Madrid") }}</td>
                                                <td>{{ exchange.palletsTaken }}</td>
                                                <td>{{ exchange.palletsReceived }}</td>
                                                <td>{{ exchange.palletsReceived -  exchange.palletsTaken}}</td>
                                            </tr>
                                            {% set totalTaken = totalTaken + exchange.palletsTaken %}
                                            {% set totalReceived = totalReceived + exchange.palletsReceived %}
                                        {% endfor %}
                                        <tr style="font-size: 14px;">
                                            {% set totalBalance = totalReceived -  totalTaken %}
                                            <td><strong>Total</strong></td>
                                            <td><strong>{{ totalTaken }}</strong></td>
                                            <td><strong>{{ totalReceived }}</strong></td>
                                            <td><strong><span style="{% if totalBalance > 0 %}color: green{% elseif totalBalance < 0 %}color: red{% endif %}">{{ totalBalance }}</span></strong></td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                {% endif %}

                {{ form_end(form) }}
            </div>
        </div>

    </div>
{% endblock %}