{% 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 ajouté 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='{{formData.nom}}'>
                                </div>
                                <div class="form-group">
                                    <label>Prenom</label>
                                    <input type="text" class="form-control" placeholder="Prenom" name="prenom" value='{{formData.prenom}}'>
                                </div>
                                <div class="form-group">
                                    <label>Email</label>
                                    <input type="text" class="form-control" placeholder="Email" name="email" value='{{formData.email}}'>
                                </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>
                                    <tr style="height: 25px;border: 1px solid #000000;">
                                        <td style="border: 1px solid #000000;vertical-align: middle;padding-left:10px;">Actualités</td>
                                        <td style="border: 1px solid #000000;vertical-align: middle;text-align:center;"><input type="checkbox" name="art_consultation"></td>
                                        <td style="border: 1px solid #000000;vertical-align: middle;text-align:center;"><input type="checkbox" name="art_ajout"></td>
                                        <td style="border: 1px solid #000000;vertical-align: middle;text-align:center;"><input type="checkbox" name="art_modification"></td>
                                        <td style="border: 1px solid #000000;vertical-align: middle;text-align:center;"><input type="checkbox" name="art_suppression"></td>
                                    </tr>

                                <tr style="height: 25px;border: 1px solid #000000;">
                                    <td style="border: 1px solid #000000;vertical-align: middle;padding-left:10px;">Actualités chambres</td>
                                    <td style="border: 1px solid #000000;vertical-align: middle;text-align:center;"><input type="checkbox" name="actC_consultation"></td>
                                    <td style="border: 1px solid #000000;vertical-align: middle;text-align:center;"><input type="checkbox" name="actC_ajout"></td>
                                    <td style="border: 1px solid #000000;vertical-align: middle;text-align:center;"><input type="checkbox" name="actC_modification"></td>
                                    <td style="border: 1px solid #000000;vertical-align: middle;text-align:center;"><input type="checkbox" name="actC_suppression"></td>
                                </tr>

                                    <tr style="height: 25px;border: 1px solid #000000;">
                                        <td style="border: 1px solid #000000;vertical-align: middle;padding-left:10px;">Evenements</td>
                                        <td style="border: 1px solid #000000;vertical-align: middle;text-align:center;"><input type="checkbox" name="evt_consultation"></td>
                                        <td style="border: 1px solid #000000;vertical-align: middle;text-align:center;"><input type="checkbox" name="evt_ajout"></td>
                                        <td style="border: 1px solid #000000;vertical-align: middle;text-align:center;"><input type="checkbox" name="evt_modification"></td>
                                        <td style="border: 1px solid #000000;vertical-align: middle;text-align:center;"><input type="checkbox" name="evt_suppression"></td>
                                    </tr>
                                    <tr style="height: 25px;border: 1px solid #000000;">
                                        <td style="border: 1px solid #000000;vertical-align: middle;padding-left:10px;">Publications</td>
                                        <td style="border: 1px solid #000000;vertical-align: middle;text-align:center;"><input type="checkbox" name="pub_consultation"></td>
                                        <td style="border: 1px solid #000000;vertical-align: middle;text-align:center;"><input type="checkbox" name="pub_ajout"></td>
                                        <td style="border: 1px solid #000000;vertical-align: middle;text-align:center;"><input type="checkbox" name="pub_modification"></td>
                                        <td style="border: 1px solid #000000;vertical-align: middle;text-align:center;"><input type="checkbox" name="pub_suppression"></td>
                                    </tr>

                                <tr style="height: 25px;border: 1px solid #000000;">
                                    <td style="border: 1px solid #000000;vertical-align: middle;padding-left:10px;">Lois</td>
                                    <td style="border: 1px solid #000000;vertical-align: middle;text-align:center;"><input type="checkbox" name="loi_consultation"></td>
                                    <td style="border: 1px solid #000000;vertical-align: middle;text-align:center;"><input type="checkbox" name="loi_ajout"></td>
                                    <td style="border: 1px solid #000000;vertical-align: middle;text-align:center;"><input type="checkbox" name="loi_modification"></td>
                                    <td style="border: 1px solid #000000;vertical-align: middle;text-align:center;"><input type="checkbox" name="loi_suppression"></td>
                                </tr>

                                <tr style="height: 25px;border: 1px solid #000000;">
                                    <td style="border: 1px solid #000000;vertical-align: middle;padding-left:10px;">Projets Lois</td>
                                    <td style="border: 1px solid #000000;vertical-align: middle;text-align:center;"><input type="checkbox" name="pro_consultation"></td>
                                    <td style="border: 1px solid #000000;vertical-align: middle;text-align:center;"><input type="checkbox" name="pro_ajout"></td>
                                    <td style="border: 1px solid #000000;vertical-align: middle;text-align:center;"><input type="checkbox" name="pro_modification"></td>
                                    <td style="border: 1px solid #000000;vertical-align: middle;text-align:center;"><input type="checkbox" name="pro_suppression"></td>
                                </tr>

                                <tr style="height: 25px;border: 1px solid #000000;">
                                    <td style="border: 1px solid #000000;vertical-align: middle;padding-left:10px;">Annonces</td>
                                    <td style="border: 1px solid #000000;vertical-align: middle;text-align:center;"><input type="checkbox" name="ann_consultation"></td>
                                    <td style="border: 1px solid #000000;vertical-align: middle;text-align:center;"><input type="checkbox" name="ann_ajout"></td>
                                    <td style="border: 1px solid #000000;vertical-align: middle;text-align:center;"><input type="checkbox" name="ann_modification"></td>
                                    <td style="border: 1px solid #000000;vertical-align: middle;text-align:center;"><input type="checkbox" name="ann_suppression"></td>
                                </tr>

                                <tr style="height: 25px;border: 1px solid #000000;">
                                    <td style="border: 1px solid #000000;vertical-align: middle;padding-left:10px;">La press</td>
                                    <td style="border: 1px solid #000000;vertical-align: middle;text-align:center;"><input type="checkbox" name="pre_consultation"></td>
                                    <td style="border: 1px solid #000000;vertical-align: middle;text-align:center;"><input type="checkbox" name="pre_ajout"></td>
                                    <td style="border: 1px solid #000000;vertical-align: middle;text-align:center;"><input type="checkbox" name="pre_modification"></td>
                                    <td style="border: 1px solid #000000;vertical-align: middle;text-align:center;"><input type="checkbox" name="pre_suppression"></td>
                                </tr>

                                    <tr style="height: 25px;border: 1px solid #000000;">
                                        <td style="border: 1px solid #000000;vertical-align: middle;padding-left:10px;">Comissions</td>
                                        <td style="border: 1px solid #000000;vertical-align: middle;text-align:center;"><input type="checkbox" name="cell_consultation"></td>
                                        <td style="border: 1px solid #000000;vertical-align: middle;text-align:center;"><input type="checkbox" name="cell_ajout"></td>
                                        <td style="border: 1px solid #000000;vertical-align: middle;text-align:center;"><input type="checkbox" name="cell_modification"></td>
                                        <td style="border: 1px solid #000000;vertical-align: middle;text-align:center;"><input type="checkbox" name="cell_suppression"></td>
                                    </tr>
                                    <tr style="height: 25px;border: 1px solid #000000;">
                                        <td style="border: 1px solid #000000;vertical-align: middle;padding-left:10px;">Membres</td>
                                        <td style="border: 1px solid #000000;vertical-align: middle;text-align:center;"><input type="checkbox" name="memb_consultation"></td>
                                        <td style="border: 1px solid #000000;vertical-align: middle;text-align:center;"><input type="checkbox" name="memb_ajout"></td>
                                        <td style="border: 1px solid #000000;vertical-align: middle;text-align:center;"><input type="checkbox" name="memb_modification"></td>
                                        <td style="border: 1px solid #000000;vertical-align: middle;text-align:center;"><input type="checkbox" name="memb_suppression"></td>
                                    </tr>
                                    <tr style="height: 25px;border: 1px solid #000000;">
                                        <td style="border: 1px solid #000000;vertical-align: middle;padding-left:10px;">Administration</td>
                                        <td style="border: 1px solid #000000;vertical-align: middle;text-align:center;"><input type="checkbox" name="admi_consultation"></td>
                                        <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;"><input type="checkbox" name="admi_modification"></td>
                                        <td style="border: 1px solid #000000;vertical-align: middle;text-align:center;">--</td>
                                    </tr>

                                <tr style="height: 25px;border: 1px solid #000000;">
                                    <td style="border: 1px solid #000000;vertical-align: middle;padding-left:10px;">Galerie</td>
                                    <td style="border: 1px solid #000000;vertical-align: middle;text-align:center;"><input type="checkbox" name="gal_consultation"></td>
                                    <td style="border: 1px solid #000000;vertical-align: middle;text-align:center;"><input type="checkbox" name="gal_ajout"></td>
                                    <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;"><input type="checkbox" name="gal_suppression"></td>
                                </tr>

                                <tr style="height: 25px;border: 1px solid #000000;">
                                    <td style="border: 1px solid #000000;vertical-align: middle;padding-left:10px;">Statistiques</td>
                                    <td style="border: 1px solid #000000;vertical-align: middle;text-align:center;"><input type="checkbox" name="stat_consultation"></td>
                                    <td style="border: 1px solid #000000;vertical-align: middle;text-align:center;"><input type="checkbox" name="stat_ajout"></td>
                                    <td style="border: 1px solid #000000;vertical-align: middle;text-align:center;"><input type="checkbox" name="stat_modification"></td>
                                    <td style="border: 1px solid #000000;vertical-align: middle;text-align:center;"><input type="checkbox" name="stat_suppression"></td>
                                </tr>


                                    <tr style="height: 25px;border: 1px solid #000000;">
                                        <td style="border: 1px solid #000000;vertical-align: middle;padding-left:10px;">Slider</td>
                                        <td style="border: 1px solid #000000;vertical-align: middle;text-align:center;"><input type="checkbox" name="sli_consultation"></td>
                                        <td style="border: 1px solid #000000;vertical-align: middle;text-align:center;"><input type="checkbox" name="sli_consultation"></td>
                                        <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;"><input type="checkbox" name="sli_suppression"></td>
                                    </tr>
                                    <tr style="height: 25px;border: 1px solid #000000;">
                                        <td style="border: 1px solid #000000;vertical-align: middle;padding-left:10px;">Map</td>
                                        <td style="border: 1px solid #000000;vertical-align: middle;text-align:center;"><input type="checkbox" name="map_consultation"></td>
                                        <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;"><input type="checkbox" name="amp_modification"></td>
                                        <td style="border: 1px solid #000000;vertical-align: middle;text-align:center;">--</td>
                                    </tr>
                                    <tr style="height: 25px;border: 1px solid #000000;">
                                        <td style="border: 1px solid #000000;vertical-align: middle;padding-left:10px;">Utilisateurs</td>
                                        <td style="border: 1px solid #000000;vertical-align: middle;text-align:center;"><input type="checkbox" name="user_consultation"></td>
                                        <td style="border: 1px solid #000000;vertical-align: middle;text-align:center;"><input type="checkbox" name="user_ajout"></td>
                                        <td style="border: 1px solid #000000;vertical-align: middle;text-align:center;"><input type="checkbox" name="user_modification"></td>
                                        <td style="border: 1px solid #000000;vertical-align: middle;text-align:center;"><input type="checkbox" name="user_suppression"></td>
                                    <tr style="height: 25px;border: 1px solid #000000;">
                                        <td style="border: 1px solid #000000;vertical-align: middle;padding-left:10px;">Journal d'opération</td>
                                        <td style="border: 1px solid #000000;vertical-align: middle;text-align:center;"><input type="checkbox" name="log_consultation"></td>
                                        <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;">--</td>
                                        <td style="border: 1px solid #000000;vertical-align: middle;text-align:center;">--</td>
                                    </tr>
                                    </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 %}