{% extends 'admin/admin_base.html.twig' %}
{% import "admin/Macros/Buttons/_button.html.twig" as button %}

{% set page_title = "Kurse" %}
{% block title %}{{ page_title }}{% endblock %}

{% block stylesheets %}
    <link rel="stylesheet" type="text/css"
          href="{{ asset('assets/admin/app-assets/vendors/css/tables/datatable/datatables.min.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('assets/admin/app-assets/css/style.bundle.css') }}">
{% endblock %}
{% block breadcrumb %}
    {# {% set fields = [  { 'name': page_title }] %}
     {% include 'admin/Common/_breadcrumb.html.twig' %}#}
{% endblock %}
{% block page_buttons %}
    <button class="btn btn-warning" id="btn-rightdescmenu">
        <i class="feather icon-chevrons-right fw-bolder"></i>
    </button>
{% endblock %}
{% block body %}
    <div class="bg-rightdescmenu"></div>
    <div class="rightdescmenu" tabindex="-1">
        <div class="rightdescmenu-header">
            <h4 class="mb-0">Kurse</h4>
            <button type="button" class="rightdescmenu-close">
                <span aria-hidden="true">×</span>
            </button>
        </div>
        <hr>
        <div class="rightdescmenu-body mt-10">
            <div class="section">
                <label for="a" class="fw-bolder mb-2">Aktionsbutton</label>
                <textarea name="a"
                          data-link="{{ path('admin_ajax_aktion_buttons_edit',{'id':aktionsButton[0].id}) }}"
                          id="actionsButton" class="form-control actionsButton"
                          rows="4">{{ aktionsButton[0].text }}</textarea>
            </div>
        </div>
    </div>
    <div class="card mt-5">
        <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-1 text-muted">Link</div>
                    <div class="col-1 text-muted">Lage</div>
                    <div class="col-2 text-muted text-center">Transaktionen</div>
                </div>
                {% for kurse in kurses %}
                    {% if kurse.kurseId|length > 0 %}
                        {% set kurse = kurse.kurseId[0] %}
                    {% endif %}
                    <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-1">{{ 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)"
                                  class="badge bg-success cursor-pointer p1s" {% if kurse.isEnabled == 0 %} style="display:none;" {% endif %}> Aktiv </span>
                            <span onclick="kLage({{ kurse.id }},1)"
                                  class="badge bg-danger  cursor-pointer p2s" {% if kurse.isEnabled == 1 %} style="display:none;" {% endif %}> Passiv </span>

                        </div>
                        <div class="col-2 text-center">
                            <a data-ajax-modal
                               data-href="{{ path('admin_kurse_statistik',{'site':siteName[0].id,'id':kurse.id}) }}"
                               href="javascript:"
                               class="ajax-modal mr-2"
                               title="Statistik"
                            >
                                <i class="feather icon-activity fs-22px text-secondary"></i>
                            </a>


                            {% set ka = getKurseAusstehend(kurse.id) %}

                            {% if ka > 0 %}
                                <a data-ajax-modal
                                   data-href="{{ path('admin_kurse_edit_lage',{'site':siteName[0].id,'id':kurse.id}) }}"
                                   href="javascript:"
                                   class="ajax-modal mr-2"
                                   title="Editlage"
                                >
                                    <i class="feather icon-check-square fs-22px"></i>
                                </a>
                            {% endif %}


                            <a data-ajax-modal
                               data-href="{{ path('admin_kurse_show',{'site':siteName[0].id,'id':kurse.id}) }}"
                               href="javascript:"
                               class="ajax-modal mr-2"
                               title="Bearbeiten"
                            >
                                <i class="feather icon-eye fs-22px text-secondary"></i>
                            </a>
                            {#<a data-ajax-modal
                               data-href="{{ path('admin_kurse_edit',{'site':siteName[0].id,'id':kurse.id}) }}"
                               href="javascript:"
                               class="ajax-modal"
                               title="Bearbeiten">
                                <i class="feather icon-edit fs-22px text-warning"></i>
                            </a>#}
                            <a href="{{ path('admin_kurse_delete',{'site':siteName[0].id,'id':kurse.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>



    <div class="modal fade text-left" id="ajax-form-kLesson" role="dialog" aria-labelledby="myModalLabel8"
         aria-hidden="true">
        <div class="modal-dialog modal-lg modal-dialog-centered modal-dialog-scrollable" role="document">
            <div class="modal-content">
                <div class="modal-header ">
                    <h4 class="modal-title ">
                        Genehmigung ausstehend
                    </h4>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-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>
                                <div class="modalKL"></div>
                            </div>
                        </div>
                    </div>


                </div>
            </div>
        </div>
    </div>


{% endblock %}
{% block head_javascripts %}
    <script src="{{ asset('assets/admin/app-assets/vendors/js/extensions/moment.min.js') }}"></script>
    <script>

        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('.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');
                    }
                    Panel.contentLoader_close();
                    location.reload();
                }
            });
        }

        $(document).ready(function () {
            $('#btn-rightdescmenu').click(function () {
                $('.rightdescmenu').addClass('show');
                $('.bg-rightdescmenu').addClass('show');
                $('body').css("overflow", "hidden");
            });
            $('.rightdescmenu-close, .bg-rightdescmenu').click(function () {
                $('.rightdescmenu').removeClass('show');
                $('.bg-rightdescmenu').removeClass('show');
                $('body').css("overflow", "unset");
            });
            $('.actionsButton').on('change', function () {
                Panel.contentLoader_start();
                let ab = $(this).val();
                let url = $(this).data('link');
                $.ajax({
                    url: url,
                    data: {'ab': ab},
                    method: 'POST',
                    type: 'POST',
                    success: function (data) {
                        $('.actionsButton').html(data.text);
                        Panel.contentLoader_close();
                    }
                });
            });
        });
    </script>
    {% include 'admin/Common/_datatable_all_js.html.twig' %}
{% endblock %}