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

{% block title %}Gestion des privilèges{% endblock %}

{% block body %}
    <section class="container" id="mainContainer" data-token="{{ token }}" >
        {% include 'utils/file.ariane.html.twig' %} 
        <h4>{{ droit.nom }} - Gestion des privilèges</h4>
        <hr/>

        <div class="alert alert-success" role="alert" id="alertInfo"></div>
        <br />

        {% include 'role/read.html.twig'  with {'droit': droit, 'services': services, 'autorises': autorises, 'edition': '', 'page': page, 'pageSize': pageSize, 'filtre': filtre } %}
    </section>
{% endblock %}

{% block javascripts %}
    {{ parent() }}    
    <script>
        $( document ).ready(function() {
            var alertInfo = document.getElementById("alertInfo");
            var mainContainer = document.getElementById("mainContainer");
            alertInfo.style.display = "none";

            document.querySelectorAll('.droitPriv').forEach(function(button) {
                
                button.addEventListener('change', (event) => {
                    alertInfo.style.display = "none";
                    alertInfo.innerHTML = "";
                    alertInfo.classList.remove("alert-success");
                    alertInfo.classList.remove("alert-danger");
                    
                    var action = 0;
                    const src = event.target;
                    const roleUID = src.getAttribute("data-role");
                    const autoriseUID = src.getAttribute("data-autorise");
                    const serviceID = src.getAttribute("data-service");
                    const token = mainContainer.getAttribute("data-token");
                    if (event.currentTarget.checked) {
                        action = 1;
                    }

                    $.ajax({
                        url: `https://api.eelorleans.com/api/role/habilitation/manage/${roleUID}/${autoriseUID}/${serviceID}/${action}`,
                        type: "GET",
                        beforeSend: function(xhr){xhr.setRequestHeader('Authorization', token);},
                        success: function(data) { 
                            alertInfo.innerHTML = data.message;
                            if(data.type == "success"){   
                                alertInfo.classList.add("alert-success");                            
                            } else {
                                alertInfo.classList.add("alert-danger"); 
                            }
                            alertInfo.style.display = "block";
                        }
                    });                    
                });
            });
        });
    </script> 
{% endblock %}