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

{% block title %}
    Genehmigung ausstehend
{% endblock %}

{% block body %}

    <div class="card-content">
        <div class="card-body">
            <div class="row mb-3">
                <div class="col-1 text-muted text-center">Position</div>
                <div class="col-1 text-muted">Logo</div>
                <div class="col-1 text-muted">Name</div>
                <div class="col-1 text-muted">Firma</div>
                <div class="col-1 text-muted">Photo</div>
                <div class="col-1 text-muted">x-coord</div>
                <div class="col-1 text-muted">y-coord</div>
                <div class="col-1 text-muted">Telefon</div>
                <div class="col-2 text-muted">Link</div>
                <div class="col-1 text-muted">Lage</div>
                <div class="col-1 text-muted text-center">Transaktionen</div>
            </div>
            {% for kurse in kurses %}
                <div class="row align-items-center">
                    <div class="col-1 text-center fw-bolder">{{ loop.index }}</div>
                    <div class="col-1">
                        <img style="max-width: 100%;" src="{{ asset('media/kurse/logo/'~kurse.logo) }}">
                    </div>
                    <div class="col-1">{{ kurse.name }}</div>
                    <div class="col-1">{{ kurse.firma }}</div>
                    <div class="col-1">
                        <img style="max-width: 100%;" src="{{ asset('media/kurse/'~kurse.photo) }}">
                    </div>
                    <div class="col-1">{{ kurse.xCoord }}</div>
                    <div class="col-1">{{ kurse.yCoord }}</div>
                    <div class="col-1">{{ kurse.telefon|default }}</div>
                    <div class="col-2">{{ kurse.link|default }}</div>
                    <div class="col-1">
                        {#{% if kurse.isEnabled == 1 %}
                            <span class="badge bg-success">Aktiv</span>
                        {% else %}
                            <span class="badge bg-danger">Passiv</span>
                        {% endif %}#}


                        <span onclick="kLage({{ kurse.id }},0,{{ kurse.editId.id }})"
                              class="badge bg-success cursor-pointer p1s" {% if kurse.isEnabled == 0 %} style="display:none;" {% endif %}> Aktiv </span>
                        <span onclick="kLage({{ kurse.id }},1,{{ kurse.editId.id }})"
                              class="badge bg-danger  cursor-pointer p2s" {% if kurse.isEnabled == 1 %} style="display:none;" {% endif %}> Passiv </span>


                    </div>
                    <div class="col-1 text-center">
                        <a href="{{ path('admin_kurse_delete',{'site':2,'id':kurse.id}) }}"
                           onclick="Panel.globalConfirm(event)" type="button" class="ml-2">
                            <i class="feather icon-trash fs-22px text-danger"></i>
                        </a>
                    </div>
                </div>
                <hr>
            {% endfor %}
        </div>
    </div>
    <script type="text/javascript">
        function kLage(id, type, editId) {
            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('.p1s').css('display', 'none');
                        $row.find('.p2s').css('display', 'inline-block');
                    } else {
                        $row.find('.p1s').css('display', 'inline-block');
                        $row.find('.p2s').css('display', 'none');
                    }

                    let data_url = '{{ path('admin_ajax_kurse_delete',{'id':'renameId'}) }}';
                    $.ajax({
                        type: 'POST',
                        url: data_url.replace('renameId', id),
                        data: {'deleteId': editId},
                        success: function (data) {

                            Panel.contentLoader_close();
                            location.reload();
                        }
                    });
                }
            });
        }


        $(".modal").on({
            "show.bs.modal": function () {
                $(this).find('.modal-dialog').removeClass('modal-lg').addClass('modal-xl');
            }
        });
    </script>
{% endblock %}