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

{% block body %}
{{ form_start(form) }}
    <h1 class="page-header">
    {% if mode=="update" %}
    Modification {{ appNiveau04label }} = {{niveau04.label}}
    {% elseif mode=="submit" %}
    Création {{ appNiveau02label }}
    {% endif %}
    </h1>

    {{ form_widget(form.submit) }}
    <a class="btn btn-secondary" href={{ path('app_'~access~'_niveau04') }}>Annuler</a>
    {% if mode=="update" %}
    <a class="btn btn-danger float-end" href={{ path('app_'~access~'_niveau04_delete',{id:niveau04.id}) }} data-method="delete" data-confirm="Êtes-vous sûr de vouloir supprimer cet enregistrement ?">Supprimer</a>
    {% endif %}

    {% if app.session.flashbag.has('error') %}
        <div class='alert alert-danger' style='margin: 5px 0px'>
            <strong>Erreur</strong><br>
            {% for flashMessage in app.session.flashbag.get('error') %}
                {{ flashMessage }}<br>
            {% endfor %}
        </div>
    {% endif %}

    {% if app.session.flashbag.has('notice') %}
        <div class='alert alert-info' style='margin: 5px 0px'>
            <strong>Information</strong><br>
            {% for flashMessage in app.session.flashbag.get('notice') %}
                {{ flashMessage }}<br>
            {% endfor %}
        </div>
    {% endif %}

    <div class="card mt-4">
        <div class="card-header">
            <i class="fa fa-pencil-alt fa-fw"></i> Informations
        </div>

        <div class="card-body">
            {{ form_row(form.niveau01) }}
            {{ form_row(form.niveau02) }}
            {{ form_row(form.niveau03) }}

            {{ form_row(form.label) }}
            <div class='alert alert-info' style='font-size: 80%;padding: 5px;margin-top:-2px; border-radius:0px 0px 0.25rem 0.25rem'>
                Caractères interdits = caractères spéciaux sauf ' @ . - _<br>
            </div>

            {% if form.ldapfilter is defined %}
                {{ form_row(form.ldapfilter) }}
            {% endif %}

            {% if form.attributes is defined %}
                {{ form_row(form.attributes) }}
            {% endif %}            
        </div>
    </div>


    {% if auditUse and mode=="update" and (access=="admin" or access=="modo" or access=="audit") %}
        <div class="float-end" style="width:700px;max-width:100%">
        {{ render(path("app_"~access~"_audit_renderid",{entityname:"Niveau02",entityid:niveau03.id})) }}
        </div>
    {% endif %}      
{{ form_end(form) }}
{% endblock %}

{% block localscript %}
<script>
    $(document.body).on("change","#niveau04_niveau01",function(){
        $("#niveau04_niveau02").empty();
        $("#niveau04_niveau03").empty();
        
        select2niveau02();
        select2niveau03();
    });   

    $(document.body).on("change","#niveau04_niveau02",function(){
        $("#niveau04_niveau03").empty();
        
        select2niveau03();
    });   

    function select2niveau02() {
        $('#niveau04_niveau02').select2({
            theme: 'bootstrap4',
            language: "fr",
            ajax: {
                data: function (params) {
                    var query = {
                        niveau01: $("#niveau04_niveau01").val(),
                    }
                    return query;
                }
            }
        });            
    }

    function select2niveau03() {
        $('#niveau04_niveau03').select2({
            theme: 'bootstrap4',
            language: "fr",
            ajax: {
                data: function (params) {
                    var query = {
                        niveau02: $("#niveau04_niveau02").val(),
                    }
                    return query;
                }
            }
        });            
    }

</script>
{% endblock %}