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

{% block body %}
    <section class="homepage resume">
        <article>
            <h2>Le début</h2>
            <div class="text ckeditor">
                {{ config.welcomeNote | raw }}
            </div>
        </article>
    </section>
    <section class="homepage portfolio">
        <article>
            <h2>Nos derniers projets</h2>
            <div class="projects">
                {% for article in articles %}
                    <div class="project-card">
                        <figure>
                            <img src="{{ vich_uploader_asset(article, 'imageFile') | imagine_filter('project_thumbnail') }}" alt="{{ article.title }}">
                        </figure>
                        <article>
                            <div class="inner-content">
                                <div class="content">
                                    <div class="text">
                                        <div class="text-content">
                                            <h3>{{ article.title }}</h3>
                                            <p>{{ article.subTitle }}</p>
                                        </div>
                                    </div>
                                    {% if article.type == 3 %}
                                        <div class="link"><a href="{{ path('performances_show', { 'id' : article.id }) }}" class="btn-project" title="{{ article.title }}" >Voir le projet</a></div>
                                    {% elseif article.type == 2 %}
                                        <div class="link"><a href="{{ path('training_show', { 'id' : article.id }) }}" class="btn-project" title="{{ article.title }}" >Voir le projet</a></div>
                                    {% endif %}
                                </div>
                            </div>
                        </article>
                    </div>
                {% endfor %}
            </div>
            <div class="link"><a href="{{ path('performances') }}" class="btn">Voir plus de projets</a></div>
        </article>
    </section>
    <section class="homepage video">
        <article>
            <h2>{{ video.title }} :</h2>
            <div class="video" id="video-pres" title="Lancer la vidéo">
                <div class="video-card">
                    <figure name="video"
                            data-id="{{ video.src }}"
                            class="blur-video-container"
                            data-real-width="1920"
                            data-real-height="1020"
                            data-thumb="{{ vich_uploader_asset(video, 'imageFile') | imagine_filter('video') }}"
                    ></figure>
                    <div class="icon">
                        <div class="launch"><a href="javascript:void(0)" class="btn-launch" title="Lancer la vidéo"><i class="fas fa-play-circle"></i></a></div>
                    </div>
                </div>
            </div>
        </article>
    </section>

    <section class="homepage instagram">
        <article>
            <h2>Nos vies en temps que comédiens</h2>
            <div class="instagram-feed">

            </div>
            <div class="link"><a href="{{ path('about') }}" class="btn">En savoir plus à propos de nous</a></div>
        </article>
    </section>
{% endblock %}