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

{% block contenido %}

<div class="page-content pt-6 pb-6">
    <!-- Migas de pan -->
    <nav class="breadcrumb-nav">
        <div class="container pb-0">
            <ul class="breadcrumb">
                <li><a href="{{ path('home.'~locale) }}"><i class="d-icon-home"></i></a></li>
                <li class="active">{% trans into locale %}Sitemap{% endtrans %}</li>
            </ul>
        </div>
    </nav>
    <!-- ./migas de pan -->

    <div class="container">

        <div class="row">
            <div class="col">
                <h1 class="section-title mb-5 mt-5 lh-1 font-weight-bold size-h2">{% trans into locale %}Sitemap{% endtrans %}</h1>
                <hr>
            </div>
        </div>

        <div class="row">
            <div class="col-xs-12 col-md-6 col-lg-4 col-xl-3">
                <h4>{% trans into locale %}Sections{% endtrans %}</h4>
                <ul class="sitemap-links">
                    <li><a href="{{ path('home') }}">{% trans into locale %}Home{% endtrans %}</a></li>
                    <li><a href="{{ path('contacto') }}">{% trans into locale %}Contact{% endtrans %}</a></li>
                    <li><a href="{{ path('sobreNosotros') }}">{% trans into locale %}About us{% endtrans %}</a></li>
                </ul>
            </div>
            <div class="col-xs-12 col-md-6 col-lg-4 col-xl-3">
                <h4>{% trans into locale %}Categories{% endtrans %}</h4>
                <ul class="sitemap-links">
                    <li><a href="#">{% trans into locale %}Sections{% endtrans %}</a></li>
                    <li><a href="#">{% trans into locale %}Sections{% endtrans %}</a></li>
                    <li><a href="#">{% trans into locale %}Sections{% endtrans %}</a></li>
                    <li><a href="#">{% trans into locale %}Sections{% endtrans %}</a></li>
                    <li><a href="#">{% trans into locale %}Sections{% endtrans %}</a></li>
                    <li><a href="#">{% trans into locale %}Sections{% endtrans %}</a></li>
                </ul>
            </div>
            <div class="col-xs-12 col-md-6 col-lg-4 col-xl-3">
                <h4>{% trans into locale %}Pieces{% endtrans %}</h4>
                <ul class="sitemap-links">
                    {% for variante in variantes %}
                    <li><a href="{{ path('detallePieza', {slug: variante.slug}) }}">{{ variante.prefijo~' '~variante.nombre }}</a></li>
                    {% endfor %}
                </ul>
            </div>
            <div class="col-xs-12 col-md-6 col-lg-4 col-xl-3">
                <h4>{% trans into locale %}Blog{% endtrans %}</h4>
                <ul class="sitemap-links">
                    <li><a href="{{ path('blogListado') }}">{% trans into locale %}Blog{% endtrans %}</a></li>
                    {% for contenido in contenidos %}
                    {% set break = false %}
                    {% set contenido_textos = [] %}
                    {% for traduccion in contenido.traduccionesContenido %}
                        {% if (traduccion.idioma.codigo == locale or loop.index == contenido.traduccionesContenido|length) and not break %}
                            {% set contenido_textos = traduccion %}
                            {% set break = true %}
                        {% endif %}
                    {% endfor %}
                    <li><a href="{{ path('blogEntrada', {slug: contenido_textos.slug}) }}">{{ contenido_textos.titulo|length > 75 ? contenido_textos.titulo|slice(0, 75) ~ '...' : contenido_textos.titulo }}</a></li>
                    {% endfor %}
                </ul>
            </div>
        </div>
    </div>
</div>

{% endblock %}

{% block javascript %}
    {{ parent() }}
{% endblock %}