{% requireEdition CraftPro %}
{% requireAdmin %}

{% extends "_layouts/cp" %}
{% import "_includes/forms" as forms %}
{% set fullPageForm = true %}

{% set crumbs = [
    { label: "Settings"|t('app'), url: url('settings') },
    { label: "Users"|t('app'), url: url('settings/users') },
    { label: "User Groups"|t('app'), url: url('settings/users') }
] %}


{% if group is not defined and groupId is defined %}
    {% set group = craft.app.userGroups.getGroupById(groupId) %}
    {% if not group %}{% exit 404 %}{% endif %}
{% endif %}


{% set isNewGroup = (group is not defined or groupId is not defined) %}


{% if isNewGroup %}
    {% set title = "Create a new user group"|t('app') %}
{% else %}
    {% set title = group.name %}
{% endif %}


{% block content %}
    <input type="hidden" name="action" value="user-settings/save-group">
    {{ redirectInput('settings/users') }}

    {% if not isNewGroup %}<input type="hidden" name="groupId" value="{{ group.id }}">{% endif %}

    {{ forms.textField({
        first: true,
        label: "Name"|t('app'),
        id: 'name',
        name: 'name',
        value: (group is defined ? group.name : null),
        errors: (group is defined ? group.getErrors('name') : null),
        autofocus: true,
        required: true,
    }) }}

    {{ forms.textField({
        label: "Handle"|t('app'),
        id: 'handle',
        name: 'handle',
        class: 'code',
        value: (group is defined ? group.handle : null),
        errors: (group is defined ? group.getErrors('handle') : null),
        required: true
    }) }}

    <hr>

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

    <div id="permissions">
        {% include "_includes/permissions" with { userOrGroup: (group is defined ? group : null) } only %}
    </div>
{% endblock %}

{% js %}
    {% if group is not defined or not group.handle %}
        new Craft.HandleGenerator('#name', '#handle');
    {% endif %}

    {% if not isNewGroup %}
        new Craft.ElevatedSessionForm('#main-form', [
            '#permissions input[type="checkbox"]:not(:checked)'
        ]);
    {% endif %}
{% endjs %}
