{% 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">
                            <div class="text-center">
                                <a href="{{ path('admin_kurse_lesson_delete',{'site':2,'id':les.id}) }}"
                                   onclick="Panel.globalConfirm(event)" type="button" class="ml-2">
                                    <i class="feather icon-trash fs-22px text-danger"></i>
                                </a>
                            </div>
                        </div>
                    </div>
                    <hr>
                {% endfor %}
            </div>
        </div>
    </div>

    <script type="text/javascript">

        $(".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', 'block');
                    } else {
                        $row.find('.p1').css('display', 'block');
                        $row.find('.p2').css('display', 'none');
                    }
                    Panel.contentLoader_close();
                }
            });
        }
    </script>
{% endblock %}