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

{% block title %}Image{% endblock %}

{% block body %}
    <div class="wrap mh-4">
        <div class="admin-buttons">
            {% if is_granted('IS_AUTHENTICATED_FULLY') %}
                <div class="d-grid w-auto">
                    <a class="button" href="{{ path('app_image_index') }}">
                        <i class="fa-solid fa-arrow-left mr-1"></i> Revenir à la liste des images
                    </a>
                </div>

                <div class="d-grid w-auto">
                    <a class="button text-center" href="{{ path('app_image_edit', {'id': image.id}) }}">
                        <i class="fa-solid fa-pen-to-square mr-1"></i> Modifier la description
                    </a>
                </div>

                <div class="d-grid w-auto">
                    {{ include('image/_delete_form.html.twig') }}
                </div>
            {% else %}
            <div class="d-grid w-auto">
                <a class="button" href="{{ path('app_home') }}">
                    <i class="fa-solid fa-arrow-left mr-1"></i> Revenir à l'accueil
                </a>
            </div>
            {% endif %}
        </div>
    </div>

    <section class="wrap">
        <h2 class="text-light mb-2">Description</h2>
        <p class="text-white p-0 m-0">{{ image.texteAlt }}</p>
    </section>

    <div class="bg-white full-pixel-container mh-4 mw-auto scroll-x">
        <img class="full-pixel scroll-x unzoom" src="{{ vich_uploader_asset(image) }}" alt="{{ image.texteAlt }}" onClick="zoom(this)">
    </div>
{% endblock %}