{% extends "index.html.twig" %}

{% block searchBtn %}{% endblock %}
{% block searchTerm %}{% endblock %}

{% block breadcrumb %}
    <a href="{{ path('groups') }}">Benutzergruppen</a> > Benutzergruppe erstellen
{% endblock %}

{% block body %}
    <div class="edit_user">
        <form action="{{ path("groups_save") }}" method="POST">
            <div class="row">
                <div class="col-sm-6">
                    <label class="m-0 pt-2">Bezeichnung</label>
                    <input class="form-control item-required" name="groupname">
                </div>
                <div class="col-sm-6">
                    <label class="m-0 pt-2">Beschreibung</label>
                    <input class="form-control" name="groupdescription">
                </div>
                <div class="col-12">
                    <label class="m-0 pt-2 w-100">Berechtigungen</label>
                    <div class="card">
                        <div class="card-body p-2">
                            <div class="row">
                                {% for groupname, permKeys in permgroups %}
                                    <div class="col-lg-3 col-md-4 col-sm-6">
                                        <div class="card m-0 mb-2">
                                            <div class="card-header p-2">
                                                {{ groupname }}
                                            </div>
                                            <div class="card-body p-2">
                                                {% for permKey in permKeys %}
                                                    {% if permissions[permKey] is defined %}
                                                        <div class="d-flex align-items-center mb-2">
                                                            {% if permKey in app.user.usergroup.permissions or '*' in app.user.usergroup.permissions %}
                                                                <div class="form-check form-switch">
                                                                    <input type="hidden" name="{{ permKey }}" value="off">
                                                                    <input class="form-check-input" type="checkbox" id="perm-{{ permKey }}" name="{{ permKey }}">
                                                                    <label class="form-check-label" for="perm-{{ permKey }}">{{ permissions[permKey] }}</label>
                                                                </div>
                                                            {% else %}
                                                                <div class="form-check form-switch">
                                                                    <input type="hidden" name="{{ permKey }}" value="off">
                                                                    <input class="form-check-input" type="checkbox" id="perm-{{ permKey }}" name="{{ permKey }}" disabled>
                                                                    <label class="form-check-label" for="perm-{{ permKey }}">{{ permissions[permKey] }}</label>
                                                                </div>
                                                            {% endif %}
                                                        </div>
                                                    {% endif %}
                                                {% endfor %}
                                            </div>
                                        </div>
                                    </div>
                                {% endfor %}
                                <div class="col-12">
                                    <div class="card m-0 mb-2">
                                        <div class="card-header p-2">
                                            Weitere Einstellungen
                                        </div>
                                        <div class="card-body p-2">
                                            <div class="row">
                                                {% for permKey in permsingles %}
                                                    {% if permissions[permKey] is defined %}
                                                        <div class="col-lg-3 col-md-4 col-sm-6 mb-2">
                                                            <div class="d-flex align-items-center">
                                                                {% if permKey in app.user.usergroup.permissions or '*' in app.user.usergroup.permissions %}
                                                                    <div class="form-check form-switch">
                                                                        <input type="hidden" name="{{ permKey }}" value="off">
                                                                        <input class="form-check-input" type="checkbox" id="perm-{{ permKey }}" name="{{ permKey }}">
                                                                        <label class="form-check-label" for="perm-{{ permKey }}">{{ permissions[permKey] }}</label>
                                                                    </div>
                                                                {% else %}
                                                                    <div class="form-check form-switch">
                                                                        <input type="hidden" name="{{ permKey }}" value="off">
                                                                        <input class="form-check-input" type="checkbox" id="perm-{{ permKey }}" name="{{ permKey }}" disabled>
                                                                        <label class="form-check-label" for="perm-{{ permKey }}">{{ permissions[permKey] }}</label>
                                                                    </div>
                                                                {% endif %}
                                                            </div>
                                                        </div>
                                                    {% endif %}
                                                {% endfor %}
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-12 m-0 pt-2">
                    <a href="{{ path('groups') }}" class="btn btn-secondary">Abbrechen</a>
                    <button class="btn btn-primary" type="submit">Benutzergruppe speichern</button>
                </div>
            </div>
        </form>
    </div>
{% endblock %}