{% extends "admin/base.html.twig" %}

{% trans_default_domain 'admin' %}

{% import 'core/src-macro.html.twig' as resources %}

{% block title %}{{ "Redimensionner"|trans }}{% endblock %}
{% block pageTitle %}{{ "Redimensionner"|trans }}{% endblock %}

{% block stylesheets %}
    {{ parent() }}
    {{ resources.encore_absolute_link_tags('admin-medias-cropper', 'admin') }}
{% endblock %}

{% block javascripts %}
    {{ parent() }}
    {{ resources.encore_entry_js_files('admin-medias-cropper', 'admin', 'Medias cropper') }}
{% endblock %}

{% block body %}

    <div class="card">

        <h4 class="card-header mb-0">
            <div class="row">
                <div class="col-md-8 my-auto"><i class="fal fa-image mr-2"></i>{{ media.filename }}</div>
                <div class="col-md-4 text-right">
                    <span data-toggle="preloader">
                        <a href="{{ path('admin_medias_librairy', {"website": websiteId}) }}"
                           class="btn btn-white waves-effect text-info"
                           data-toggle="tooltip" title="{{ "Retourner aux médias"|trans|striptags }}">
                            <i class="fas fa-reply"></i>
                        </a>
                    </span>
                </div>
            </div>
        </h4>

        <div class="card-body pb-0">
            <div class="card-columns">
                {% for thumb in thumbs %}
                    {{ render_esi(controller('App\\Controller\\Admin\\Media\\CropController::cropper', {"media": media.id, "thumbConfiguration": thumb.id} )) }}
                {% endfor %}
            </div>
            {% if not thumbs %}
                <div class="w-100 mb-4">
                    {% include 'admin/include/alert.html.twig' with {"alert": "info", "message": "Cette image n'est pas utilisée ou paramétrée pour le redimensionnement."|trans} only %}
                </div>
            {% endif %}
        </div>
    </div>

{% endblock %}