ebs/templates/components/form/_password_visibility.html.twig
2023-12-21 08:49:38 +01:00

43 lines
1.6 KiB
Twig

{% trans_default_domain 'security' %}
<div class="form-group d-flex flex-column justify-content-center mt-3 password">
{% if form is defined and not null %}
{{ form_label(form) }}
{% else %}
<label class="text-black fs-6 required"
for="login-password">
{{ 'login_action.fom.password.label'|trans }}
</label>
{% endif %}
<div class="password-visibility input-group"
data-controller="password-visibility">
{% if form is defined and not null %}
{{ form_widget(form) }}
{% else %}
<input type="password"
id="login-password"
class="form-control form-control-sm {% if error is not null %}is-invalid{% endif %}"
name="_password"
placeholder="******"
data-password-visibility-target="input"
spellcheck="false"
required>
{% endif %}
<div class="eye input-group-text cursor-pointer"
data-action="click->password-visibility#toggle">
<span data-password-visibility-target="icon">
<i class="bi bi-eye-fill"></i>
</span>
<span data-password-visibility-target="icon"
class="hidden">
<i class="bi bi-eye-slash-fill"></i>
</span>
</div>
{% if form is defined and not null %}
{{ form_errors(form) }}
{% endif %}
</div>
{% if form is defined and not null %}
{{ form_help(form) }}
{% endif %}
</div>