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

{% block page_title %}Incidencias{% 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.warehouse) }}
                                    {{ form_widget(form.warehouse) }}
                                </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">Enviar</button>
                            </td>
                        </tr>
                    </table>
                    {{ form_rest(form) }}
                </div>
                {% if incidences %}
                        <table class="table">
                            <th>Pedido</th>
                            <th>Estado agencia</th>
                            <th>Tracking</th>
                            <th>Transportista</th>
                            <th>Estado A4B Logistics</th>
                            <th>Estado BigBuy</th>
                            <th>Fecha incidencia</th>
                            <th>Fecha etiqueta</th>
                            {% for incidence in incidences %}
                                <tr{% if incidence.trackingStatusNameCanonical == 'RETURNED' %} style="background: #ffd2d2 !important;"{% endif %}>
                                    <td>{{ incidence.orderReference }} </td>
                                    <td>{{ incidence.carrierTrackingStatusDescription }} </td>
                                    <td>{{ incidence.trackingNumber }} </td>
                                    <td>{{ incidence.carrierName }} </td>
                                    <td>{{ incidence.trackingStatusNameCanonical }} </td>
                                    <td>{{ incidence.trackingStatusGroupNameCanonical }} </td>
                                    <td>{{ incidence.dateTime | date('d/m/Y H:i:s') }} </td>
                                    <td>{{ incidence.dateAdd | date('d/m/Y H:i:s') }} </td>

                                </tr>
                            {% endfor %}
                        </table>

                {% endif %}

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

    </div>
{% endblock %}