{% extends "base/base-front-general.html.twig" %}
{% block title %}{% trans into locale %}Blog{% endtrans %} | Cershop{% endblock %}
{% block metadescription %}{% 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 %}Blog{% endtrans %}</li>
            </ul>
        </div>
    </nav>
    <!-- ./migas de pan -->
    <div class="container">
        <div class="row">
            
            {% 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 %}
            <!-- Entrada -->
            <div class="col-md-6 col-12">
                <div class="blog-post mb-6">
                    <div class="entry-image clearfix">
                        <div class="contenedor-multimedia">
                            <div class="miniatura-multimedia">
                                <div class="thumbnail-multimedia">
                                    <div class="centrar-multimedia">
                                        <img src="{{ contenido.imagen }}" alt="{{ contenido_textos.titulo }}" class="img-fluid">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="blog-detail">
                        <div class="entry-title">
                            <a href="{{ path('blogEntrada.'~locale, {slug: contenido_textos.slug}) }}">{{ contenido_textos.titulo|length > 75 ? contenido_textos.titulo|slice(0, 75) ~ '...' : contenido_textos.titulo }}</a>
                        </div>
                        <div class="entry-content">
                            <p>{{ contenido_textos.cuerpo|striptags|length > 150 ? contenido_textos.cuerpo|striptags|slice(0, 150) ~ '...' : contenido_textos.cuerpo|striptags }}</p>
                        </div>
                        <div class="entry-button">
                            <a href="{{ path('blogEntrada.'~locale, {slug: contenido_textos.slug}) }}" class="btn btn-light btn-sm">Leer más</a>
                        </div>
                    </div>
                </div>
            </div>
            <!-- .entrada -->
            {% endfor %}

        </div>

        <!-- 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>

{% endblock %}

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