{% extends 'admin/base.html.twig' %}
{% import '@Menu/macro/menu.html.twig' as macros %}

{% block title %}Menu du site | {{ parent() }}{% endblock %}

{% block breadcrumb %}
<nav aria-label="breadcrumb">
    <ol class="breadcrumb">
        <li class="breadcrumb-item">Menu du site</li>
    </ol>
</nav>
{% endblock %}

{% block body %}
<div class="row">
    <div class="col-lg-6">
        <div class="card my-4">
            {{ include('admin/ui/card/_header.html.twig', {withLocal:true, card_header_title:'Menu du site'}) }}
            <div class="card-body p-2">
                <div id="js-sortableNested" data-action="{{ path('@Menu_admin_sort') }}">
                    <ul class="list-group nested-sortable">
                        {{ macros.render_menu(menu_items, 0, 0) }}
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <div class="col-lg-6">
        <div class="card my-4">
            {{ include('admin/ui/card/_header.html.twig', {card_header_title:'Ajouter un lien dans le menu'}) }}
            <div class="card-body p-2 position-relative">
                {{ include('@Menu/admin/_form.html.twig') }}
            </div>
        </div>
    </div>
</div>
{% endblock %}