{% extends "_layouts/cp" %}

{% if CraftEdition == CraftPro and currentUser.can('editUsers') %}
    {% set crumbs = [
    { label: "Users"|t('app'), url: url('users') }
    ] %}
{% endif %}

{% import "_includes/forms" as forms %}

{% do view.registerTranslations('app', [
    "Are you sure you want to delete this photo?",
]) %}

{% do view.registerAssetBundle("craft\\web\\assets\\fileupload\\FileUploadAsset") %}
{% do view.registerAssetBundle("craft\\web\\assets\\imageeditor\\ImageEditorAsset") %}

{% set photoInput %}
    {% include 'users/_photo' with {account: account} only %}
{% endset %}

{% set saveUserButtons %}
    <div class="buttons">
        {% if not currentUser.can('registerUsers') or CraftEdition != CraftPro %}
            <input type="submit" class="btn submit"
                   value="{{ 'Save'|t('app') }}">
        {% else %}
            <div class="btngroup">
                <input type="submit" class="btn submit"
                       value="{{ 'Save'|t('app') }}">
                <div class="btn submit menubtn"></div>
                <div class="menu">
                    <ul>
                        <li><a class="formsubmit" data-redirect="{{ (isNewAccount ? 'users/{id}' : account.getCpEditUrl())|hash }}">
                                {{ forms.optionShortcutLabel('S') }}
                                {{ "Save and continue editing"|t('app') }}
                            </a></li>
                        <li><a class="formsubmit" data-redirect="{{ 'users/new'|hash }}">{{ "Save and add another"|t('app') }}</a></li>
                    </ul>
                </div>
            </div>
        {% endif %}
    </div>
{% endset %}

{% set requireEmailVerification = craft.app.systemSettings.getSettings('users').requireEmailVerification %}

{% set hiddenInputs %}
    {{ csrfInput() }}
    {% if not isNewAccount -%}
        <input type="hidden" name="userId" value="{{ account.id }}">
    {%- endif %}
{% endset %}

{% hook "cp.users.edit" %}

