{% for realisation in realisations %}
    <div class="realisation col-4">
        <img src="{{ vich_uploader_asset(realisation, 'imageFile') | imagine_filter('realSize') }}" alt="">
        <div class="realisation__titre">
            <div class="realisation__titre__gauche">
                <div class="tags">
                    {% if realisation.client is not null %}
                        <div class="tags__client">
                            <span>{{ realisation.client.name }}</span>
                        </div>
                    {% endif %}
                    {% if realisation.domaine is not null %}
                        <div class="tags__domaine" style="background-color: {{ realisation.domaine.color }};">
                            <span>{{ realisation.domaine.name }}</span>
                        </div>
                    {% endif %}
                    {% if realisation.technique is not null %}
                        <div class="tags__technique">
                            <span>{{ realisation.technique.name }}</span>
                        </div>
                    {% endif %}
                </div>
                <h2 class="title">
                    {{ realisation.title }}
                </h2>
            </div>
            <div class="realisation__titre__droite">
                <a href="{{ path('app_realisation_show', {slug: realisation.slug, id: realisation.id}) }}">
                    <img src="{{ asset("images/icones/arrow.svg") }}" alt="flèche menant à la réalisation">
                </a>
            </div>
        </div>
    </div>
{% endfor %}