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

{% trans_default_domain 'admin' %}

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

{% set pageTitle = "Menu"|trans ~ " : " ~ entity.adminName %}
{% block title %}{{ pageTitle }}{% endblock %}
{% block pageTitle %}{{ pageTitle }}{% endblock %}

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

{% block javascripts %}
    {{ parent() }}
    {{ resources.encore_entry_js_files('admin-menu', 'admin', 'Menu') }}
{% endblock %}

{% block body %}

    <div id="menu-edit-page">

        <div class="row mb-3">
            <div class="col-6 pl-3 my-auto">
                <h4 class="mb-0 title"><i class="fal fa-pencil-alt text-info mr-2"></i>{{ "Édition"|trans }}</h4>
            </div>
            <div class="col-6 my-auto text-right">
                {% 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 }}">
                        <i class="fas fa-trash"></i>
                    </button>
                {% endif %}
                <a href="{{ lastRoute() }}" class="btn btn-white waves-effect text-info"
                   data-toggle="tooltip" title="{{ "Retourner à la page précédente"|trans }}">
                    <i class="fas fa-reply"></i>
                </a>
                {% include 'admin/include/i18n-selector.html.twig' with {"route": 'admin_menu_edit', "args": { "menu": entity.id }} %}
            </div>
        </div>

        <div class="row">
            <div class="col-md-4">
                <div class="card">
                    <h4 class="card-title card-header"><i class="fal fa-copy mr-2"></i>{{ "Pages du site"|trans }}</h4>
                    <div class="card-body">
                        <form method="post" id="page-selector-menu"
                              action="{{ path('admin_link_add', {'website': websiteId(), 'menu': entity.id, 'locale': entitylocale, 'multiple': 0}) }}" class="mb-4">
                            <div class="input-group mb-3">
                                <select name="page" class="custom-select select-2">
                                    <option value="">{{ "Sélectionnez une page"|trans }}</option>
                                    {% for page in pages %}
                                        {% if page.template != "components.html.twig" %}
                                            <option value="{{ page.id }}">{{ page.adminName }}</option>
                                        {% endif %}
                                    {% endfor %}
                                </select>
                                <div class="input-group-append">
                                    <button type="submit" class="input-group-text cursor"><i class="far fa-chevron-right"></i></button>
                                </div>
                            </div>
                        </form>
                        <form id="pages-to-menu-form" action="{{ path('admin_link_add', {'website': websiteId(), 'menu': entity.id, 'locale': entitylocale, 'multiple': 1}) }}" method="POST" >
                            <ul id="pages-list" class="w-100 pl-3">
                                {% set pages = treePages.main is defined ? treePages.main : [] %}
                                {% for page in pages %}
                                    {% if page.template != "components.html.twig" %}
                                        {% include 'admin/page/menu/link-element.html.twig' with {"page": page, 'tree': treePages} only %}
                                    {% endif %}
                                {% endfor %}
                            </ul>
                            <button type="submit" class="btn btn-info w-100">{{ "Ajouter au menu"|trans }}</button>
                        </form>
                    </div>
                </div>
                <div id="add-link-card" class="card">
                    <h4 class="card-title card-header"><i class="fal fa-link mr-2"></i>{{ "Ajouter un lien externe ou d'arborescence"|trans }}</h4>
                    <div class="card-body pb-0">
                        {{ render_esi(controller('App\\Controller\\Admin\\Action\\Menu\\LinkController::new', { 'website': websiteId(), 'menu': entity.id, 'entitylocale': entitylocale } )) }}
                    </div>
                </div>
                <div class="card">
                    <h4 class="card-title card-header"><i class="fal fa-cog mr-2"></i>{{ "Configuration"|trans }}</h4>
                    <div class="card-body pb-0">
                        <div class="row">
                            {{ form_start(form, {"attr": {"novalidate": "novalidate", "action": app.request.uri}}) }}
                                {% include 'admin/core/form/edit-fields-base.html.twig' with {'form': form} only %}
                            {{ form_end(form) }}
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-8">
                {% set limit = entity.template == 'megamenu' ? 4 : 15 %}
                {% include 'admin/core/include/nestable.html.twig' with {"routenameInterface": "link", "forceLimit": limit} %}
            </div>
        </div>
    </div>

{% endblock %}