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

 {% block content %}
<div class="page-bar">
    <ul class="page-breadcrumb">
        <li>
            <a href="{{ path("mfmm_crm_homepage") }}">Accueil</a>
            <i class="fa fa-circle"></i>
        </li>
        <li>
            <a>  <span>Utilisateurs</span></a>
            <i class="fa fa-circle"></i>
        </li>
        <li>
            </a><span>Modifier Utilisateur</span>
        </li>
    </ul>
    <div class="page-toolbar" style="display: {{ displayEtudiant }}">
        <div class="btn-group pull-right">
			<a href="{{ path('mfmm_crm_list_classe_user',{'id':id}) }}" class="btn green btn-sm btn-outline">
				Classes
			</a>
            <!--button type="button" class="btn green btn-sm btn-outline dropdown-toggle" data-toggle="dropdown"> Actions
                <i class="fa fa-angle-down"></i>
            </button>
            <ul class="dropdown-menu pull-right" role="menu">
                <li>
                    <a href="{{ path('mfmm_crm_list_classe_user',{'id':id}) }}">
                        Classes
					</a>
                </li>
                <li>
                    <a href="{{ path('mfmm_crm_list_absences_user',{'id':id}) }}">
                        Abcenses <span> 3 </span>
					</a>
                </li>
                <li>
                    <a href="javascript:;">
                        Attestations
					</a>
                </li>
                <li>
                    <a href="{{ path('mfmm_crm_list_notes_user',{'id':id}) }}">
                        Notes
					</a>
                </li>
            </ul-->
        </div>
    </div>
</div>
<div>
    <h1>Modifier utlisateur</h1>
