{% extends 'base.html.twig' %}

{% block title %}Peintures{% endblock %}

{% block body %}
    <div class="breadcrumb-wrap variations">
        <div class="container">
            <div class="row">
                <div class="col-sm-6">
                    <h4>Oeuvres</h4>
                </div>
                <div class="col-sm-6 hidden-xs text-right">
                    <ol class="breadcrumb">
                        <li>Variations plastiques</li>
                    </ol>
                </div>
            </div>
        </div>
    </div><!--breadcrumbs-->
    <div class="divide80"></div>
    <div class="container">

        <div class="center-heading">
            <h2>Variations</h2>
            <span class="center-line"></span>
        </div>

        <ul class="filter list-inline">
            {% for categorie in categories %}
            <li><a href="#"
                   data-filter=".{{ categorie.id }}"
                   class="{{ categorie.defaut and categorie.defaut == 6585 ? 'active':'' }}">
                    {{ categorie.libelle }}
                </a></li>
            {% endfor %}
            <li><a href="#" data-filter="*">Toutes</a></li>
        </ul>
        <div class="row">
            <div class="portfolio-box iso-call col-3-space">
                {% for variation in variations %}
                <div class="project-post {{ variation.categorie }}">
                    <div class="item-img-wrap ">
                        <img src="https://www.kiwicloudcms.com/content/picture/id/{{ variation.image }}/ql/600x600" class="img-responsive" alt="workimg" />
                        <div class="item-img-overlay">
                            <a href="https://www.kiwicloudcms.com/content/picture/id/{{ variation.image }}/ql/1000x1000" class="show-image">
                                <span></span>
                            </a>
                        </div>
                    </div>
                    <div class="work-desc">
                        <h3><a href="portfolio-single.html">{{ variation.title|raw }}</a></h3>
                        <span>{{ variation.description|raw }}</span>
                    </div><!--work desc-->
                </div><!--project post-->
                {% endfor %}
            </div>
        </div>
    </div><!--container-->

    <div class="divide60"></div>
{% endblock %}