{# templates/app/change_password.html.twig #}
{% extends 'app/base.html.twig' %}

{% block title %}Changer mon mot de passe — GestRestoSco
{% endblock %}

{% block body %}
	<div class="row justify-content-center">
		<div class="col-md-6 col-lg-5">
			<div class="card shadow-sm border-0">
				<div class="card-header bg-white border-bottom py-3">
					<h5 class="mb-0">
						<i class="fas fa-key text-primary me-2"></i>
						Changer mon mot de passe
					</h5>
				</div>
				<div class="card-body p-4">

					{% if forced %}
						<div class="alert alert-warning d-flex align-items-start mb-4" role="alert">
							<i class="fas fa-exclamation-triangle me-2 mt-1 flex-shrink-0"></i>
							<div>
								Votre compte utilise un
								<strong>mot de passe temporaire</strong>.<br>
								Vous devez le changer avant de pouvoir accéder à l'application.
							</div>
						</div>
					{% endif %}

					{% if error %}
						<div class="alert alert-danger" role="alert">
							<i class="fas fa-times-circle me-1"></i>
							{{ error }}
						</div>
					{% endif %}

					<form method="post" novalidate>
						<input type="hidden" name="_token" value="{{ csrf_token('change_password') }}">

						<div class="mb-3">
							<label for="current_password" class="form-label fw-semibold">
								Mot de passe actuel
							</label>
							<input type="password" id="current_password" name="current_password" class="form-control" autocomplete="current-password" required>
						</div>

						<div class="mb-3">
							<label for="new_password" class="form-label fw-semibold">
								Nouveau mot de passe
							</label>
							<input type="password" id="new_password" name="new_password" class="form-control" autocomplete="new-password" minlength="8" required>
							<div class="form-text">Minimum 8 caractères.</div>
						</div>

						<div class="mb-4">
							<label for="confirm_password" class="form-label fw-semibold">
								Confirmer le nouveau mot de passe
							</label>
							<input type="password" id="confirm_password" name="confirm_password" class="form-control" autocomplete="new-password" required>
						</div>

						<div class="d-grid">
							<button type="submit" class="btn btn-primary btn-lg">
								<i class="fas fa-check me-1"></i>
								Enregistrer le nouveau mot de passe
							</button>
						</div>
					</form>

					{% if not forced %}
						<div class="text-center mt-3">
							<a href="{{ path('tenant_dashboard') }}" class="text-muted small">
								<i class="fas fa-arrow-left me-1"></i>Retour au tableau de bord
							</a>
						</div>
					{% endif %}

				</div>
			</div>
		</div>
	</div>
{% endblock %}