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

{% set page_title = "Produkte" %}
{% 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 page_buttons %}
    {{ button.button_new({
        'text':'Thema Hinzufügen',
        'href':'javascript:',
        'class':'my-1 mb-3',
        'attr':'data-ajax-modal data-href='~path('admin_thema_new')~''
    }) }}

    {{ button.button_new({
        'text':'Fach Hinzufügen',
        'class':'my-1 mb-3',
        'href':''~path('admin_lektion')~''
    }) }}

    {{ button.button_new({
        'text':'Bereich Hinzufügen',
        'class':'my-1 mb-3',
        'href':''~path('admin_bereich')~''
    }) }}
    <button class="btn btn-warning mb-2" 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">Thema</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">
        <div class="card-content">
            <div class="card-body">
                <div class="table-responsive">
                    <table class="table statik-datatable table-striped  table-custom table-bordered">
                        <thead>
                        <tr>
                            <th class="truncate">Produkt</th>
                            {#<th class="text-truncate">Pdf</th>#}
                            <th class="text-truncate">Bereich</th>
                            <th class="text-truncate">Fach</th>
                            <th class="text-truncate">Situation</th>
                            <th width="80">Verfahren</th>
                        </tr>
                        </thead>
                        <tbody>
                        {% for item in product %}
                            <tr>
                                <td class="truncate">
                                    {{ item.name }}
                                </td>

                                {#<td>
                                    {% set dir = getProduct2Dir() %}
                                    {% set imageFullPath = dir|default~item.pdfFile|default %}
                                    <iframe src="{{ asset(imageFullPath) }}" width="180" height="250"
                                            style="border: none;"
                                            allowfullscreen
                                            webkitallowfullscreen></iframe>
                                </td>#}
                                <td>
                                    {% for itemb in bereich %}
                                        {% if itemb.id|default == item.bereich.id|default %}
                                            {{ itemb.name }}
                                        {% endif %}
                                    {% endfor %}
                                </td>
                                <td>
                                    {% for itemb in bereich %}
                                        {% if itemb.id|default == item.bereich.id|default %}
                                            {{ itemb.lektion.name }}
                                        {% endif %}
                                    {% endfor %}
                                </td>
                                <td>
                                    {% if item.isEnabled == 1 %}
                                        Aktiv
                                    {% else %}
                                        Passiv
                                    {% endif %}
                                </td>
                                <td width="120">
                                    <a data-ajax-modal
                                       data-href="{{ path('admin_thema_edit',{'id':item.id}) }}"
                                       href="javascript:"
                                       class="btn btn-icon btn-success ajax-modal"
                                       title="Düzenle">
                                        <i class="feather icon-edit"></i>
                                    </a>
                                    <a href="{{ path('admin_thema_delete',{'id':item.id}) }}"
                                       onclick="Panel.globalConfirm(event)"
                                       class="btn btn-icon btn-danger ajax-modal"
                                    >
                                        <i class="feather icon-trash"></i>
                                    </a>
                                </td>
                            </tr>
                        {% endfor %}
                        </tfoot>
                    </table>
                </div>
            </div>
        </div>
    </div>
{% endblock %}
{% block head_javascripts %}
    <script src="{{ asset('assets/admin/app-assets/vendors/js/extensions/moment.min.js') }}"></script>
    <script>
        $(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 %}