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

{% block searchBtn %}{% endblock %}

{% block breadcrumb %}
    Globale Einstellungen bearbeiten
{% endblock %}

{% block body %}
    <div class="edit_systemsettings">
        <form action="{{ path("settings_system_save") }}" method="POST">
            <div class="row">
                <div class="col-6">
                    <label class="m-0 pt-2">Einstellungen</label>
                    <div class="card">
                        <div class="card-body p-2">
                            <div class="row">
                                <div class="col-md-12">
                                    {% for setting in settings %}
                                        <div class="row mt-2 mb-2">
                                            <div class="col d-flex align-items-center">
                                                <label class="m-0">{{ setting.description|raw }}</label>
                                            </div>
                                            <div class="col">
                                                {% if setting.type == "dec" %}
                                                    <input class="form-control" type="number" step=".1" name="{{ setting.name }}" value="{{ setting.value }}">
                                                {% elseif setting.type == "int" %}
                                                    <input class="form-control" type="number" step="1" name="{{ setting.name }}" value="{{ setting.value }}">
                                                {% elseif setting.type == "string" %}
                                                    <input type="text" class="form-control" name="{{ setting.name }}" value="{{ setting.value }}">
                                                {% elseif setting.type == "multidate" %}
                                                    <input type="text" class="d-none" readonly data-toggle="datepicker" name="{{ setting.name }}" value="{{ setting.value }}">
                                                {% endif %}
                                            </div>
                                        </div>
                                    {% endfor %}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-12 mt-4">
                    <a href="{{ path('index') }}" class="btn btn-secondary">Abbrechen</a>
                    <button class="btn btn-primary noload" type="submit">Globale Einstellungen speichern</button>
                </div>
            </div>
        </form>
    </div>
{% endblock %}


{% block javascripts %}
    <link rel="stylesheet" href="{{ asset('_resources/css/flatpickr.min.css') }}">
    <script src="{{ asset('_resources/js/flatpickr.min.js') }}" type="text/javascript"></script>
    <script src="{{ asset('_resources/js/flatpickr.de.js') }}" type="text/javascript"></script>

    <script>
        flatpickr('[data-toggle="datepicker"]', {
            "locale"     : "de",
            inline       : true,
            mode         : "multiple",
            altInputClass: 'd-none',
            altInput     : true,
            altFormat    : "d.m.Y",
            dateFormat   : "Y-m-d",
            minDate      : "today",
            maxDate      : "2060-12-31",
            conjunction: ","
        })
    </script>
{% endblock %}