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

{% block searchBtn %}{% endblock %}

{% block breadcrumbMenu %}{% endblock %}

{% block breadcrumb %}
    <a href="{{ path('groups') }}">Benutzergruppen</a> > Einstellungen für Benutzergruppe <b class="d-md-down-none">{{ group.name }}</b>
{% endblock %}

{% block body %}
    <form action="{{ path("settings_save_group") }}" method="POST">
        <div class="row">
            <div class="col-12">
                <div class="alert alert-info d-flex align-items-center">
                    <i class="fas fa-info-circle fa-2x me-3"></i>
                    Folgende Einstellungen sind per Gruppe vorgegeben, können aber individuell pro Benutzer
                    überschrieben
                    werden.
                </div>
            </div>
            <div class="col-12">
                <label class="m-0 pt-2">Einstellungen - Profil</label>
                <div class="card">
                    <div class="card-body p-2">
                        <div class="row">
                            <div class="col-md-6">
                                {% for setting, data in settings.profile.option %}
                                    <div class="form-row">
                                        <div class="col d-flex align-items-center">
                                            <label class="m-0">{{ data.description }}</label>
                                        </div>
                                        <div class="col">
                                            <select class="form-control d-block" name="settingsOption[{{ setting }}]" autocomplete="off">
                                                {% for value, option in data.options %}
                                                    <option value="{{ value }}"
                                                            {% if group.settings[setting] is defined %}
                                                                {% if group.settings[setting] == value %}
                                                                    selected
                                                                {% endif %}
                                                            {% endif %}
                                                    >{{ option }}</option>
                                                {% endfor %}
                                            </select>
                                        </div>
                                    </div>
                                {% endfor %}
                            </div>
                            <div class="col-md-6">
                                {% for setting, description in settings.profile.bool %}
                                    <div class=" mb-2 d-flex align-items-center justify-content-between">
                                        {{ description|raw }}
                                        <div class="form-check form-switch">
                                            <input type="hidden" name="settingsBool[{{ setting }}]" value="off">
                                            <input class="form-check-input" type="checkbox" name="settingsBool[{{ setting }}]"
                                                    {% if group.settings[setting] is defined %}
                                                        {% if group.settings[setting] == true %}
                                                            checked
                                                        {% endif %}
                                                    {% else %}
                                                        checked
                                                    {% endif %}>
                                        </div>
                                    </div>
                                {% endfor %}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-12">
                <label class="m-0 pt-2">Einstellungen Tankliste</label>
                <div class="card">
                    <div class="card-body p-2">
                        <div class="row">
                            <div class="col-md-6 mb-2">
                                <b>Felder anzeigen</b>
                                <div class="row">
                                    {% for setting, description in settings.tanklist.bool %}
                                        {% if setting starts with 'tanklist' %}
                                            <div class="col-sm-6 col-xl-4 mb-3">
                                                <div class="form-check form-switch">
                                                    <input type="hidden" name="settingsBool[{{ setting }}]" value="off">
                                                    <input class="form-check-input" type="checkbox" id="settingsBool[{{ setting }}]" name="settingsBool[{{ setting }}]"
                                                            {% if group.settings[setting] is defined %}
                                                                {% if group.settings[setting] == true %}
                                                                    checked
                                                                {% endif %}
                                                            {% else %}
                                                                checked
                                                            {% endif %}>

                                                    {% if description is array %}
                                                        <label class="form-check-label" for="settingsBool[{{ setting }}]">{{ description[0]|raw }}</label>
                                                    {% else %}
                                                        <label class="form-check-label" for="settingsBool[{{ setting }}]">{{ description|raw }}</label>
                                                    {% endif %}
                                                </div>
                                            </div>
                                        {% endif %}
                                    {% endfor %}
                                </div>
                            </div>
                            <div class="col-md-6 mt-3 mt-md-0 mb-2">
                                <b>Felder anzeigen - Ports</b>
                                <div class="row">
                                    {% for setting, description in settings.tanklist.bool %}
                                        {% if setting starts with 'portlist' %}
                                            <div class="col-sm-6 col-xl-4 mb-3">
                                                <div class="form-check form-switch">
                                                    <input type="hidden" name="settingsBool[{{ setting }}]" value="off">
                                                    <input class="form-check-input" type="checkbox" id="settingsBool[{{ setting }}]" name="settingsBool[{{ setting }}]"
                                                        {% if group.settings[setting] is defined %}
                                                            {% if group.settings[setting] == true %}
                                                                checked
                                                            {% endif %}
                                                        {% else %}
                                                            checked
                                                        {% endif %}>
                                                    {% if description is array %}
                                                        <label class="form-check-label" for="settingsBool[{{ setting }}]">{{ description[0]|raw }}</label>
                                                    {% else %}
                                                        <label class="form-check-label" for="settingsBool[{{ setting }}]">{{ description|raw }}</label>
                                                    {% endif %}
                                                </div>
                                            </div>
                                        {% endif %}
                                    {% endfor %}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-12 mt-4">
                <input type="hidden" value="{{ group.id }}" name="id">
                <a href="{{ path('groups') }}" class="btn btn-secondary">Abbrechen</a>
                <button class="btn btn-primary" type="submit">Profil speichern</button>
            </div>
        </div>
    </form>
{% endblock %}

{% block javascripts %}
{% endblock %}