{% extends '@OroUI/actions/update.html.twig' %}
{% form_theme form with ['@OroForm/Form/fields.html.twig'] %}

{% set fullname = form.vars.value|oro_format_name|default('N/A') %}
{% oro_title_set({params : {"%username%": fullname, "%entityName%": 'oro.user.entity_label'|trans }}) %}

{% set formAction = form.vars.value.id ? path('oro_user_update', { id: form.vars.value.id}) : path('oro_user_create') %}

{% block navButtons %}
    {% import '@OroUI/macros.html.twig' as UI %}

    {% if form.vars.value.id and is_granted('DELETE', form.vars.value) and form.vars.value.id != app.user.id %}
        {{ UI.deleteButton({
            'dataUrl': path('oro_api_delete_user', {'id': form.vars.value.id}),
            'dataRedirect': path('oro_user_index'),
            'aCss': 'no-hash remove-button',
            'id': 'btn-remove-user',
            'dataId':  form.vars.value.id,
            'entity_label': 'oro.user.entity_label'|trans,
            'disabled': not allow_delete
        }) }}
        {{ UI.buttonSeparator() }}
    {% endif %}
    {{ UI.cancelButton(path('oro_user_index')) }}
    {% set html = UI.saveAndCloseButton({
        'route': 'oro_user_view',
        'params': {'id': '$id'}
    }) %}
    {% if is_granted('oro_user_create') %}
        {% set html = html ~ UI.saveAndNewButton({
            'route': 'oro_user_create'
        }) %}
    {% endif %}
    {% if form.vars.value.id or is_granted('oro_user_user_update') %}
        {% set html = html ~ UI.saveAndStayButton({
            'route': 'oro_user_update',
            'params': {'id': '$id'}
        }) %}
    {% endif %}
    {{ UI.dropdownSaveButton({'html': html}) }}
    {{ parent() }}
{% endblock navButtons %}

{% block pageHeader %}
    {% if form.vars.value.id %}
        {% set breadcrumbs = {
            'entity':      form.vars.value,
            'indexPath':   path('oro_user_index'),
            'indexLabel': 'oro.user.entity_plural_label'|trans,
            'entityTitle': fullname,
        }
        %}
        {{ parent() }}
    {% else %}
        {% set title = 'oro.ui.create_entity'|trans({'%entityName%': 'oro.user.entity_label'|trans}) %}
        {% include '@OroUI/page_title_block.html.twig' with { title: title } %}
    {% endif %}
{% endblock pageHeader %}

{% block pageTitleIcon %}
    <div class="page-title__icon">
        {%- include '@OroAttachment/Twig/picture.html.twig' with {
            file: form.vars.value.avatar,
            filter: 'avatar_med',
            img_attrs: { alt: form.vars.value|oro_format_name }
        } -%}
    </div>
{% endblock %}

{% block stats %}
    <li>{{ 'oro.ui.created_at'|trans }}: {{ form.vars.value.createdAt ? form.vars.value.createdAt|oro_format_datetime : 'N/A' }}</li>
    <li>{{ 'oro.ui.updated_at'|trans }}: {{ form.vars.value.updatedAt ? form.vars.value.updatedAt|oro_format_datetime : 'N/A' }}</li>
    <li>{{ 'oro.user.last_login.label'|trans }}: {{ form.vars.value.lastLogin ? form.vars.value.lastLogin|oro_format_datetime : 'N/A' }}</li>
    <li>{{ 'oro.user.login_count.label'|trans }}: {{ form.vars.value.loginCount|default(0) }}</li>
{% endblock stats %}

{% block content_data %}
{% import '@OroUI/macros.html.twig' as UI %}

<div class="user-profile-cols">
    {% set id = 'user-profile' %}

    {% set formRows = [
        form.enabled is defined ? form_row(form.enabled),
        form_row(form.username),
        form.plainPassword is defined ? form_row(form.plainPassword) : '',
        form_row(form.namePrefix),
        form_row(form.firstName),
        form_row(form.middleName),
        form_row(form.lastName),
        form_row(form.nameSuffix),
        form_row(form.birthday),
        form_row(form.avatar),
        form.vars.value.id ? '' : form_row(form.inviteUser),
    ] %}

    {% if form.passwordGenerate is defined %}
        {% set formRows = formRows|merge([
            form_row(form.passwordGenerate)
        ]) %}
        <span data-page-component-module="orouser/js/components/password-generate"
              data-page-component-options="{{ {
                  checkbox: '[data-name="field__password-generate"]',
                  passwordInput: '[data-name="field__first"],[data-name="field__second"]'
              }|json_encode }}"></span>
    {% endif %}

    {% set dataBlocks = [{
        'title': 'General'|trans,
        'subblocks': [
            {
                'title': '',
                'data': formRows
            },
            {
                'title': '',
                'data': [
                    form_row(form.email),
                    form_row_collection(form.emails),
                    form_row(form.phone),
                ]
            }
        ]
    }] %}

    {% set dataBlocks = dataBlocks|merge(oro_form_additional_data(form, 'Additional'|trans)) %}

    {% set hasGroups = form.groups is defined and feature_enabled('manage_user_groups') %}
    {% set hasRoles = form.userRoles is defined %}
    {% if hasGroups or hasRoles %}
        {% set userGroups %}
            {% if hasGroups %}
                {{ form_row(form.groups, {attr: { class: 'horizontal' } }) }}
            {% endif %}
        {% endset %}

        {% set userRoles %}
            {% if hasRoles %}
                <div class="form-horizontal" id="roles-list">
                    {{ form_row(form.userRoles, {attr: { class: 'horizontal' } }) }}
                </div>
            {% endif %}
        {% endset %}

        {% set title = '' %}
        {% if hasGroups and hasRoles %}
            {% set title = '%groups% and %roles%'|trans({
                '%groups%' : 'oro.user.groups.label'|trans,
                '%roles%' : 'oro.user.roles.label'|trans
            }) %}
        {% elseif hasGroups %}
            {% set title = 'oro.user.groups.label'|trans %}
        {% elseif hasRoles %}
            {% set title = 'oro.user.roles.label'|trans %}
        {% endif %}

        {% set dataBlocks = dataBlocks|merge( [{
            'title': title,
            'subblocks': [
                {
                    'title': '',
                    'data': [userGroups, userRoles]
                }
            ]
        }] ) %}
    {% endif %}

    {% if form.organizations is defined %}
        {% set dataBlocks = dataBlocks|merge( [{
            'title': 'Access Settings'|trans,
            'subblocks': [{
                'title': '',
                'useSpan': false,
                'data': [form_row(form.organizations)]
            }]
        }] ) %}
    {% endif %}

    {% if form.change_password is defined %}
        {% set dataBlocks = dataBlocks|merge( [{
            'title': 'oro.user.password.label'|trans,
            'subblocks': [
                {
                    'title': '',
                    'data': [
                        form_widget(form.change_password)
                    ]
                }
            ]
        }] ) %}
    {% endif %}

    {% set data = {
        'formErrors': form_errors(form)? form_errors(form) : null,
        'dataBlocks': dataBlocks,
    } %}
    {{ parent() }}
    </div>
{% endblock content_data %}