{% extends "layout/base.html" %}

{% block content %}
<div class="row">

    <!--columna de galerias-->
    <div class="col-md-9">
        {% for galeria in galerias %}
            {% if( (loop.index - 1)  % 4 == 0) %}
            {% set abrir = 1 %}
                   <div class="item row {% if loop.first %}active{% endif %}">
            {% endif %}
                <div class="col-md-3">
                     <div class="view view-tenth">
                        <img class="img-responsive" src="{{ galeria.imagen['listado'] }}" alt="" />
                        <div class="mask">
                            <h4>{{ galeria.nombre }}</h4>
                            <a href="{{ galeria.url }}" class="info">Ver Galeria</a>
                        </div>
                    </div>
                </div>
                {% if((loop.index - 1) % 4 == 3) %}
                    {% set abrir = 0 %}
                     </div>
                {% endif %}
                {% if loop.last == true %}
                    {% if abrir == 1 %}
                    </div>
                    {% endif %}
                {% endif %}
            {% endfor %}
    </div>
    <div class="col-md-3">
        {% include 'layout/buscador.html' %}
        {% include "macros/arbol-categorias.html" %}
    </div>
</div>


{% endblock %}