{% extends 'FrontofficeAr/base.html.twig' %}
{% block activeCell %}main-menu-active{% endblock %}
{% block titre %}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;">معلوماتي</h3>
        </div>
    </div>
    <div class="row block_ac" style="flex-direction: row-reverse;">

                <div class="col-md-12 contact" style='text-align:center;direction:rtl'>
            <ul style='list-style-type: none;margin: 0;padding: 0;background-color: #f1f1f1;overflow: auto;display: flex;justify-content: space-between;'>
                    <li><a href="/ar/cellules/">الخلايا</a></li>
                    <li><a href="/ar/cellule_membre/" >خليتي</a></li>
                    <li><a href="/ar/mes_publications/" >منشوراتي</a></li>
                    <li><a href="/ar/add_pub/">إضافة منشور</a></li>
                    <li><a href="/ar/profil/" class="active1">معلوماتي</a></li>
                    <li><a href="/ar/deconnectMembre/">تسجيل الخروج</a></li>
                </ul>
        </div>

          



           <div class="text-center" style='margin-top:5%'>
                <div class='yellowLine'></div>
                <h5 class="titlee-page">معلوماتي</h5>
            </div>
        <div class="col-md-12 contact"  style='direction: rtl;'>

    
            {% 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>تم تغيير المعلومات بنجاح
                    </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>{{ response }}
                    </div>
                {% endif %}
            {% endif %}
            <form method="post" class='php-email-form' >
                <div class="form-group">
                    <label>الاسم العائلي</label>
                    <input type="text" class="form-control" name="nom" value="{{ user.nom }}">
                </div>

                <div class="form-group">
                    <label>الاسم الشخصي</label>
                    <input type="text" class="form-control" name="prenom" value="{{ user.prenom }}">
                </div>

                <div class="form-group">
                    <label>رقم البطاقة الوطنية</label>
                    <input type="text" class="form-control" name="cin" value="{{ user.cin }}">
                </div>

                <div class="form-group">
                    <label>رقم الهاتف</label>
                    <input type="text" class="form-control" name="tel" value="{{ user.tel }}">
                </div>

                <div class="form-group">
                    <label>البريد الالكتروني</label>
                    <input type="text" class="form-control" name="email" readonly value="{{ user.email }}">
                </div>

                <div class="form-group">
                    <label>كلمة المرور القديمة</label>
                    <input type="password" class="form-control" placeholder="كلمة المرور القديمة" name="oldPassword">
                </div>

                <div class="form-group">
                    <label>كلمة المرور الجديدة</label>
                    <input type="password" class="form-control" placeholder="كلمة المرور الجديدة" name="password">
                </div>

                <div class="form-group">
                    <label>تأكيد كلمة المرور</label>
                    <input type="password" class="form-control" placeholder="تأكيد كلمة المرور" name="password2">
                </div>

                <div class="col-md-12 text-center">
                    <button type="submit" class="btn btn-success">تعديل</button>
                </div>
            </form>
        </div>
        
    </div>
{% endblock %}