</div>
<div class="tab-pane active row" id="tab_1_1" style="padding-top: 1%;">
    <div class="row">
        {{ form_start(form, { 'action': path('fos_user_profile_edit'), 'attr': { 'class': 'fos_user_profile_edit' } }) }}</div>
        <div class="col-md-8 row">
            <div class="tab-content">
                <div id="tab_1-1" class="tab-pane active">
                    <div class="form-group col-sm-12" style="display:{{displayEtudiant }}">
                             <div class="portlet light bordered">
                                 <div class="portlet-title">
                                     <div class="caption">
                                         <i class="icon-share font-blue"></i>
                                         <span class="caption-subject font-blue bold uppercase">Etude</span>
                                         <span class="caption-helper">Selectionner l'année et la filière pour filtrer les classes...</span>
                                     </div>
                                 </div>
                                 <div class="portlet-body">
                                     <div class="tabbable-line">
                                         <ul class="nav nav-tabs">
                                             <div class="form-group col-sm-4">
                                                 <label class="control-label">Année</label>
                                                 {{ form_widget(form.annee, {'attr': {'class': 'form-control ','placeholder':"Année"|trans}}) }}</div>
                                             <div class="form-group col-sm-4">
                                                 <label class="control-label">Spécialité</label>
                                                 {{ form_widget(form.filiere, {'attr': {'class': 'form-control ','placeholder':"Filière"|trans}}) }}</div>
                                             <div class="form-group col-sm-4">
                                                 <label class="control-label">Classe</label>
                                                 {{ form_widget(form.classe, {'attr': {'class': 'form-control ','placeholder':"Classe"|trans}}) }}</div>
                                         </ul>
                                     </div>
                                 </div>
                             </div>
                         </div>
                    <div class="form-group col-sm-12">
                             <div class="portlet light bordered">
                                 <div class="portlet-title">
                                     <div class="caption">
                                         <i class="icon-share font-blue"></i>
                                         <span class="caption-subject font-blue bold uppercase">Information</span>
                                         <span class="caption-helper">Détails...</span>
                                     </div>
                                 </div>
                                 <div class="portlet-body">
                                     <div class="tabbable-line">
                                         <ul class="nav nav-tabs">
                                             <div class="form-group col-sm-6">
                                                 <label class="control-label">Prénom</label>
                                                 {{ form_widget(form.prenom, {'attr': {'class': 'form-control ','placeholder':"Prénom"|trans,'required':'required'}}) }}</div>
                                             <div class="form-group col-sm-6">
                                                 <label class="control-label">Nom</label>
                                                 {{ form_widget(form.nom, {'attr': {'class': 'form-control ','placeholder':"Nom"|trans,'required':'required'}}) }}</div>
                                              <div class="form-group col-sm-6">
                                                 <label class="control-label">Prénom Arabe</label>
                                                 {{ form_widget(form.prenomA, {'attr': {'class': 'form-control ','placeholder':"Prénom Arabe"|trans,'required':'required'}}) }}</div>
                                             <div class="form-group col-sm-6">
                                                 <label class="control-label">Nom Arabe</label>
                                                 {{ form_widget(form.nomA, {'attr': {'class': 'form-control ','placeholder':"Nom Arabe"|trans,'required':'required'}}) }}</div>
                                             <div class="form-group col-sm-6">
                                                 <label class="control-label">Prénom Anglais</label>
                                                 {{ form_widget(form.prenomE, {'attr': {'class': 'form-control ','placeholder':"Prénom Angmais"|trans,'required':'required'}}) }}</div>
                                             <div class="form-group col-sm-6">
                                                 <label class="control-label">Nom Anglais</label>
                                                 {{ form_widget(form.nomE, {'attr': {'class': 'form-control ','placeholder':"Nom Anglais"|trans,'required':'required'}}) }}</div>
                                             <div class="form-group col-sm-6">
                                                 <label class="control-label">Cin</label>
                                                 {{ form_widget(form.cin, {'attr': {'class': 'form-control ','placeholder':"Cin"|trans,'required':'required'}}) }}</div>
                                             <div class="form-group col-sm-6">
                                                 <label class="control-label">Sexe</label>
                                                 {{ form_widget(form.sexe, {'attr': {'class': 'form-control ','placeholder':"Sexe"|trans,'required':'required'}}) }}</div>
                                             <div class="form-group col-sm-6">
                                                 <label class="control-label">Adresse</label>
                                                 {{ form_widget(form.adresse, {'attr': {'class': 'form-control ','placeholder':"Adresse"|trans,'required':'required'}}) }}</div>
                                             <div class="form-group col-sm-6">
                                                 <label class="control-label">Pays</label>
                                                 {{ form_widget(form.pays, {'attr': {'class': 'form-control ','placeholder':"Pays"|trans,'required':'required'}}) }}</div>
                                             <div class="form-group col-sm-6">
                                                 <label class="control-label">Ville</label>
                                                 {{ form_widget(form.ville, {'attr': {'class': 'form-control ','placeholder':"Ville"|trans,'required':'required'}}) }}</div>
                                             <div class="form-group col-sm-6">
                                                 <label class="control-label">Code Postale</label>
                                                 {{ form_widget(form.codepostale, {'attr': {'class': 'form-control ','placeholder':"Code Postale"|trans,'required':'required'}}) }}</div>
                                           
                                             <div class="form-group col-sm-6" style="display:none;}" >
                                                 <label class="control-label">Poste</label>
                                                 {{ form_widget(form.poste, {'attr': {'class': 'form-control ','placeholder':"Poste"|trans}}) }}</div>
                                             <div class="form-group col-sm-6" style="display:none">
                                                 <label class="control-label">Salaire</label>
                                                 {{ form_widget(form.salaire, {'attr': {'class': 'form-control ','placeholder':"Salaire"|trans}}) }}</div>
                                                  <div class="form-group col-sm-6">
                                                 <label class="control-label">Téléphone </label>
                                                 {{ form_widget(form.telephone, {'attr': {'class': 'form-control ','placeholder':"Téléphone" ,'required':'required'}}) }}</div>
                                             <div class="form-group col-sm-6">
                                                 <label class="control-label">Lieu Naissance</label>
                                                 {{ form_widget(form.lieunaissance, {'attr': {'class': 'form-control ','placeholder':"Lieu Naissance"|trans,'required':'required'}}) }}
											 </div>
											 <div class="form-group col-sm-6">
                                                 <label class="control-label">Lieu Naissance Arabe</label>
                                                 {{ form_widget(form.lieunaissanceA, {'attr': {'class': 'form-control ','placeholder':"Lieu Naissance Arabe"|trans,'required':'required'}}) }}
											 </div>
											 <div class="form-group col-sm-6">
                                                 <label class="control-label">Lieu Naissance Anglais</label>
                                                 {{ form_widget(form.lieunaissanceE, {'attr': {'class': 'form-control ','placeholder':"Lieu Naissance Anglais"|trans,'required':'required'}}) }}
											 </div>
                                             <div class="form-group col-sm-6" >
                                                 <label class="control-label">Date Naissance</label>
                                                 <div class="input-group date date-picker col-sm-12" data-date-format="dd/mm/yyyy" >
                                                     {{ form_widget(form.datenaissance, {'attr': {'class': 'form-control form-filter input-sm','placeholder':"Date Naissance"|trans}}) }}
                                                     <span class="input-group-btn">
                                                       <button class="btn btn-sm default" type="button">
                                                           <i class="fa fa-calendar"></i>
                                                       </button>
                                                   </span>
                                                 </div>
                                             </div>

                                         </ul>
                                     </div>
                                 </div>
                             </div>
                         </div>
                </div>
            </div>
        </div>
		<div class="col-sm-4">
			<div class="form-group">
				 <div class="portlet light bordered">
					 <div class="portlet-title">
						 <div class="caption">
							 <i class="icon-share font-blue"></i>
							 <span class="caption-subject font-blue bold uppercase">Sécurité</span>
							 <span class="caption-helper">augmenter votre sécurité...</span>
						 </div>
					 </div>
					 <div class="portlet-body">
						 <div class="tabbable-line">
							 <ul class="nav nav-tabs">
								 <div class="form-group col-sm-12">
									 <label class="control-label">Email</label>
									 {{ form_widget(form.email, {'attr': {'class': 'form-control ','placeholder':"Email"|trans,'required':'required'}}) }}</div>
								 <div class="form-group col-sm-12">
									 <label class="control-label">Login</label>
									 {{ form_widget(form.username, {'attr': {'class': 'form-control ','placeholder':"Login"|trans,'required':'required'}}) }}</div>
								</ul>
						 </div>
					 </div>
				 </div>
			 </div>
			 <div class="fileinput fileinput-new" style="width: 100%;" data-provides="fileinput">
				 <div class="fileinput-preview thumbnail" data-trigger="fileinput" style="width: 100%; height: 300px;" name="image">
					{% if path!=null %}
						<img src="{{ asset('image/user/')~path }}" style="width: 100%;">
					{% endif %}
				 </div>
				 <div>
					 <span class="btn red btn-outline btn-file">
						 {{ form_widget(form.file, {'attr': {'class': 'fileinput-new','placeholder':" Selectionner Image"|trans}}) }}
						 <span class="fileinput-new"> Selectionner Image</span>
						 <span class="fileinput-exists"> Changer </span>
						 <input type="file" name="...">
					 </span>
					 <a href="javascript:;" class="btn red fileinput-exists" data-dismiss="fileinput"> Supprimer </a>
				 </div>
			 </div>
			 <div class="margiv-top-10">
				<input type="submit" class="btn green" value="Modifier">  </input>
				<a href="javascript:;" class="btn default"> Cancel </a>
			 </div>
        </div>
        {{ form_end(form) }}
    </div>
</div>
{% endblock %}