{% extends "base/base-front-general.html.twig" %}
{% block title %}Piezas | Cershop{% endblock %}
{% block metadescription %}{% endblock %}
{% block robots %}noindex,follow{% endblock %}
{% block stylesheet %}
    {{ parent() }}
{% endblock %}

{% block bodyclass %}{{ parent() }}{% endblock %}
{% block contenido %}
<div class="page-content mt-10 mb-10 pb-6">
    <div class="container-fluid">
        <div class="row">
            <div class="col-xs-12 col-md-4 col-lg-3 col-xl-2">
                {% include '/partials/front-menu-cuenta.html.twig' %}
            </div>
            <div class="col-xs-12 col-md-8 col-lg-9 col-xl-10">
                <table>
                    <thead>
                        <tr>
                            <th class="pl-2">{% trans into locale %}Piece{% endtrans %}</th>
                            <th>{% trans into locale %}Scan time{% endtrans %}</th>
                            <th class="pr-2">{% trans into locale %}Shop{% endtrans %}</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for vista in visita.vistas %}
                        <tr>
                            <td>
                                <strong><a href="{{ path('detallePieza', {_locale: locale, slug: vista.variante.slug}) }}">{{ vista.variante.prefijo~' '~vista.variante.nombre }}</a></strong>
                            </td>
                            <td>
                                <span>{{ vista.creado|format_datetime(pattern="HH:mm, d 'de' MMMM 'de' Y", locale="es") }}</span>
                            </td>
                            <td>
                                <span>{{ visita.distribuidor.nombre }}</span>
                            </td>
                        </tr>
                        {% endfor %}
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>

{% endblock %}

{% block javascript %}
{{ parent() }}
{% if app.user %}
<script>
    $('#menu-visitas').addClass('active');
</script>
{% endif %}
{% endblock %}