{% extends "base/base-front-general.html.twig" %}
{% block title %}Visitas | 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 %}Shop{% endtrans %}</th>
                            <th>{% trans into locale %}Visit time{% endtrans %}</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for visita in visitas %}
                        <tr>
                            <td>
                                <strong><a href="{{ path('cuentaVisitasPiezas', {id: visita.id}) }}">{{ visita.distribuidor.nombre }}</a></strong>
                            </td>
                            <td>
                                <span>{{ visita.creado|format_datetime(pattern="HH:mm, d 'de' MMMM 'de' Y", locale="es") }}</span>
                            </td>
                        </tr>
                        {% endfor %}
                    </tbody>
                </table>

                <!-- Inicio del formulario -->
                <form id="formulario" method="post" action="{{ url_pags }}">
                    <div class="form-group row">
                        <div class="col-xl-12">
                            {{ include('partials/front-pagination.html.twig') }}
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

{% endblock %}

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