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

{% block activeLiUser %}class="active"{% endblock %}
{% block activeUser %}class="active"{% endblock %}
{% block body %}
    <section class="vbox">
        <section class="scrollable padder">
            <ul class="breadcrumb no-border no-radius b-b b-light pull-in">
                <li><a href=""><i class="fa fa-home"></i> Tableau de board</a></li>
                <li><a href="#">Utilisateurs</a></li>
                <li class="active">Nouvel utilisateur</li>
            </ul>
            <div class="m-b-md">
                <h3 class="m-b-none">Utilisateurs</h3>
            </div>
            {% if response != "" %}
                {% if response == "OK" %}
                    <div class="alert alert-success">
                        <button type="button" class="close" data-dismiss="alert">&times;</button>
                        <i class="fa fa-ok-sign"></i><strong>OK !</strong> Utilisateur modifié avec succès</a>.
                    </div>
                {% else %}
                    <div class="alert alert-danger">
                        <button type="button" class="close" data-dismiss="alert">&times;</button>
                        <i class="fa fa-ban-circle"></i><strong>Erreur !</strong> {{ response }}
                    </div>
                {% endif %}
            {% endif %}
            <form method="POST">
                <div class="row">
                    <div class="col-sm-12">
                        <section class="panel panel-default">
                            <header class="panel-heading font-bold">Informations utilisateur</header>
                            <div class="panel-body">
                                <div class="form-group">
                                    <label>Nom</label>
                                    <input type="text" class="form-control" placeholder="Nom" name="nom" value="{{ us.nom }}">
                                </div>
                                <div class="form-group">
                                    <label>Prenom</label>
                                    <input type="text" class="form-control" placeholder="Prenom" name="prenom" value="{{ us.prenom }}">
                                </div>
                                <div class="form-group">
                                    <label>Email</label>
                                    <input type="text" class="form-control" placeholder="Email" name="email" value="{{ us.email }}" readonly>
                                </div>
                                <div class="form-group">
                                    <label>Mot de passe</label>
                                    <input type="password" class="form-control" placeholder="Mot de passe" name="password">
                                </div>
                                <div class="form-group">
                                    <label>Comfirmez mot de passe</label>
                                    <input type="password" class="form-control" placeholder="Comfirmez mot de passe" name="password2">
                                </div>
                            </div>
                        </section>
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-12">
                        <section class="panel panel-default">
                            <header class="panel-heading font-bold">Droits d'accès</header>
                            <div class="panel-body">
                                <table border="0" width="100%">
                                    <tr style="height: 25px;">
                                        <td style="border: 1px solid #000000;vertical-align: middle;text-align:center;"></td>
                                        <td style="border: 1px solid #000000;vertical-align: middle;text-align:center;">Consultation</td>
                                        <td style="border: 1px solid #000000;vertical-align: middle;text-align:center;" valign="middle">Ajout</td>
                                        <td style="border: 1px solid #000000;vertical-align: middle;text-align:center;" valign="middle">Modification</td>
                                        <td style="border: 1px solid #000000;vertical-align: middle;text-align:center;" valign="middle">Suppression</td>
                                    </tr>
                                    <!-- Actualités -->
                                    <tr>
                                        <td style="border: 1px solid #000000;">Actualités</td>
                                        <td style="border: 1px solid #000000;text-align:center;"><input type="checkbox" name="c_1" id="art_consultation"></td>
                                        <td style="border: 1px solid #000000;text-align:center;"><input type="checkbox" name="c_2" id="art_ajout"></td>
                                        <td style="border: 1px solid #000000;text-align:center;"><input type="checkbox" name="c_3" id="art_modification"></td>
                                        <td style="border: 1px solid #000000;text-align:center;"><input type="checkbox" name="c_4" id="art_suppression"></td>
                                    </tr>
                                    <!-- Actualités chambres -->
                                    <tr>
                                        <td style="border: 1px solid #000000;">Actualités chambres</td>
                                        <td style="border: 1px solid #000000;text-align:center;"><input type="checkbox" name="c_5" id="actC_consultation"></td>
                                        <td style="border: 1px solid #000000;text-align:center;"><input type="checkbox" name="c_6" id="actC_ajout"></td>
                                        <td style="border: 1px solid #000000;text-align:center;"><input type="checkbox" name="c_7" id="actC_modification"></td>
                                        <td style="border: 1px solid #000000;text-align:center;"><input type="checkbox" name="c_8" id="actC_suppression"></td>
                                    </tr>
                                    <!-- Evenements -->
                                    <tr>
                                        <td style="border: 1px solid #000000;">Evenements</td>
                                        <td style="border: 1px solid #000000;text-align:center;"><input type="checkbox" name="c_9" id="evt_consultation"></td>
                                        <td style="border: 1px solid #000000;text-align:center;"><input type="checkbox" name="c_10" id="evt_ajout"></td>
                                        <td style="border: 1px solid #000000;text-align:center;"><input type="checkbox" name="c_11" id="evt_modification"></td>
                                        <td style="border: 1px solid #000000;text-align:center;"><input type="checkbox" name="c_12" id="evt_suppression"></td>
                                    </tr>
                                    <!-- Publications -->
                                    <tr>
                                        <td style="border: 1px solid #000000;">Publications</td>
                                        <td style="border: 1px solid #000000;text-align:center;"><input type="checkbox" name="c_13" id="pub_consultation"></td>
                                        <td style="border: 1px solid #000000;text-align:center;"><input type="checkbox" name="c_14" id="pub_ajout"></td>
                                        <td style="border: 1px solid #000000;text-align:center;"><input type="checkbox" name="c_15" id="pub_modification"></td>
                                        <td style="border: 1px solid #000000;text-align:center;"><input type="checkbox" name="c_16" id="pub_suppression"></td>
                                    </tr>
                                    <!-- Lois -->
                                    <tr>
                                        <td style="border: 1px solid #000000;">Lois</td>
                                        <td style="border: 1px solid #000000;text-align:center;"><input type="checkbox" name="c_17" id="loi_consultation"></td>
                                        <td style="border: 1px solid #000000;text-align:center;"><input type="checkbox" name="c_18" id="loi_ajout"></td>
                                        <td style="border: 1px solid #000000;text-align:center;"><input type="checkbox" name="c_19" id="loi_modification"></td>
                                        <td style="border: 1px solid #000000;text-align:center;"><input type="checkbox" name="c_20" id="loi_suppression"></td>
                                    </tr>
                                    <!-- Projets Lois -->
                                    <tr>
                                        <td style="border: 1px solid #000000;">Projets Lois</td>
                                        <td style="border: 1px solid #000000;text-align:center;"><input type="checkbox" name="c_21" id="pro_consultation"></td>
                                        <td style="border: 1px solid #000000;text-align:center;"><input type="checkbox" name="c_22" id="pro_ajout"></td>
                                        <td style="border: 1px solid #000000;text-align:center;"><input type="checkbox" name="c_23" id="pro_modification"></td>
                                        <td style="border: 1px solid #000000;text-align:center;"><input type="checkbox" name="c_24" id="pro_suppression"></td>
                                    </tr>
                                    <!-- Annonces -->
                                    <tr>
                                        <td style="border: 1px solid #000000;">Annonces</td>
                                        <td style="border: 1px solid #000000;text-align:center;"><input type="checkbox" name="c_25" id="ann_consultation"></td>
                                        <td style="border: 1px solid #000000;text-align:center;"><input type="checkbox" name="c_26" id="ann_ajout"></td>
                                        <td style="border: 1px solid #000000;text-align:center;"><input type="checkbox" name="c_27" id="ann_modification"></td>
                                        <td style="border: 1px solid #000000;text-align:center;"><input type="checkbox" name="c_28" id="ann_suppression"></td>
                                    </tr>
                                    <!-- La press -->
                                    <tr>
                                        <td style="border: 1px solid #000000;">La press</td>
                                        <td style="border: 1px solid #000000;text-align:center;"><input type="checkbox" name="c_29" id="pre_consultation"></td>
                                        <td style="border: 1px solid #000000;text-align:center;"><input type="checkbox" name="c_30" id="pre_ajout"></td>
                                        <td style="border: 1px solid #000000;text-align:center;"><input type="checkbox" name="c_31" id="pre_modification"></td>
                                        <td style="border: 1px solid #000000;text-align:center;"><input type="checkbox" name="c_32" id="pre_suppression"></td>
                                    </tr>
                                    <!-- Comissions -->
                                    <tr>
                                        <td style="border: 1px solid #000000;">Comissions</td>
                                        <td style="border: 1px solid #000000;text-align:center;"><input type="checkbox" name="c_33" id="cell_consultation"></td>
                                        <td style="border: 1px solid #000000;text-align:center;"><input type="checkbox" name="c_34" id="cell_ajout"></td>
                                        <td style="border: 1px solid #000000;text-align:center;"><input type="checkbox" name="c_35" id="cell_modification"></td>
                                        <td style="border: 1px solid #000000;text-align:center;"><input type="checkbox" name="c_36" id="cell_suppression"></td>
                                    </tr>
                                    <!-- Membres -->
                                    <tr>
                                        <td style="border: 1px solid #000000;">Membres</td>
                                        <td style="border: 1px solid #000000;text-align:center;"><input type="checkbox" name="c_37" id="memb_consultation"></td>
                                        <td style="border: 1px solid #000000;text-align:center;"><input type="checkbox" name="c_38" id="memb_ajout"></td>
                                        <td style="border: 1px solid #000000;text-align:center;"><input type="checkbox" name="c_39" id="memb_modification"></td>
                                        <td style="border: 1px solid #000000;text-align:center;"><input type="checkbox" name="c_40" id="memb_suppression"></td>
                                    </tr>
                                    <!-- Administration -->
                                    <tr>
                                        <td style="border: 1px solid #000000;">Administration</td>
                                        <td style="border: 1px solid #000000;text-align:center;"><input type="checkbox" name="c_41" id="admi_consultation"></td>
                                        <td style="border: 1px solid #000000;text-align:center;">--</td>
                                        <td style="border: 1px solid #000000;text-align:center;"><input type="checkbox" name="c_42" id="admi_modification"></td>
                                        <td style="border: 1px solid #000000;text-align:center;">--</td>
                                    </tr>
                                    <!-- Galerie -->
                                    <tr>
                                        <td style="border: 1px solid #000000;">Galerie</td>
                                        <td style="border: 1px solid #000000;text-align:center;"><input type="checkbox" name="c_43" id="gal_consultation"></td>
                                        <td style="border: 1px solid #000000;text-align:center;"><input type="checkbox" name="c_44" id="gal_ajout"></td>
                                        <td style="border: 1px solid #000000;text-align:center;">--</td>
                                        <td style="border: 1px solid #000000;text-align:center;"><input type="checkbox" name="c_45" id="gal_suppression"></td>
                                    </tr>
                                    <!-- Statistiques -->
                                    <tr>
                                        <td style="border: 1px solid #000000;">Statistiques</td>
                                        <td style="border: 1px solid #000000;text-align:center;"><input type="checkbox" name="c_46" id="stat_consultation"></td>
                                        <td style="border: 1px solid #000000;text-align:center;"><input type="checkbox" name="c_47" id="stat_ajout"></td>
                                        <td style="border: 1px solid #000000;text-align:center;"><input type="checkbox" name="c_48" id="stat_modification"></td>
                                        <td style="border: 1px solid #000000;text-align:center;"><input type="checkbox" name="c_49" id="stat_suppression"></td>
                                    </tr>
                                    <!-- Slider -->
                                    <tr>
                                        <td style="border: 1px solid #000000;">Slider</td>
                                        <td style="border: 1px solid #000000;text-align:center;"><input type="checkbox" name="c_50" id="sli_consultation"></td>
                                        <td style="border: 1px solid #000000;text-align:center;"><input type="checkbox" name="c_51" id="sli_ajout"></td>
                                        <td style="border: 1px solid #000000;text-align:center;">--</td>
                                        <td style="border: 1px solid #000000;text-align:center;"><input type="checkbox" name="c_52" id="sli_suppression"></td>
                                    </tr>
                                    <!-- Map -->
                                    <tr>
                                        <td style="border: 1px solid #000000;">Map</td>
                                        <td style="border: 1px solid #000000;text-align:center;"><input type="checkbox" name="c_53" id="map_consultation"></td>
                                        <td style="border: 1px solid #000000;text-align:center;">--</td>
                                        <td style="border: 1px solid #000000;text-align:center;"><input type="checkbox" name="c_54" id="amp_modification"></td>
                                        <td style="border: 1px solid #000000;text-align:center;">--</td>
                                    </tr>
                                    <!-- Utilisateurs -->
                                    <tr>
                                        <td style="border: 1px solid #000000;">Utilisateurs</td>
                                        <td style="border: 1px solid #000000;text-align:center;"><input type="checkbox" name="c_55" id="user_consultation"></td>
                                        <td style="border: 1px solid #000000;text-align:center;"><input type="checkbox" name="c_56" id="user_ajout"></td>
                                        <td style="border: 1px solid #000000;text-align:center;"><input type="checkbox" name="c_57" id="user_modification"></td>
                                        <td style="border: 1px solid #000000;text-align:center;"><input type="checkbox" name="c_58" id="user_suppression"></td>
                                    </tr>
                                    <!-- Logs -->
                                    <tr>
                                        <td style="border: 1px solid #000000;">Journal d'opération</td>
                                        <td style="border: 1px solid #000000;text-align:center;"><input type="checkbox" name="c_59" id="log_consultation"></td>
                                        <td style="border: 1px solid #000000;text-align:center;">--</td>
                                        <td style="border: 1px solid #000000;text-align:center;">--</td>
                                        <td style="border: 1px solid #000000;text-align:center;">--</td>
                                    </tr>
                                </table>
                            </div>
                            <div class="text-center" style="margin-bottom: 50px;">
                                <button type="submit" class="btn btn-sm btn-primary ">Enregister l'utilisateur</button>
                            </div>
                            <br/>
                        </section>
                    </div>
                </div>
            </form>
        </section>
    </section>
    <br/><br/>
{% endblock %}
{% block js %}

    <script type="text/javascript">

    var rolesSerialise = {{ rolesSerialise|json_encode|raw }};

    $(document).ready(function(){

        var roles = JSON.parse(rolesSerialise);

        // Map role code to checkbox id
        var codeToId = {
            1: 'art_consultation', 2: 'art_ajout', 3: 'art_modification', 4: 'art_suppression',
            5: 'actC_consultation', 6: 'actC_ajout', 7: 'actC_modification', 8: 'actC_suppression',
            9: 'evt_consultation', 10: 'evt_ajout', 11: 'evt_modification', 12: 'evt_suppression',
            13: 'pub_consultation', 14: 'pub_ajout', 15: 'pub_modification', 16: 'pub_suppression',
            17: 'loi_consultation', 18: 'loi_ajout', 19: 'loi_modification', 20: 'loi_suppression',
            21: 'pro_consultation', 22: 'pro_ajout', 23: 'pro_modification', 24: 'pro_suppression',
            25: 'ann_consultation', 26: 'ann_ajout', 27: 'ann_modification', 28: 'ann_suppression',
            29: 'pre_consultation', 30: 'pre_ajout', 31: 'pre_modification', 32: 'pre_suppression',
            33: 'cell_consultation', 34: 'cell_ajout', 35: 'cell_modification', 36: 'cell_suppression',
            37: 'memb_consultation', 38: 'memb_ajout', 39: 'memb_modification', 40: 'memb_suppression',
            41: 'admi_consultation', 42: 'admi_modification',
            43: 'gal_consultation', 44: 'gal_ajout', 45: 'gal_suppression',
            46: 'stat_consultation', 47: 'stat_ajout', 48: 'stat_modification', 49: 'stat_suppression',
            50: 'sli_consultation', 51: 'sli_ajout', 52: 'sli_suppression',
            53: 'map_consultation', 54: 'amp_modification',
            55: 'user_consultation', 56: 'user_ajout', 57: 'user_modification', 58: 'user_suppression',
            59: 'log_consultation'
        };

        for(var i=0 ; i < roles.length ; i++){
            var code = roles[i].code;
            var checked = roles[i].role == true || roles[i].role == 1;
            var id = codeToId[code];
            if(id && $('#' + id).length) {
                $('#' + id)[0].checked = checked;
            }
        }
    });

    </script>

{% endblock %}