{% extends 'base.html.twig' %}
{% set titre ='Modifier profil utilisateur' %}
{% block title %}
	{{ titre }}
{% endblock %}

{% block body %}
	<section class="mt-7 py-0">
		<div class="container">
			<h3>{{ titre }}</h3>
			{{ form_start(form, {'attr': {'autocomplete': 'off'}}) }}
			{# {{ form_start(form) }} #}
			<div class="row">
				<div class="col-12 col-md-8 col-xl-5">
					<div class="row">
						<div class="col-6 col-md-8 col-xl-5">
							{{ form_row(form.username)}}
						</div>
						<div class="col-6 col-md-8 col-xl-5">
							{{ form_row(form.email)}}
						</div>
					</div>
					<div class="row">
						<div class="col-6 col-md-8 col-xl-5">
							{{ form_row(form.lastname)}}
						</div>
						<div class="col-6 col-md-8 col-xl-5">
							{{ form_row(form.firstname)}}
						</div>
					</div>
					<div class="row">
						{{ form_row(form.phone)}}
						{{ form_row(form.address)}}
					</div>
					<div class="row">
						<div class="col-6 col-md-8 col-xl-5">
							{{ form_row(form.currentPassword)}}
						</div>
						<div class="col-6 col-md-8 col-xl-5">
							{{ form_row(form.newPassword)}}
						</div>
					</div>
				</div>

				<div class="col-lg-2 d-none d-lg-block">
					<img
					width="500" src="{{ asset('assets/img/gallery/KD-PROFIL-4.jpg')}}" alt="Description de l'image">
				{# <img src="{{ asset('assets/img/gallery/hero-section-1.png')}}" alt="Description de l'image"> #}
				</div>

			</div>

			<button class="btn btn-primary">{{ button_label|default('Mise à jour') }}</button>
			{{ form_end(form) }}
			<a href="{{ path('app_home') }}">Retour</a>
		</div>
		<script type="text/javascript">
			document.addEventListener('DOMContentLoaded', function () {
var passwordField = document.querySelector('input[type="password"]');
if (passwordField) {
passwordField.setAttribute('autocomplete', 'new-password'); // or 'off'
}
});
		</script>
	</section>
{% endblock %}
{% block footer %}
	{{ include('footer.html.twig') }}
{% endblock %}