{% extends '/admin/authenticated/layout/base.html.twig' %}

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

{% set isEdit = false %}

{% block title %}
    Create user
{% endblock %}

{% block content %}

    {{ helpers.notifications_success() }}
    {{ helpers.notifications_error() }}
    {{ helpers.notifications_warning() }}

    <div class="row">
        <div class="col">
            <div class="card card-info card-outline direct-chat direct-chat-info">
                {{ form_start(form) }}
{#                {{ form_start(form, { 'attr': {'novalidate': 'novalidate'} }) }}#}
                <div class="card-header card-header-compressed">
                    <strong class="font-20">Create user</strong>
                </div>
                <div class="card-body p-2">
                    <div class="row">
                        <div class="col-lg-8 offset-lg-2">
                            {% include '/admin/authenticated/security/user/_form_fields.html.twig' %}
                        </div>
                    </div>
                </div>
                <div class="card-footer p-2 text-center">
                    <button type="submit" class="btn btn-info btn-admin">Save</button>
                    <a href="{{ path('bo_user_list') }}" class="btn btn-secondary btn-admin">Cancel</a>
                </div>
                {{ form_end(form) }}
                {{ helpers.form_processing() }}
            </div>
        </div>
    </div>
{% endblock %}

{% block js %}
    {{ parent() }}

    <script src="{{ asset('/app/admin/js/authenticated/security/user/UserFormValidator.js') }}"></script>
    <script src="{{ asset('/app/admin/js/authenticated/security/user/UserForm.js') }}"></script>
    <script src="{{ asset('/app/admin/js/authenticated/layout/Common/TogglePassword.js') }}"></script>
    <script>
        (new UserForm()).init();
        (new TogglePassword()).init();
    </script>
{% endblock %}