{% extends app.request.isXmlHttpRequest ? '@QbaBitCore/ajax.html.twig' : QbaBitLayoutToExtend('@QbaBitTemplate/adminlte/layout.html.twig', 'backend') %}

{% set tit = 'list_X' | trans({'%name%': 'grupos_zona_envio' | trans({}, 'shipping_method') }, 'qbabitcore') %}
{% set paramsUrl = {'slugSelected': app.request.get('slugSelected')} %}
{% set fake = QbaBitSeoTitle(tit) %}

{% block update %}
    {% set linksCss = [ asset('bundles/qbabittemplate/adminlte/plugins/iCheck/all.css'),
    ] %}
    {% for rs in linksCss %}
        {% set fake = QbaBitAssetsAddCssSource(rs,true) %}
    {% endfor %}
    {{ QbaBitAssetsRenderCssSources(true) | raw }}
    {% set linksJs = [
        asset('bundles/qbabittemplate/adminlte/plugins/iCheck/icheck.js'),
        asset('bundles/qbabitshippingmethods/js/ecommercearbol.js')
    ] %}
    {% for rs in linksJs %}
        {% set fake = QbaBitAssetsAddScriptSource(rs,true) %}
    {% endfor %}
    <div class="box-header with-border">
        <div class="user-block">
            <span class="username" style="margin-left: 0px;"><h3 style="margin-bottom: 0;margin-top: 0;">{{ tit }}</h3></span>
        </div>
        <!-- /.user-block -->
        {% if is_granted('ROLE_GRUPO_ZONA_ENVIO_NEW') or is_granted('ROLE_GRUPO_ZONA_ENVIO_DELETE') %}
            <div class="box-tools">
                <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">
                        <li>
                            {% if is_granted('ROLE_GRUPO_ZONA_ENVIO_NEW') %}
                                <a href="{{ path('qb_grupo_zona_envio_new', paramsUrl) }}" class="new"
                                   style="height: auto;"><i
                                            class="fa fa-plus-square"></i>{{ 'new' | trans({}, 'qbabitcore') }}</a>
                            {% endif %}
                        </li>
                        <li>
                            {% if is_granted('ROLE_GRUPO_ZONA_ENVIO_DELETE') %}
                                <a href="#" class="del"><i
                                            class="fa fa-trash-o"></i>{{ 'delete' | trans({}, 'qbabitcore') }}</a>
                            {% endif %}
                        </li>
                    </ul>
                </div>
            </div>
        {% endif %}
        <!-- /.box-tools -->
    </div>

    <form action="{{ path('qb_grupo_zona_envio_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>{{ 'name' | trans({}, 'qbabitcore') }}</th>
                </tr>
                </thead>
                <tbody>
                {% for qb_grupo in qb_grupos_zona_envio %}
                    <tr id="rw{{ qb_grupo.id }}">
                        <td>
                            <input type="checkbox" name="idcheck[]" value="{{ qb_grupo.id }}"
                                   id="id{{ qb_grupo.id }}" class="selitm minimal"/>
                        </td>
                        <td>
                            {% if is_granted('ROLE_GRUPO_ZONA_ENVIO_EDIT') %}
                                <a href="{{ path('qb_grupo_zona_envio_edit', {'id': qb_grupo.id}) }}"
                                   class="edit">{{ qb_grupo.nombre }}</a>
                            {% else %}
                                {{ qb_grupo.nombre }}
                            {% endif %}
                        </td>
                    </tr>
                {% else %}
                    <tr>
                        <td colspan="10">{{ 'no_records_founds' | trans({}, 'qbabitcore') }}</td>
                    </tr>
                {% endfor %}
                </tbody>
            </table>
        </div>
        <div class="qbcore-tc">{{ knp_pagination_render(qb_grupos_zona_envio) }}</div>
    </form>

    <script type="text/javascript">
        function QbabitJavascripts() {

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

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

            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('qb_grupo_zona_envio_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');

        }

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

{% endblock %}