{% set post_show = path('app_post_show', { 'slug': post.slug }) %}

<article class="col-md-6 post post-medium border-0 pb-0 mb-5">
    <div class="post-image">
        <span class="thumb-info thumb-info-no-borders thumb-info-no-borders-rounded thumb-info-lighten thumb-info-bottom-info thumb-info-bottom-info-dark thumb-info-bottom-info-dark-linear thumb-info-centered-icons">
            <span class="thumb-info-wrapper">
                {% if post.postImages|length > 1 %}
                    <span class="owl-carousel owl-theme dots-inside m-0" data-plugin-options="{'items': 1, 'margin': 20, 'animateOut': 'fadeOut', 'autoplay': true, 'autoplayTimeout': 3000}">
                        {% for image in post.postImages %}
                            <span>
                                <img src="../assets/uploads/post/{{ image.name }}" class="img-fluid border-radius-0" style="height: 400px; width: 530px; object-fit: cover;" alt="{{ image.name }}">
                            </span>
                        {% endfor %}
                    </span>
                   {% elseif (post.postImages|length < 1) %}
                    <img src="{{ asset('../assets/img/defaut/project.jpg') }}" class="img-fluid border-radius-0" style="height: 400px; width: 530px; object-fit: cover;" alt="Image">
                   {% elseif (post.postImages|length == 1) %}
                    <img src="../assets/uploads/post/{{ post.postImages[0].name }}" class="img-fluid border-radius-0" style="height: 400px; width: 530px; object-fit: cover;" alt="{{ post.postImages[0].name }}">
                {% endif %}

                <span class="thumb-info-action">
                    {% if app.user %}
                        <a href="{{ path('app_post_like', { id: post.id }) }}" data-action="like" data-nb={{ post.likes|length }}>
                            <span class="thumb-info-action-icon thumb-info-action-icon-light">
                                <i class="fas fa-heart filled {{ app.user in post.likes ? '' : 'hidden' }}"></i>
                                <i class="fa-regular fa-heart unfilled {{ app.user in post.likes ? 'hidden' : '' }}"></i>
                            </span>
                        </a>
                    {% endif %}
                    <a href="{{ post_show }}">
                        <span class="thumb-info-action-icon thumb-info-action-icon-light">
                            <i class="fas fa-plus"></i>
                        </span>
                    </a>
                </span>
            </span>
        </span>
    </div>
    <div class="post-content">

        <h2 class="font-weight-semibold text-5 line-height-6 mt-3 mb-2"><a href="{{ post_show }}">{{ post.title }}</a></h2>
        {% if post.featuredText %}
            <p>{{ post.featuredText }}</p>
        {% endif %}


        <div class="post-meta">
            <span><i class="far fa-comments"></i> <a href="#">{{ post.postComments|length }} Commentaires</a></span>
            <span class="d-block mt-2 float-end">
                <a href="{{ post_show }}" class="btn btn-xs btn-light text-1 text-uppercase">Voir plus</a>
            </span>
        </div>

    </div>
</article>