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

{% trans_default_domain 'admin' %}

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

{% block title %}{{ "Bibliothèque de médias"|trans }}{% endblock %}
{% block pageTitle %}{{ "Bibliothèque de médias"|trans }}{% endblock %}

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

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

{% block body %}

    <div id="media-librairy-page">

        {% if 'edit'|moduleActive(allModules) %}
            <div class="row">
                <div class="col-md-6">
                    {{ render_esi(controller("App\\Controller\\Admin\\Media\\FolderController::new", {"website": websiteId()})) }}
                </div>
                <div class="col-md-6 text-md-right">
                    <a href="{{ path('cache_liip_clear') }}" class="btn btn-outline-dark waves-effect" data-toggle="preloader">
                        <i class="fad fa-broom mr-2"></i>{{ "Vider le cache"|trans }}
                    </a>
                    <button class="btn btn-success"
                            data-toggle="collapse"
                            data-target="#collapseFormMedias"
                            aria-expanded="false"
                            aria-controls="collapseFormMedias">
                        <i class="fal fa-plus mr-1"></i>{{ "Ajouter des medias"|trans }}</button>
                </div>
            </div>
            {{ render_esi(controller("App\\Controller\\Admin\\Media\\UploadController::uploader", {"website": websiteId()})) }}
        {% endif %}

        <div class="row mt-3">
            <div class="col-md-5">
                <h4 class="card-subtitle mb-4">
                    <div class="row">
                        <div class="col-md-6 my-auto"><i class="fal fa-folder-tree mr-2"></i>{{ "Dossiers"|trans }}</div>
                        <div class="col-md-6 text-right my-auto">
                            {% if 'delete'|moduleActive(allModules) %}
                                <button id="delete-pack-btn" class="btn waves-effect waves-light btn-danger d-none"
                                        data-toggle="tooltip" title="{{ "Supprimer"|trans|striptags }}">
                                    <i class="fas fa-trash"></i>
                                </button>
                            {% endif %}
                            <a href="{{ path('admin_medias_librairy', {'website': websiteId}) }}"
                               class="ajax-get-refresh btn waves-effect waves-light btn-info"
                               data-target="#medias-results"
                               data-target-loader="#medias-preloader">
                                <i class="fas fa-eye mr-2"></i>{{ "Racine"|trans|striptags }}
                            </a>
                        </div>
                    </div>
                </h4>
                {% include 'admin/core/include/nestable.html.twig' with {
                    "routenameInterface": "folder",
                    'customTitle': 'Afficher les médias'|trans,
                    'customIcon': 'fas fa-eye',
                    'customClass': 'ajax-get-refresh',
                    'customBtn': 'info',
                    'targetLoader': '#medias-preloader',
                    'targetAjax': '#medias-results',
                    "customRoute": 'admin_medias_librairy',
                    "customRole": 'ROLE_EDIT'
                } %}
            </div>
            <div class="col-md-7">
                <div id="medias-card" class="card">
                    <div class="d-none">
                        {% include 'admin/include/stripe-preloader.html.twig' with {'preloaderId': 'medias-preloader'} only %}
                    </div>
                    <h4 class="card-header mb-0">
                        <div class="row">
                            <div class="col-md-6 my-auto">
                                <i class="fal fa-photo-video mr-2"></i>{{ "Médias"|trans }}
                                <div id="media-management-btns" class="d-none ml-3">
                                    {% if 'edit'|moduleActive(allModules) %}
                                        {{ render_esi(controller('App\\Controller\\Admin\\Media\\FolderController::select', { "website": websiteId() })) }}
                                    {% endif %}
                                    {% if 'delete'|moduleActive(allModules) %}
                                        <button class="btn btn-danger waves-effect sa-warning sa-warning-delete-medias">
                                            <i class="fas fa-trash"></i>
                                        </button>
                                    {% endif %}
                                </div>
                            </div>
                            <div class="col-md-6 text-right">
                                {{ render_esi(controller('App\\Controller\\Admin\\Media\\FolderController::search', { "website": websiteId() })) }}
                            </div>
                        </div>
                    </h4>
                    <div class="card-body pb-2">
                        {% include 'admin/page/media/medias-list.html.twig' %}
                    </div>
                </div>
            </div>
        </div>

    </div>

{% endblock %}