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

{% block page_title %}{{ 'return_tracking.event_info' | trans }}{% endblock %}

{% block page_content %}
    {% if justUpdated %}
        <div class="alert alert-success alert-dismissible">
            {{ 'form.newly_updated'|trans }}.
        </div>
    {% else %}
        <div class="alert alert-info alert-dismissible">
            <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
            <p>{{ 'alert.outdated_saved_info'|trans }}. <a href="{{ path('app_return_tracking_show_info', { 'reference' : reference ,'update' : 1 }) }}">
                    {{ 'alert.connect_agency'|trans }}
                </a> </p>

        </div>
    {% endif %}

    <div class="row">
                <div class="col-sm-6">
                    <div class="box box-default color-palette-box">
                        <div>
                            <div class="col-sm-12">
                                <strong><h3>{{ tracking_info.trackingNumber }}</h3></strong>
                            </div>
                            <div class="col-sm-12">
                                <table class="table">
                                    <thead>
                                    <th>Fecha/Hora</th>
                                    <th>Ubicación</th>
                                    <th>Código</th>
                                    <th>Estado agencia</th>
                                    </thead>
                                    <tbody>
                                    {% for event in tracking_info.events|reverse %}
                                        <tr>
                                            <td>{{ event.datetime | date('d/m/Y H:i:s') }}</td>
                                            <td>{{ event.location }}</td>
                                            <td>{{ event.code }}</td>
                                            <td>{{ event.description }}</td>
                                        </tr>
                                    {% endfor %}
                                    </tbody>
                                </table>
                            </div>
                        </div>

                    </div>
                </div>
    </div>

{% endblock %}