{% extends 'FrontofficeFr/base.html.twig' %}
{% block activeCell %}main-menu-active{% endblock %}
{% block titre %}Commission - Profil{% endblock %}
{% block body %}
<style>


li a {
  display: block;
  color: #000;
  padding: 8px 16px;
  text-decoration: none;
}

li a.active1 {
  background-color: #04AA6D;
  color: white;
}

li a:hover:not(.active) {
  background-color: #555;
  color: white;
}

.yellowLine{
    height: 5px;
    background: gold;
    width: 60%;
    margin: 0% 20% 0% 20%;
    border-radius: 30px;
            
}
</style>

    <div class="actualites_title">
        <br/>
        <div class="text-center">
            <img src="{{ asset("/assets/Backoffice/images/logo-fcpm.png") }}" />
            <h3 class="title-page" style="color:white;">Commissions</h3>
        </div>
    </div>
    <div class="row block_ac">

        <div class="col-md-12 contact" style='text-align:center;'>
                <ul style='list-style-type: none;margin: 0;padding: 0;background-color: #f1f1f1;overflow: auto;display: flex;justify-content: space-between;'>
                    <li><a href="/fr/cellules/">Commissions</a></li>
                    <li><a href="/fr/cellule_membre/">Ma commission</a></li>
                    <li><a href="/fr/mes_publications/">Mes publications</a></li>
                    <li><a href="/fr/add_pub/">Nouvelle publication</a></li>
                    <li><a href="/fr/profil/" class="active1">Mes informations</a></li>
                    <li><a href="/fr/deconnectMembre/">Deconnexion</a></li>
                </ul>
            </div>

        <div class="col-md-12 contact" style="width:100%">

            <div class="text-center" style='margin-top:5%'>
                <div class='yellowLine'></div>
                <h5 class="titlee-page">Mes informations</h5>
            </div>

            {% if response != "" %}
                {% if response == "OK" %}
                    <br/>
                    <div class="alert alert-success">
                        <button type="button" class="close" data-dismiss="alert">&times;</button>
                        <i class="fa fa-ban-circle"></i><strong>OK !</strong> Informations modifiées
                    </div>
                {% else %}
                    <br/>
                    <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" class='php-email-form'>
                <div class="form-group">
                    <label>Nom</label>
                    <input type="text" class="form-control" name="nom" value="{{ user.nom }}">
                </div>

                <div class="form-group">
                    <label>Prénom</label>
                    <input type="text" class="form-control" name="prenom" value="{{ user.prenom }}">
                </div>

                <div class="form-group">
                    <label>Cin</label>
                    <input type="text" class="form-control" name="cin" value="{{ user.cin }}">
                </div>

                <div class="form-group">
                    <label>Téléphone</label>
                    <input type="text" class="form-control" name="tel" value="{{ user.tel }}">
                </div>

                <div class="form-group">
                    <label>Email</label>
                    <input type="text" class="form-control" name="email" readonly value="{{ user.email }}">
                </div>

                <div class="form-group">
                    <label>Ancien mot de passe</label>
                    <input type="password" class="form-control" placeholder="Ancien mot de passe" name="oldPassword">
                </div>

                <div class="form-group">
                    <label>Nouveau mot de passe</label>
                    <input type="password" class="form-control" placeholder="Nouveau 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 class="col-md-12 text-center">
                    <button type="submit" class="btn btn-success">Modifier</button>
                </div>
            </form>
        </div>
        
    </div>
{% endblock %}