{% extends app.request.isXmlHttpRequest ? '@QbaBitCore/ajax.html.twig' : QbaBitLayoutToExtend('@QbaBitTemplate/adminlte/layout.html.twig', 'backend') %}
{% set tit = 'qbmenu_system_menus' | trans({}, 'menu') %}
{% set paramsUrl = {'slugSelected': app.request.get('slugSelected')} %}
{% set fake = QbaBitSeoTitle(tit) %}
{% set fake = QbaBitAssetsAddCssSource(asset('bundles/qbabittemplate/adminlte/plugins/iCheck/all.css'), true) %}
{% set fake = QbaBitAssetsAddScriptSource(asset('bundles/qbabittemplate/adminlte/plugins/iCheck/icheck.js'), true) %}
{% set urlStatus = path('qb_menu_status') %}
{% block update %}
    <div class="box-header with-border box-primary" style="padding: 15px 10px 10px 10px;">
        <h3 class="box-title">{{ tit }}</h3>
        <div class="box-tools pull-right qbgroup-controls">
            <div class="dropdown">
                <button class="btn btn-default dropdown-toggle" type="button" id="dropdownOptions"
                        data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                    <span class="fa fa-fw fa-cogs"></span>
                    {{ 'options' | trans({}, 'qbabitcore') }}
                    <span class="caret"></span>
                </button>
                <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownOptions">
                    {% if is_granted('ROLE_MENU_NEW') %}
                        <li><a href="{{ path('qbmenu_edit', paramsUrl) }} " class="new"><i
                                        class="fa fa-plus-square"></i>{{ 'new' | trans({}, 'qbabitcore') }}
                            </a></li>
                    {% endif %}

                    {% if is_granted('ROLE_MENU_DELETE') %}
                        <li class="qbhide"><a href="#"
                                              class="del qballowdisabled qbisDisabled"><i
                                        class="fa fa-trash-o "></i> {{ 'delete' | trans({}, 'qbabitcore') }}</a>
                        </li>
                    {% endif %}
                    {% if is_granted('ROLE_MENU_EDIT') %}
                        <li class="divider"></li>
                        <li>
                            <a href="#" data-url="{{ urlStatus }}"
                               data-status="true" class="chgstatus qballowdisabled qbisDisabled"><i
                                        class="qbcore-green fa fa-fw fa-check"></i>{{ 'activar' | trans({}, 'qbabitcore') }}
                            </a>
                        </li>
                        <li>
                            <a href="#"
                               data-url="{{ urlStatus }}"
                               data-status="false" class="chgstatus qballowdisabled qbisDisabled"><i
                                        class="qbcore-red fa fa-fw fa-close"></i>{{ 'desactivar' | trans({}, 'qbabitcore') }}
                            </a>
                        </li>
                    {% endif %}
                </ul>
            </div>
        </div>
    </div>
    <form action="{{ path('qbmenu_index', paramsUrl) }}" name="frmsearch" id="frmsearch" method="post">
        <div class="row nmlf">
            <div class="col-md-3">
                <div class="form-group">
                    <label>{{ 'name' | trans({}, 'qbabitcore') }}</label>
                    <input type="text" id="name" name="name" class="form-control"
                           value="{{ app.request.get('name') }}">
                </div>
            </div>
            <div class="col-md-3">
                <div class="form-group">
                    <label style="display: block;">&nbsp;</label>
                    <button type="submit" class="btn blue">
                        <i class="fa fa-search"></i>
                    </button>
                </div>
            </div>
        </div>

        <div class="box-body table-responsive no-padding">
            <table class="table table-hover">
                <thead>
                <tr>
                    <th style="width: 25px;">
                        <input type="checkbox" id="chkall" class="chkall minimal"/>
                    </th>
                    <th>{{ 'qbmenu_menu_name' | trans({}, 'menu') }}</th>
                    <th class="text-center">{{ 'qbmenu_published' | trans({}, 'menu') }}</th>
                    <th class="text-center">{{ 'qbmenu_unpublished' | trans({}, 'menu') }}</th>
                    <th class="text-center">{{ 'qbmenu_status' | trans({}, 'menu') }}</th>
                    <th class="text-center"></th>
                </tr>
                </thead>
                <tbody>
                {% for menu in entities %}
                    {% set entity = menu[0] %}
                    <tr id="rw{{ entity.id }}">
                        <td>
                            <input type="checkbox" name="idcheck[]" value="{{ entity.id }}" id="id{{ entity.id }}"
                                   class="selitm minimal"/>
                        </td>
                        <td>
                            {% if is_granted('ROLE_MENU_EDIT') %}
                                <a href="{{ path('qbmenu_edit', {'id': entity.id} | merge(paramsUrl)) }}"
                                   class="edit">{{ entity.name }}</a>
                            {% else %}
                                {{ entity.name }}
                            {% endif %}
                        </td>
                        <td class="text-center"><a class="label bg-green">{{ menu.published }}</a></td>
                        <td class="text-center"><a class="label bg-red">{{ menu.unpublished }}</a></td>
                        <td class="text-center">
                            <i data-url="{{ urlStatus }}" data-status="{{ entity.active ? 'false' : 'true' }}"
                               class="qbcur-status qb-pointer {{ entity.active ? 'qbcore-green fa-check' : 'qbcore-red fa-close' }} fa fa-fw "></i>
                        </td>
                        <td class="text-center">
                            {% if is_granted('ROLE_MENU_NEW') %}
                                <a href="{{ path('qbmenu_item_edit', {menu: entity.id} | merge(paramsUrl)) }}" class="label label-primary new"
                                   style="font-size: 12px;"><i
                                            class="fa fa-plus-circle"></i> {{ 'qbmenu_add_items' | trans({}, 'menu') }}
                                </a>
                            {% endif %}

                            <a href="{{ path('qbmenu_items_index', {menu: entity.id} | merge(paramsUrl)) }}" class="label label-primary new"
                               style="font-size: 12px; margin-left: 15px;"><i
                                        class="fa fa-eye"></i> {{ 'qbmenu_show_items' | trans({}, 'menu') }}</a>
                        </td>
                    </tr>
                {% else %}
                    <tr>
                        <td colspan="5">{{ 'no_records_founds' | trans({}, 'qbabitcore') }}</td>
                    </tr>
                {% endfor %}
                </tbody>
            </table>
        </div>
        <div class="qbcore-tc">{{ knp_pagination_render(entities) }}</div>
    </form>
    <script type="text/javascript">

        function QbabitJavascriptsIndexMenu() {

            jQuery('input[type="checkbox"].minimal, input[type="radio"].minimal').iCheck({
                checkboxClass: 'icheckbox_minimal-blue',
                radioClass: 'iradio_minimal-blue'
            }).trigger('click');

            jQuery('#chkall').on('ifToggled', function () {
                MKLib.checkedCtrl(jQuery(this), '.selitm', function (status, ele) {
                    ele.iCheck(status ? 'check' : 'uncheck');
                });
            });

            jQuery('.selitm').on('ifToggled', function () {
                var _options = jQuery('.qballowdisabled');
                var _this = jQuery(this);
                var length = jQuery('.selitm:checked').length;
                if (length) {
                    _options.removeClass('qbisDisabled');
                } else {
                    _options.addClass('qbisDisabled');
                }
            });

            jQuery('.del').on('click', function (e) {
                e.preventDefault();
                var list = jQuery('#frmsearch .selitm:checked');
                if (list.length) {
                    if (confirm("{{ 'js_eliminar_seleccionados' | trans({}, 'qbabitcore') }}")) {
                        MKLib.AjaxRequest("{{ path('qbmenu_delete') }}", 'frmsearch', function (j) {

                            var status = parseInt(j.status);
                            if (status === 1) {
                                MKLib.deleteItem(j.ids, function () {
                                    MKLib.showMsg('alert-success', "{{ 'js_eliminados_correctamente' | trans({}, 'qbabitcore') }}");
                                }, 'rw');
                            } else {
                                if (status === 2)
                                    MKLib.showMsg('alert-danger', "{{ 'js_acceso_denegado' | trans({}, 'qbabitcore') }}");
                                else
                                    MKLib.showMsg('alert-danger', "{{ 'js_error_eliminar_datos' | trans({}, 'qbabitcore') }}");
                            }
                            MKLib.unlockScreen();

                        }, 'json', 'DELETE');
                    }
                } else
                    MKLib.showMsg('alert-danger', "{{ 'js_seleccionar_elemento' | trans({}, 'qbabitcore') }}");
            });

            MKAjax.setAjaxUpdateForm('frmsearch', '', 'dvupdate', function () {
                //Materialize.updateTextFields();
            });
            MKAjax.paginate('.pagination a, th a, .edit, .new', 'dvupdate', 'frmsearch');

            Util.changeStatusManager("{{ 'js_change_status_successfully' | trans({}, 'qbabitcore') }}", "{{ 'js_change_status' | trans({}, 'qbabitcore') }}", "{{ 'js_seleccionar_elemento' | trans({}, 'qbabitcore') }}", 'frmsearch');

        }


        {% if app.request.isXmlHttpRequest == false %}
        window.addEventListener('load', function () {
            QbabitJavascriptsIndexMenu();
        }, false);
        {% else %}
        jQuery(function () {
            QbabitJavascriptsIndexMenu();
        });
        {% endif %}
    </script>
{% endblock %}