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

{% block title %}AquaProtect - Modification du profil
{% endblock %}




{% block body %}
	<div class="container mt-5">
		<div class="row justify-content-center">
			<div class="col-md-8 col-lg-6">
				<div class="card shadow-sm">
					<div class="card-header bg-primary text-white">
						<h4 class="card-title mb-0">
							<i class="fas fa-user-edit me-2"></i>Modifier mon profil
						</h4>
					</div>
					<div class="card-body p-4">
						{{ form_start(form) }}

						<div class="row">
							<div class="col-md-6 mb-3">
								{{ form_row(form.firstname, {
                               
                            }) }}
							</div>
							<div class="col-md-6 mb-3">
								{{ form_row(form.lastname) }}
							</div>
						</div>

						<div class="mb-4">
							{{ form_row(form.phone, {
                           
                        }) }}
						</div>

						<div class="border-top pt-4 mb-4">
							<h5 class="text-muted mb-3">Modification du mot de passe</h5>

							<div class="mb-3">
								{{ form_row(form.password.first, {
                               
                            }) }}
							</div>
							<div class="mb-4">
								{{ form_row(form.password.second, {
                                
                            }) }}
							</div>
						</div>

						<div class="d-grid gap-2">
							<button type="submit" class="btn btn-primary btn-lg">
								<i class="fas fa-save me-2"></i>Enregistrer les modifications
							</button>
						</div>
						{{ form_end(form) }}
					</div>
				</div>

				<div class="text-center mt-3">
					<a href="{{ path('app_home') }}" class="text-muted">
						<i class="fas fa-arrow-left me-1"></i>Retour à l'accueil
					</a>
				</div>

				<div class="text-center mt-4 mb-4">
					<a href="{{ path('app_delete_account_form') }}" class="btn btn-danger">
						<i class="fas fa-user-times me-2"></i>Supprimer mon compte
					</a>
				</div>


			</div>
		</div>
	</div>


	



{% endblock %}