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

{% block title %}
    Modification d'une page |
    {{ parent() }}
{% endblock %}

{% block breadcrumb %}
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb">
            <li class="breadcrumb-item">
                <a class="opacity-5 text-dark" href="{{ path('@CMS_admin_index') }}">
                    Pages
                </a>
            </li>
            <li class="breadcrumb-item text-sm text-dark active" aria-current="page">
                {{ page.title }}
            </li>
        </ol>
    </nav>
{% endblock %}

{% macro render_menu(blocks, level, parentId) %}
    {% for block in blocks %}
        <li class="list-group-item nested-{{ level }}" data-id="{{ block.id }}" data-parent="{{ parentId }}">
            <span class="flex-between-center">
                {{ block|raw }}
            </span>
            <ul class="list-group nested-sortable mt-1">
                {% if block.children is defined and block.children is not empty %}
                    {{ _self.render_menu(block.children, level+1, block.id) }}
                {% endif %}
            </ul>
        </li>
    {% endfor %}
{% endmacro %}

{% block body %}
    <div class="row">
        <div class="col-12">
            <div class="card my-4">
                {{ include('admin/ui/card/_header.html.twig', {withLocal:true, card_header_title:"Modifier la page"}) }}
                <div class="card-body pb-2">
                    <div class="row">
                        <div class="col-10">
                            {{ include('@CMS/admin/block/_btn_new_block.html.twig', {pageId:page.id}) }}
                            {{ include('@CMS/admin/_list_blocks.html.twig') }}
                        </div>
                        <div class="col-2 border-start">
                            {{ include('@CMS/admin/_form.html.twig') }}
                            <hr/>
                            <div class="mb-3">
                                Date de création :
                                <br/>
                                {{ page.createdAt|date('d/m/Y H:i') }}
                            </div>
                            <div class="mb-3">
                                Date de modification :
                                <br/>
                                {{ page.updatedAt is not empty ? page.updatedAt|date('d/m/Y H:i') : '--' }}
                            </div>
                            <hr/>
                            <div class="mb-3">
                                {% if page.isHome %}
                                    {{ include('admin/ui/_link_button.html.twig', {link_class:'info', link_path:path('home_index'), link_label:"Voir l'accueil", target:'_blank'}) }}
                                {% else %}
                                    {{ include('admin/ui/_link_button.html.twig', {link_class:'info', link_path:path('@CMS_show', {'slug':page.slug}), link_label:'Voir la page', target:'_blank'}) }}
                                {% endif %}
                            </div>
                            <hr/>
                            <div class="mb-3">
                                {{ include('@CMS/admin/_delete_form.html.twig') }}
                            </div>
                            {% if page.isHome == false %}
                                {{ include('@Seo/admin/_entity_form.html.twig') }}
                            {% endif %}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}