{% extends QbaBitLayoutToExtend('QbaBitCoreBundle:Form:list.html.twig', 'backend') %}
{% block search_columns %}
    <div class="col-md-8">
        <div class="form-group">
            {{ form_label(searchForm.name) }}
            {{ form_widget(searchForm.name) }}
        </div>
    </div>

    <div class="col-md-2">
        <div class="form-group">
            <label style="display: block;">&nbsp;</label>
            {{ form_row(searchForm.submit) }}
        </div>
    </div>

{% endblock %}
{% block dropdown_options %}
    {% if is_granted(role.edit) %}
        {#<li><a href="#" class="editar"><i#}
                        {#class="fa fa-pencil-square-o"></i>{{ 'editar' | trans({}, 'qbabitcore') }}</a>#}
        {#</li>#}
        {#<li class="divider"></li>#}
        <li>
            <a href="#" data-url="{{ path('qb_maintenance_status') }}"
               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="{{ path('qb_maintenance_status') }}"
               data-status="false" class="chgstatus qballowdisabled qbisDisabled"><i
                        class="qbcore-red fa fa-fw fa-close"></i>{{ 'desactivar' | trans({}, 'qbabitcore') }}
            </a>
        </li>
    {% endif %}
{% endblock %}
{% block columns %}
    <th>{{ 'sitio' | trans({}, 'maintenance') }}</th>
    <th class="qbcore-tc">{{ 'en_mantenimiento' | trans({}, 'maintenance') }}</th>
{% endblock %}
 {% block rows %}
     {% for qb_maintenance_row_org in searchForm.listData.rows %}
         {% set  qb_maintenance=qb_maintenance_row_org.vars.data  %}
         {% set qb_maintenance_row=qb_maintenance_row_org.children["checked"]  %}

         <tr id="rw{{ qb_maintenance.id }}">
             <td>
                 {{ form_widget(qb_maintenance_row) }}
             </td>
             <td>
                 {% if is_granted(role.edit) %}
                     <a href="{{ path(url.edit, {'id': qb_maintenance.id}) }}"
                        class="edit">{{ qb_maintenance.tienda.nombre }}</a>
                 {% else %}
                     {{ qb_maintenance.tienda.nombre }}
                 {% endif %}
             </td>
             <td class="qbcore-tc">
                 <i data-url="{{ path('qb_maintenance_status' ) }}"
                    data-status="{{ qb_maintenance.mantenimiento ? 'false' : 'true' }}"
                    class="qbcur-status qb-pointer {{ qb_maintenance.mantenimiento ? 'qbcore-green fa fa-fw fa-check' : 'qbcore-red fa fa-fw fa-close' }}"></i>
             </td>
         </tr>
     {% else %}
         <tr>
             <td colspan="12">{{ 'no_records_founds' | trans({}, 'qbabitcore') }}</td>
         </tr>
     {% endfor %}

     <script>
         function QbabitMaintenanceJavascripts() {
             {% if is_granted(role.edit) %}
             jQuery('.editar').on('click', function (e) {
                 e.preventDefault();
                 if($(e.target).attr("href")!="#")
                 {
                     var url = $(e.target).attr("href");
                     MKLib.AjaxUpdate(url, 'dvupdate', '{{ searchForm.vars.id }}');
                 }
                 else
                 {
                     var list = jQuery('#{{ searchForm.vars.id }} .selitm:checked');
                     if (list.length) {
                         var _firstEle = jQuery(list[0]);

                         var url = "{{ url(url.edit,{'id': "-1"} | merge (paramsUrl)) }}".replace("-1",_firstEle.val());
                         MKLib.AjaxUpdate(url, 'dvupdate', '{{ searchForm.vars.id }}');
                     } else {
                         MKLib.showMsg('alert-danger', '{{ 'js_seleccionar_elemento' | trans({}, 'messages') }}');
                     }}
             });

             function changeStatus(url, status) {

                 MKLib.AjaxRequest(url+'?status='+status, '{{ searchForm.vars.id }}', function (j) {
                     jQuery('.selitm:checked').each(function (idx, ele) {
                         var _ele = jQuery(ele);
                         _ele.iCheck('uncheck');
                         var icon = _ele.closest('tr').find('i');
                         icon.attr('data-status', !(status == 'true'));

                         if (status == 'true') {
                             icon.removeClass('qbcore-red');
                             icon.removeClass('fa-close');

                             icon.addClass('qbcore-green');
                             icon.addClass('fa-check');
                         }
                         else {
                             icon.removeClass('qbcore-green');
                             icon.removeClass('fa-check');

                             icon.addClass('qbcore-red');
                             icon.addClass('fa-close');
                         }
                     });

                     MKLib.showMsg('alert-success', "{{ 'js_change_status_successfully' | trans({}, 'qbabitcore') }}");
                     MKLib.unlockScreen();
                 }, 'json', 'POST',false);
             }

             jQuery('.qbcur-status').on('click', function () {

                 var _this = jQuery(this);
                 if (confirm('{{ 'js_change_status' | trans({}, 'qbabitcore') }}')) {
                     jQuery('.selitm:checked').iCheck('uncheck');
                     _this.closest('tr').find('.selitm').iCheck('check');
                     changeStatus(_this.attr('data-url'), _this.attr('data-status'));
                 }
             });

             jQuery('.chgstatus').on('click', function () {

                 if(!jQuery('.selitm:checked').length){
                     MKLib.showMsg('alert-danger', "{{ 'js_seleccionar_elemento' | trans({}, 'qbabitcore') }}");
                     return;
                 }

                 var _this = jQuery(this);
                 if (confirm('{{ 'js_change_status' | trans({}, 'qbabitcore') }}')) {
                     changeStatus(_this.attr('data-url'), _this.attr('data-status'));
                 }
             });
             {% endif %}

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

 {% endblock %}