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

{% block title %}Nos fiertés{% endblock %}

{% block body %}
    {% for success in successes %}
        {% if loop.index %2 == 1 %}
            <section class="success">
                <article>
                    <h2>{{ success.title }}</h2>
                    <p class="date">
                        Le {{ success.createdAt|date('d/m/Y') }}
                    </p>
                    <p class="sub-title">
                        {{ success.subTitle }}
                    </p>
                    <p class="ckeditor">
                        {{ success.content | raw }}
                    </p>
                </article>
                <div class="comment">
                    <div class="comment_right">
                        <div class="profile_picture">
                            <figure>
                                <img src="{{ vich_uploader_asset(success.comments.author, 'imageFile') | imagine_filter('project_thumbnail') }}" alt="{{ success.comments.author.fullName }}">
                            </figure>
                        </div>
                        <p class="ckeditor">{{ success.comments.content | raw }}</p>
                        <p class="date">Le {{ success.comments.createdAt |date('d/m/Y') }}</p>
                        <div class="svg">
                            <svg viewBox="0 0 150 120" class="comment-svg">
                                <polygon points="150,0 150,120 0,120"/>
                            </svg>
                        </div>
                    </div>
                </div>
            </section>
        {% else %}
            <section class="success">
                <div class="comment">
                    <div class="comment_left">
                        <div class="profile_picture">
                            <figure>
                                <img src="{{ vich_uploader_asset(success.comments.author, 'imageFile') | imagine_filter('project_thumbnail') }}" alt="{{ success.comments.author.fullName }}">
                            </figure>
                        </div>
                        <p class="ckeditor">{{ success.comments.content | raw }}</p>
                        <p class="date">Le {{ success.comments.createdAt|date('d/m/Y') }}</p>
                        <div class="svg">
                            <svg viewBox="0 0 150 120" class="comment-svg">
                                <polygon points="0,0 0,120 150,120"/>
                            </svg>
                        </div>
                    </div>
                </div>
                <article>
                    <h2>{{ success.title }}</h2>
                    <p class="date">
                        Le {{ success.createdAt|date('d/m/Y')}}
                    </p>
                    <p class="sub-title">
                        {{ success.subTitle }}
                    </p>
                    <p class="ckeditor">
                        {{ success.content | raw }}
                    </p>
                </article>
            </section>
        {% endif %}
    {% endfor %}
{% endblock %}