{% extends 'base.html.twig' %}
{% block title %}{{ 'page.change_password.title'|trans }}{% endblock %}
{% block body %}
<div class="container d-flex justify-content-center align-items-center" style="min-height:100vh;">
<div class="col-12 col-sm-8 col-md-6 col-lg-4">
<div class="card shadow-sm p-4">
<h4 class="text-center mb-4">🔐 {{ 'page.change_password.header'|trans }}</h4>
{# FLASH MESSAGES #}
{% for message in app.flashes('error') %}
<div class="alert alert-danger">
{{ message }}
</div>
{% endfor %}
{% for message in app.flashes('success') %}
<div class="alert alert-success">
{{ message }}
</div>
{% endfor %}
{% for message in app.flashes('warning') %}
<div class="alert alert-warning">
{{ message }}
</div>
{% endfor %}
<form method="post">
<div class="form-group">
<label>{{ 'form.old_password'|trans }} <a href="{{ path('mstope_intranet_index') }}" > {{ 'page.change_password.cancel'|trans }}
</a></label>
<input
type="password"
name="old_password"
class="form-control"
placeholder="{{ 'form.old_password'|trans }}"
required
>
</div>
<div class="form-group">
<label>{{ 'form.new_password'|trans }}</label>
<input
type="password"
name="new_password"
class="form-control"
placeholder="{{ 'form.new_password'|trans }}"
required
>
</div>
<div class="d-flex justify-content-between mt-3">
<button type="submit" class="btn btn-primary btn-block mt-3">
{{ 'form.change_password_button'|trans }}
</button>
</div>
</form>
</div>
</div>
</div>
{% endblock %}