{% block main %}
    <div class="grid" data-max-cols="3">
        <div class="item" data-position="left" data-colspan="2">
            <form id="userform" class="pane" method="post" accept-charset="UTF-8" autocomplete="off" data-saveshortcut data-saveshortcut-redirect="{{ (account.getIsCurrent() ? 'myaccount' : (CraftEdition == CraftPro and currentUser.can('editUsers') ? 'users/{id}' : 'dashboard'))|hash }}">
                <input type="hidden" name="action" value="users/save-user">
                {{ redirectInput(CraftEdition == CraftPro and currentUser.can('editUsers') ? 'users' : 'dashboard') }}
                {{ hiddenInputs }}

                {% include "_includes/tabs" %}

                <div id="account">
                    {% include "users/_accountfields" %}

                    {% if isNewAccount %}

                        {{ forms.textField({
                            label: "Email"|t('app'),
                            instructions: (requireEmailVerification and not currentUser.admin ? 'A verification email will be sent automatically.'|t('app')),
                            id: 'email',
                            name: 'email',
                            value: account.email,
                            required: true,
                            errors: account.getErrors('email')
                        }) }}

                        {% if requireEmailVerification and currentUser.admin %}
                            {{ forms.checkboxField({
                                label: "Send an activation email now?"|t('app'),
                                name: 'sendVerificationEmail',
                                checked: true
                            }) }}
                        {% endif %}

                    {% elseif account.getIsCurrent() or currentUser.admin or currentUser.can('changeUserEmails') %}

                        {{ forms.textField({
                            label: "Email"|t('app'),
                            instructions: (requireEmailVerification and not currentUser.admin ? 'New email addresses must be verified before taking effect.'|t('app')),
                            id: 'email',
                            name: 'email',
                            value: account.email,
                            required: true,
                            errors: account.getErrors('email')
                        }) }}

                        {% if account.getIsCurrent() %}
                            {{ forms.textField({
                                label: "New Password"|t('app'),
                                id: 'newPassword',
                                name: 'newPassword',
                                type: 'password',
                                errors: account.getErrors('newPassword')
                            }) }}
                        {% endif %}

                        {% if currentUser.admin %}
                            {{ forms.checkboxField({
                                label: "Require a password reset on next login"|t('app'),
                                name: 'passwordResetRequired',
                                checked: account.passwordResetRequired
                            }) }}
                        {% endif %}

                    {% endif %}

                    {% if craft.app.getIsMultiSite() %}
                        {% set languageInput %}
                            <div class="select">
                                <select id="preferred-language" name="preferredLanguage">
                                    {% set allSiteLanguages = craft.app.i18n.getSiteLocaleIds %}
                                    {% set userLanguage = account.getPreferredLanguage() ?: (account.getIsCurrent() ? craft.app.language : allSiteLanguages[0]) %}

                                    {% for language in allSiteLanguages %}
                                        <option value="{{ language }}" {% if language == userLanguage %}selected{% endif %}>{{ craft.app.i18n.getLocaleById(language).getDisplayName(craft.app.language) }}</option>
                                    {% endfor %}
                                </select>
                            </div>
                        {% endset %}

                        {{ forms.field({
                            id: 'preferred-language',
                            label: "Preferred Language"|t('app')
                        }, languageInput) }}
                    {% endif %}

                    {% if account.getIsCurrent() %}
                        {{ forms.selectField({
                            label: "Week Start Day"|t('app'),
                            id: 'weekStartDay',
                            name: 'weekStartDay',
                            options: craft.app.locale.getWeekDayNames(),
                            value: account.getPreference('weekStartDay', craft.app.config.get('defaultWeekStartDay'))
                        }) }}
                    {% endif %}

                    {% if account.admin %}
                        {{ forms.checkboxField({
                            label: "Show the debug toolbar on the front end"|t('app'),
                            name: 'enableDebugToolbarForSite',
                            id: 'enableDebugToolbarForSite',
                            checked: account.getPreference('enableDebugToolbarForSite')
                        }) }}

                        {{ forms.checkboxField({
                            label: "Show the debug toolbar on the Control Panel"|t('app'),
                            name: 'enableDebugToolbarForCp',
                            id: 'enableDebugToolbarForCp',
                            checked: account.getPreference('enableDebugToolbarForCp')
                        }) }}
                    {% endif %}

                    {{ saveUserButtons }}
                </div>

                {% if not isNewAccount or CraftEdition == CraftPro %}
                    <div id="profile" class="hidden">
                        {% if not isNewAccount %}
                            {{ forms.field({
                                label: "Photo"|t('app')
                            }, photoInput) }}

                            <hr>

                        {% endif %}

                        {% if CraftEdition == CraftPro %}
                            {% include "_includes/fields" with {
                                fields: craft.app.fields.getLayoutByType('craft\\elements\\User').getFields(),
                                element: account
                            } only %}

                            {{ saveUserButtons }}
                        {% endif %}
                    </div>
                {% endif %}

                {% if CraftEdition >= CraftClient and currentUser.can('assignUserPermissions') %}
                    <div id="perms" class="hidden">

                        {% if CraftEdition == CraftPro %}
                            <h2>{{ "User Groups"|t('app') }}</h2>

                            {% set allGroups = craft.app.userGroups.getAllGroups() %}
                            {% set userGroupIds = account.getGroups()|column('id') %}

                            {% set userGroupsInput %}
                                <input type="hidden" name="groups" value="">

                                {% if allGroups %}
                                    <ul>
                                        {% for group in allGroups %}
                                            <li>
                                                {{ forms.checkbox({
                                                    label: group.name|t('site'),
                                                    name: 'groups[]',
                                                    value: group.id,
                                                    checked: (group.id in userGroupIds)
                                                }) }}
                                            </li>
                                        {% endfor %}
                                    </ul>

                                {% else %}
                                    <p>{{ "No user groups exist yet."|t('app') }}</p>
                                {% endif %}
                            {% endset %}

                            {{ forms.field({
                                fieldId: 'user-groups'
                            }, userGroupsInput) }}

                            <hr>
                        {% endif %}

                        <h2>{{ "Permissions"|t('app') }}</h2>

                        {% if currentUser.admin and CraftEdition == CraftPro %}
                            {{ forms.checkboxField({
                                label: '<strong>' ~ "Admin"|t('app') ~ '</strong>',
                                name: 'admin',
                                id: 'admin',
                                checked: account.admin,
                                reverseToggle: 'permissions'
                            }) }}
                        {% endif %}

                        <input type="hidden" name="permissions" value="">

                        <div id="permissions" class="field{% if account.admin %} hidden{% endif %}">
                            {% include "_includes/permissions" with {
                                userOrGroup: (account.admin ? null : account),
                                groupPermissions: account.id ? craft.app.userPermissions.getGroupPermissionsByUserId(account.id) : []
                            } only %}
                        </div>

                        {{ saveUserButtons }}

                    </div>
                {% endif %}
            </form>
        </div><!--/item-->

        {% if CraftEdition >= CraftClient and not isNewAccount %}
            <div class="item" data-position="right">
                <form class="pane lightpane meta" method="post"
                      accept-charset="UTF-8">
                    {{ hiddenInputs }}
                    <div class="data first">
                        <h5 class="heading">{{ "Account Status"|t('app') }}</h5>
                        <div class="value flex">
                            <div class="flex-grow"><span
                                        class="status {{ account.status }}"></span> {{ statusLabel }}
                            </div>

                            {% if actions|length %}
                                <div>
                                    <div id="action-menubtn" class="btn menubtn"
                                         data-icon="settings"
                                         title="{{ 'Actions'|t('app') }}"></div>
                                    <div class="menu">
                                        {% for actionList in actions %}
                                            {% if not loop.first %}
                                                <hr>{% endif %}
                                            <ul>
                                                {% for actionItem in actionList %}
                                                    <li><a
                                                                {%- if actionItem.id is defined %} id="{{ actionItem.id }}"{% endif %}
                                                                {%- if actionItem.action is defined %} class="formsubmit" data-action="{{ actionItem.action }}"{% endif -%}
                                                        >{{ actionItem.label }}</a>
                                                    </li>
                                                {% endfor %}
                                            </ul>
                                        {% endfor %}
                                    </div>
                                    <div id="action-spinner"
                                         class="spinner hidden"></div>
                                </div>
                            {% endif %}
                        </div>
                    </div>

                    {% if account.status == 'locked' and craft.app.config.get('cooldownDuration') %}
                        <div class="data">
                            <h5 class="heading">{{ "Cooldown Time Remaining"|t('app') }}</h5>
                            <p class="value">{{ account.remainingCooldownTime.humanDuration }}</p>
                        </div>
                    {% endif %}

                    <div class="data">
                        <h5 class="heading">{{ "Registration Date"|t('app') }}</h5>
                        <p class="value">{{ account.dateCreated|datetime('short') }}</p>
                    </div>

                    {% if account.status != 'pending' %}
                        <div class="data">
                            <h5 class="heading">{{ "Last Login Date"|t('app') }}</h5>
                            <p class="value">{% if account.lastLoginDate %}{{ account.lastLoginDate|datetime('short') }}{% else %}{{ "Never"|t('app') }}{% endif %}</p>
                        </div>

                        <div class="data">
                            <h5 class="heading">{{ "Last Invalid Login Date"|t('app') }}</h5>
                            <p class="value">{% if account.lastInvalidLoginDate %}{{ account.lastInvalidLoginDate|datetime('short') }}{% else %}{{ "Never"|t('app') }}{% endif %}</p>
                        </div>

                        <div class="data">
                            <h5 class="heading">{{ "Last Password Change Date"|t('app') }}</h5>
                            <p class="value">{% if account.lastPasswordChangeDate %}{{ account.lastPasswordChangeDate|datetime('short') }}{% else %}{{ "Never"|t('app') }}{% endif %}</p>
                        </div>

                        <div class="data">
                            <h5 class="heading">{{ "Invalid Login Count"|t('app') }}</h5>
                            <p class="value">{% if account.invalidLoginCount %}{{ account.invalidLoginCount }}{% else %}0{% endif %}</p>
                        </div>
                    {% endif %}
                </form>

                {# Give plugins a chance to add other panes here #}
                {% hook "cp.users.edit.right-pane" %}
            </div><!--/item-->
        {% endif %}
    </div><!--/grid-->
{% endblock %}

{% js %}
    {% if account.getIsCurrent() %}
        var changeSidebarPicture = true;
    {% else %}
        var changeSidebarPicture = false;
    {% endif %}

    new Craft.ElevatedSessionForm('#userform', [
        '#email',
        '#newPassword',
        '#admin:not(:checked)',
        '#user-groups input[type="checkbox"]:not(:checked)',
        '#permissions input[type="checkbox"]:not(:checked)'
    ]);
{% endjs %}