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

{% block title %}Sécurité du compte
{% endblock %}

{% block body %}
	{{ include("Simple/partials/titre.html.twig", {'titre':'Administration du compte'} ) }}
	<br>
	<div class="row">
		<div class="col-lg-4 col-xlg-3 col-md-5">
			<div class="card">
				<div class="card-body">
					<center class="m-t-30">
						<img src="{{asset('assets/images/user_default.jpg')}}" class="rounded-circle" width="150"/>
						<h3 class="card-title m-t-20">
						</h3><br>
						<h6 class="card-subtitle">Administrateur</h6>
					</center>
				</div>
				<div></div>

			</div>
		</div>

		<div class="col-lg-8 col-xlg-9 col-md-7">
			<div class="card">
				<ul class="nav nav-pills custom-pills" id="pills-tab" role="tablist">
					
					<li class="nav-item">
						<a class="nav-link" id="profile-tab" data-toggle="tab" href="#securité" role="tab" aria-controls="securité" aria-selected="false">Sécurité</a>
					</li>
				</ul>
				<div class="tab-content" id="pills-tabContent">

				
					<div class="tab-pane fade show active" id="securité" role="tabpanel" aria-labelledby="profile-tab">
						<div class="row">
							<div class="col-md-1"></div>
							<div class="col-md-10">
								{{ form_start(formSecurity) }}
								{{ form_widget(formSecurity) }}
								<br>
								<button class="btn btn-primary">
									<i class="fas fa-edit"></i>
									Enregister le mot de passe</button>
								{{ form_end(formSecurity) }}
							</div>
							<div class="col-md-1"></div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
{% endblock %}