{% extends "admin/Macros/Modals/_modal_base.html.twig" %}

{% block title %}
    Kurse Statistik
{% endblock %}

{% block body %}
    <div class="card mt-5">
        <div class="card-content">
            <div class="card-body">
                <div class="d-flex align-items-center justify-content-between">
                    <select name="years" class="form-control w-50 mr-2" id="years">
                        <option {% if (year == '2021') %}selected{% endif %} value="2021">2021</option>
                        <option {% if (year == '2022') %}selected{% endif %} value="2022">2022</option>
                        <option {% if (year == '2023') %}selected{% endif %} value="2023">2023</option>
                        <option {% if (year == '2024') %}selected{% endif %} value="2024">2024</option>
                    </select>
                    <select name="months" class="form-control w-50 mml-2" id="months">
                        <option {% if (month == '01') %}selected{% endif %} value="01">Januar</option>
                        <option {% if (month == '02') %}selected{% endif %} value="02">Februar</option>
                        <option {% if (month == '03') %}selected{% endif %} value="03">März</option>
                        <option {% if (month == '04') %}selected{% endif %} value="04">April</option>
                        <option {% if (month == '05') %}selected{% endif %} value="05">Mai</option>
                        <option {% if (month == '06') %}selected{% endif %} value="06">Juni</option>
                        <option {% if (month == '07') %}selected{% endif %} value="07">Juli</option>
                        <option {% if (month == '08') %}selected{% endif %} value="08">August</option>
                        <option {% if (month == '09') %}selected{% endif %} value="09">September</option>
                        <option {% if (month == '10') %}selected{% endif %} value="10">Oktober</option>
                        <option {% if (month == '11') %}selected{% endif %} value="11">November</option>
                        <option {% if (month == '12') %}selected{% endif %} value="12">Dezember</option>
                    </select>
                </div>
            </div>
        </div>
    </div>
    <div class="card mt-5">
        <div class="card-content">
            <div class="card-body">
                <div class="row mb-3">
                    <div class="col-6 text-muted text-center">Nummer anzeigen:</div>
                    <div class="col-6 text-muted text-center">Mehr erfahren:</div>
                </div>
                <div class="row align-items-center kurse-lesson">
                    <div class="col-6 text-center nummerCount">{{ phoneClick|default(0) }}</div>
                    <div class="col-6 text-center mehrCount">{{ mehrClick|default(0) }}</div>
                </div>
                <hr>
            </div>
        </div>
    </div>

    <script type="text/javascript">
        $('#years, #months').change(function () {
            let years = $('#years').val();
            let months = $('#months').val();
            Panel.contentLoader_start();
            $.ajax({
                type: 'POST',
                url: '{{ path('admin_ajax_statistik_count') }}',
                data: {years: years, months: months, id: {{ id }}},
                success: function (data) {
                    $('.nummerCount').html(data.nummerCount);
                    $('.mehrCount').html(data.mehrCount);
                    Panel.contentLoader_close();
                }
            });
        });
    </script>
{% endblock %}