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

{% block title %}
    Kurse Lesson Genehmigung
{% endblock %}

{% block body %}
    <div class="card mt-5">
        <div class="card-content">
            <div class="card-body">
                <div class="row mb-3 text-center">
                    <div class="col-1 text-muted">Titel</div>
                    <div class="col-1 text-muted">Fächer</div>
                    <div class="col-1 text-muted">Dauer</div>
                    <div class="col-1 text-muted">Dauer Text</div>
                    <div class="col-1 text-muted">Price</div>
                    <div class="col-1 text-muted">Price Text</div>
                    <div class="col-1 text-muted">Start</div>
                    <div class="col-1 text-muted">Extras</div>
                    <div class="col-1 text-muted">Platze</div>
                    <div class="col-1 text-muted">Frei</div>
                    <div class="col-1 text-muted">Lage</div>
                    <div class="col-1 text-muted">Lage</div>
                </div>
                {% for les in kurseLesson %}
                    <div class="row align-items-center kurse-lesson text-center" data-id="{{ les.id }}">
                        <div class="col-1">{{ les.kurs|default }}</div>
                        <div class="col-1">{{ les.facher|default }}</div>
                        <div class="col-1">{{ les.dauer|default }}</div>
                        <div class="col-1">{{ les.dauer2|default }}</div>
                        <div class="col-1">{{ les.price|default }}</div>
                        <div class="col-1">{{ les.preis2|default }}</div>
                        <div class="col-1 p-0">{{ les.startdatum|default|date('d.m.Y') }}</div>
                        <div class="col-1">{{ les.extras|default }}</div>
                        <div class="col-1">{{ les.platze|default }}</div>
                        <div class="col-1">{{ les.frei|default }}</div>
                        <div class="col-1">
                            <span onclick="klLage({{ les.id }},0)"
                                  class="badge bg-success cursor-pointer p1" {% if les.isEnabled == 0 %} style="display:none;" {% endif %}> Aktiv </span>
                            <span onclick="klLage({{ les.id }},1)"
                                  class="badge bg-danger  cursor-pointer p2" {% if les.isEnabled == 1 %} style="display:none;" {% endif %}> Passiv </span>
                        </div>
                        <div class="col-1">

                            {% set klC = getKurseLessonAusstehend(les.id) %}
                            {% if klC > 0 %}
                                <a class="klModal" data-id="{{ les.id }}"
                                   title="Editlage">
                                    <i class="feather icon-check-square fs-22px"></i>
                                </a>
                            {% endif %}

                            <a href="{{ path('admin_ajax_kurse_lesson_delete',{'id':les.id}) }}"
                               onclick="Panel.globalConfirm(event)" type="button">
                                <i class="feather icon-trash fs-22px text-danger"></i>
                            </a>

                        </div>
                    </div>
                    <hr>
                {% endfor %}
            </div>
        </div>
    </div>

    <script type="text/javascript">
        $('.klModal').click(function () {
            $('#ajax-form-kLesson').modal('show');
            let dataId = $(this).data('id');
            $.ajax({
                type: 'POST',
                url: '{{ path('admin_ajax_lesson_edit_lage') }}',
                data: {'dataId': dataId},
                success: function (data) {

                    let div = '';
                    let date = '';
                    let url = '';

                    $.each(data, function (i, e) {
                        url = '{{ path('admin_ajax_kurse_lesson_delete',{'id':'renameIds'}) }}';
                        url = url.replace('renameIds', e.id);

                        date = moment(e.startDatum.date).format('L');
                        date = date.replace("/", ".");
                        date = date.replace("/", ".");


                        div +=
                            '<div class="row align-items-center kurse-lesson text-center" data-id="' + e.id + '">' +
                            '      <div class="col-1">' + e.kurs + '</div>' +
                            '      <div class="col-1">' + e.facher + '</div>' +
                            '      <div class="col-1">' + e.dauer + '</div>' +
                            '      <div class="col-1">' + e.dauer2 + '</div>' +
                            '      <div class="col-1">' + e.price + '</div>' +
                            '      <div class="col-1">' + e.preis2 + '</div>' +
                            '      <div class="col-1 p-0">' + date + '</div>' +
                            '      <div class="col-1">' + e.extras + '</div>' +
                            '      <div class="col-1">' + e.platze + '</div>' +
                            '      <div class="col-1">' + e.frei + '</div>' +
                            '      <div class="col-1">';
                        div += '<span onclick="klLage(' + e.id + ',1)" class="badge bg-danger cursor-pointer p2"';
                        if (e.isEnabled == 1) {
                            div += 'style="display:none;"';
                        }
                        div += '>Passiv</span>';
                        div += '<span onclick="klLage(' + e.id + ',0)" class="badge bg-success cursor-pointer p1"';
                        if (e.isEnabled == 0) {
                            div += 'style="display:none;"';
                        }
                        div += '>Aktiv</span>';
                        div += '   </div>' +
                            '      <div class="col-1">' +
                            '           <div class="text-center">' +
                            '                <a href="' + url + '" onclick="Panel.globalConfirm(event)" type="button">' +
                            '                   <i class="feather icon-trash fs-22px text-danger"></i>' +
                            '                </a>' +
                            '           </div>' +
                            '      </div>' +
                            '</div>' +
                            '<hr>';
                    });
                    $('.modalKL').html(div);
                }
            });
        });

        $('#ajax-form-kLesson').on('show.bs.modal', function () {
            $('#ajax-form').css('display', 'none');
        });

        $('#ajax-form-kLesson').on('hide.bs.modal', function () {
            $('#ajax-form').css('display', 'block');
        });

        $(".modal").on({
            "show.bs.modal": function () {
                $(this).find('.modal-dialog').removeClass('modal-lg').addClass('modal-xl');
            }
        });

        function klLage(id, type) {
            Panel.contentLoader_start();
            let data_url = '{{ path('admin_ajax_kurseLesson_lage_edit',{'id':'renameId'}) }}';
            $.ajax({
                type: 'POST',
                url: data_url.replace('renameId', id),
                data: {'lage': type, 'id': id},
                success: function (data) {
                    let $row = $(".kurse-lesson[data-id='" + id + "']");
                    if (data == 0) {
                        $row.find('.p1').css('display', 'none');
                        $row.find('.p2').css('display', 'inline-block');
                    } else {
                        $row.find('.p1').css('display', 'inline-block');
                        $row.find('.p2').css('display', 'none');
                    }
                    Panel.contentLoader_close();
                    location.reload();
                }
            });
        }
        function kLage(id, type) {
            Panel.contentLoader_start();
            let data_url = '{{ path('admin_ajax_kurse_lage_edit',{'id':'renameId'}) }}';
            $.ajax({
                type: 'POST',
                url: data_url.replace('renameId', id),
                data: {'lage': type, 'id': id},
                success: function (data) {
                    let $row = $(".kurse-lesson[data-id='" + id + "']");
                    if (data == 0) {
                        $row.find('.p1').css('display', 'none');
                        $row.find('.p2').css('display', 'inline-block');
                    } else {
                        $row.find('.p1').css('display', 'inline-block');
                        $row.find('.p2').css('display', 'none');
                    }
                    Panel.contentLoader_close();
                    location.reload();
                }
            });
        }
    </script>
{% endblock %}