{% import '/admin/components/helpers_macro.html.twig' as helpers %}

<input type="hidden" id="userId" value="{{ user.id }}">
<div class="form-group row">
    <div class="col">
        {{ helpers.field(form.email) }}
    </div>
</div>

<div class="form-group row">
    <div class="col">
        {{ helpers.field(form.roles) }}
    </div>
</div>

{% if not isEdit %}
    {{ form_label(form.password) }}
    <div class="form-group row">
        <div class="col">
            <div class="input-group mb-3">
                {{ form_widget(form.password.first, {attr: {placeholder: 'Password'}}) }}
                <div class="input-group-append btnTogglePassword" role="button"
                     data-password-field="#user_form_password_first"
                     data-icon="#eyeIconFirst">
                    <div class="input-group-text">
                        <span id="eyeIconFirst" class="far fa-eye-slash"></span>
                    </div>
                </div>
            </div>
            <div class="input-group mb-3">
                {{ form_widget(form.password.second, {attr: {placeholder: 'Retype the password'}}) }}
                <div class="input-group-append btnTogglePassword" role="button"
                     data-password-field="#user_form_password_second"
                     data-icon="#eyeIconSecond">
                    <div class="input-group-text">
                        <span id="eyeIconSecond" class="far fa-eye-slash"></span>
                    </div>
                </div>
            </div>
        </div>
        <div class="col">
            <div class="row form-group">
                <div class="col">
                    <small class="text-muted">
                        Initially this password will be used to authenticate the user. Later the user is able to change
                        this
                        password for a new one.
                    </small>
                </div>
            </div>
            <div class="row form-group">
                <div class="col">
                    {{ helpers.passwordFormatHelper() }}
                </div>
            </div>
        </div>
    </div>
{% endif %}

<div class="form-group row mb-5">
    <div class="col">
        <div>
            {{ form_label(form.active) }}
        </div>
        <div>
            {{ form_widget(form.active) }}
            {% if form.active.vars.attr.help ?? false %}
                <div>
                    <small class="text-muted">{{ form.active.vars.attr.help }}</small>
                </div>
            {% endif %}
        </div>
    </div>
    <div class="col pt-4">

    </div>
</div>

{% if isEdit %}
    <div class="form-group row">
        <div class="col">
            <label>Click the link bellow to update the password</label>
            <br>
            <a href="{{ path('bo_user_update_password', {'id': user.id }) }}" class="btn btn-outline-secondary">Update
                password</a>
        </div>
    </div>
{% endif %}