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

{% block title %}Article{% endblock %}

{% block body %}
    <div class="wrap d-grid mh-4">
        <div class="admin-buttons">
            <div class="d-grid w-auto">
                <a class="button" href="{{ path('app_news_index') }}">
                    <i class="fa-solid fa-arrow-left mr-1"></i> Revenir au fil d'actualités
                </a>
            </div>

            {% if is_granted('IS_AUTHENTICATED_FULLY') %}
            <div class="d-grid w-auto">
                <a class="button text-center" href="{{ path('app_news_edit', {'id': article.id}) }}">
                    <i class="fa-solid fa-pen-to-square mr-1"></i> Modifier l'article
                </a>
            </div>

            {% if article.isPublie() == false %}
            <div class="d-grid w-auto">
                <a class="button  button-success" href="{{ path('app_news_publish', {'id': article.id}) }}">
                    <i class="fa-solid fa-upload mr-1"></i> Publier l'article
                </a>
            </div>
            {% endif %}

            <div class="d-grid w-auto">
                {% include 'news/_delete_form.html.twig' with {'article': {'id': article.id}} %}
            </div>
            {% endif %}
        </div>
    </div>

    <section class="wrap bg-white mh-4">
        <!-- <img class="news-thumbnail" src="{{ vich_uploader_asset(article.getIdImage()) }}" alt="{{ article.getIdImage().getTexteAlt() }}" draggable="false"> -->
        <div class="p-3">
            <h2 class="text-dark font-h text-center mt-0 mb-2">{{ article.titre }}</h2>
            <strong><p class="text-primary mb-0">
                {{ article.getIdCategorie().getLabelCategorie() }}
            </p></strong>
            <p class="font-xs text-primary mt-0 mb-2">
                Publié le {{ article.datePublication ? article.datePublication|date('d/m/Y à H:i') : '' }}
            </p>
            
            <p>{{ article.texteArticle }}</p>

            <div class="media-gallery mt-3">
                {% for image in article.getListeImages() %}
                    <div>
                        <a href="{{ path('app_image_show', {'id': image.getIdImage().getId()}) }}">
                            <div>
                                <img class="media-thumbnail" src="{{ vich_uploader_asset(image.getIdImage()) }}" alt="{{ image.getIdImage().getTexteAlt() }}">
                            </div>
                        </a>
                    </div>
                {% endfor %}

                {% for video in article.getListeVideos() %}
                    <div>
                        <video class="media-thumbnail" src="{{ vich_uploader_asset(image.getIdVideo()) }}" width="320" height="240" controls loop></video> 
                    </div>
                {% endfor %}
            </div>
        </div>
    </section>
{% endblock %}