{% if groups and payments %}
    <form method="post">
        <div class="card">
            <div class="card-header">
                <h5 class="card-title">
                    <i class="fa-solid fa-people-group"></i>
                    {{ 'payment_configuration_group'|trans({}, 'admin') }}
                </h5>
            </div>
            <div class="card-body">
                <p>{{ 'payment_configuration_group_description'|trans({}, 'admin') }}</p>

                <table class="table table-settings table-configuration table-highlight-sight">
                    <tr>
                        <th class="label-column disable-highlighting">
                            {{ 'payment_configuration_group'|trans({}, 'admin') }}
                        </th>
                        {% for payment in payments %}
                            <th class="label-column">
                                {{ payment.name }}
                            </th>
                        {% endfor %}
                    </tr>
                    {% for group in groups %}
                        <tr>
                            <th class="label-column">{{ group.name }}</th>
                            {% for payment in payments %}
                                {% set key = group.id ~'-'~ payment.id %}
                                <td class="label-column">
                                    <input type="checkbox" class="form-control"
                                           name="restrict_groups[{{ key }}]"
                                           {% if restrictGroups[key] is defined %}checked{% endif %}
                                    >
                                </td>
                            {% endfor %}
                        </tr>
                    {% endfor %}
                </table>
            </div>
            <div class="card-footer text-right">
                <button class="btn btn-primary" name="saveRestrictGroups">
                    {{ 'button_save'|trans({}, 'admin') }}
                </button>
            </div>
        </div>
    </form>
{% endif %}