{% extends QbaBitLayoutToExtend('QbaBitCoreBundle:Form:list.html.twig', 'backend') %}
{% set fake = QbaBitAssetsAddCssSource(asset('bundles/qbabitforms/color_picker/bootstrap-colorpicker/css/bootstrap-colorpicker.css'), true) %}
{% set fake = QbaBitAssetsAddScriptSource(asset('bundles/qbabitforms/color_picker/bootstrap-colorpicker/js/bootstrap-colorpicker.js'), true) %}
 {% block messages %}
     {% for tipo, mensajes in app.session.flashbag.all() %}
         {% for mensaje in mensajes %}
             <div class="{{ tipo }}">{{ mensaje }}</div>
         {% endfor %}
     {% endfor %}
 {% endblock %}

 {% block search_columns %}
     <div class="col-md-9">
         <div class="form-group">
             {{ form_label(searchForm.name) }}
             {{ form_widget(searchForm.name) }}
         </div>
     </div>
     <div class="col-md-3">
         <div class="form-group">
             <label style="display: block;">&nbsp;</label>
             {{ form_row(searchForm.submit) }}
         </div>
     </div>

 {% endblock %}
{% block dropdown_base %}
{% endblock %}
    {% set hasPermissionActions = isGrantedInMenuItem(optmenu) %}
{% block dropdown_options %}

    {% if hasPermissionActions or is_granted('ROLE_NOMENCLADORES_NEW') %}
        <li><a href="{{ path('zonasgeograficas_new', paramsUrl) }} " class="new"><i
                        class="fa fa-plus-square"></i>{{ 'nuevo' | trans({}, 'qbabitcore') }}</a></li>
    {% endif %}

    {#{% if hasPermissionActions or is_granted('ROLE_NOMENCLADORES_EDIT') %}#}
    {#<li><a href="#" class="edit"><i#}
    {#class="fa fa-pencil-square-o"></i>{{ 'editar' | trans({}, 'qbabitcore') }}</a>#}
    {#</li>#}
    {#{% endif %}#}

    {% if hasPermissionActions or is_granted('ROLE_NOMENCLADORES_DELETE') %}
        <li><a href="#" class="del qballowdisabled qbisDisabled"><i
                        class="fa fa-trash-o"></i>{{ 'eliminar' | trans({}, 'qbabitcore') }}</a></li>
    {% endif %}

    {% if hasPermissionActions or is_granted('ROLE_NOMENCLADORES_EDIT') %}
        <li class="divider"></li>
        <li>
            <a href="#" data-url="{{ path('nomencladores_status', paramsUrl) | raw }}"
               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('nomencladores_status', paramsUrl) | raw }}"
               data-status="false" class="chgstatus qballowdisabled qbisDisabled"><i
                        class="qbcore-red fa fa-fw fa-close"></i>{{ 'desactivar' | trans({}, 'qbabitcore') }}</a>
        </li>
    {% endif %}
{% endblock %}
     {% set isLevel = optmenu.getMetaDataItem('extra_config', true).isLevel %}
 {% block columns %}

     <th>{{ knp_pagination_sortable(data, 'nombre' | trans({}, 'nomencladoreslevel'), 'c.nombre', {'direction': 'desc'}) }}</th>
     {% if isLevel %}
         <th>{{ 'padre' | trans({}, 'nomencladoreslevel') }}</th>
     {% endif %}
     <th class="qbcore-tc">{{ 'activo' | trans({}, 'nomencladoreslevel') }}</th>

 {% endblock %}
  {% block rows %}

      {% if isLevel %}
          <ol class="breadcrumb">
              <li class="breadcrumb-item"><a href="#" data-id=""
                                             class="bred breadcrumb">{{ 'todas_las_zonas' | trans({}, 'nomencladoreslevel') }}</a>
              </li>
              <li class="breadcrumb-item"><a href="#" data-id="0"
                                             class="bred breadcrumb">{{ 'zonas_raiz' | trans({}, 'nomencladoreslevel') }}</a>
              </li>
              {% set it = 1 %}
              {% set lengthCats = mapCat | length %}
              {% for cat in mapCat %}

                  {% if it < lengthCats %}
                      <li class="breadcrumb-item"><a href="#" data-id="{{ cat.id }}"
                                                     class="bred breadcrumb">{{ cat.nombre }}</a></li>
                  {% else %}
                      <li class="breadcrumb-item active">{{ cat.nombre }}</li>
                  {% endif %}
                  {% set it = it + 1 %}
              {% endfor %}
          </ol>
      {% endif %}
      {{ form_row(searchForm.parent) }}

      {% for qb_nomenclador_row in searchForm.listData.rows %}
          {% set  qb_nomenclador=qb_nomenclador_row.vars.data  %}
          {% set qb_nomenclador_row =qb_nomenclador_row.children["checked"]  %}
          <tr id="rw{{ qb_nomenclador.id }}">
              <td>
                  {{ form_widget(qb_nomenclador_row) }}
              </td>
              <td>
                  {% if isLevel %}
                      <a href="#" data-id="{{ qb_nomenclador.id }}" class="bred">{{ qb_nomenclador.nombre }}</a>
                  {% else %}
                      {% if is_granted(role.edit) %}
                          <a href="{{ path(url.edit,  {'id': qb_nomenclador.id} | merge (paramsUrl)) }}"
                             class="edit">{{ qb_nomenclador.nombre }}</a>
                      {% else %}
                          {{ qb_nomenclador.nombre }}
                      {% endif %}
                  {% endif %}

              </td>
              {% if isLevel %}
                  <td>{{ qb_nomenclador.idpadre ? qb_nomenclador.idpadre.nombre : '' }}</td>
              {% endif %}
              <td class="qbcore-tc">
                  <i data-url="{{ path('nomencladores_status', paramsUrl) | raw }}"
                     data-status="{{ qb_nomenclador.activo ? 'false' : 'true' }}"
                     class="qbcur-status qb-pointer {{ qb_nomenclador.activo ? '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 %}

      {% block postScript %}
          <script>
              function QbabitNomencladorJavascripts() {
                  jQuery('.new').off("click").on('click', function (e) {
                      e.preventDefault();
                      e.stopPropagation();

                      var url = "{{ url(url.new, paramsUrl) }}"+"&parent="+$("#{{ searchForm.vars.id }}").val();
                      MKLib.AjaxUpdate(url, 'dvupdate', '{{ searchForm.vars.id }}');

                  });
                  {% if hasPermissionActions or is_granted('ROLE_NOMENCLADORES_EDIT') %}
                  jQuery('.edit').off("click").on('click', function (e) {
                      e.preventDefault();
                      e.stopPropagation();
                      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 }} .iChecked:checked');
                          if (list.length) {
                              var _firstEle = jQuery(list[0]);

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

                      var t = url;
                      if(t.indexOf("?")===-1)
                          t+="?";
                      else t+="&";
                      t+='status='+status;

                      MKLib.AjaxRequest(t, '{{ 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').off("click").on('click', function (e) {

                      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').off("click").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 %}

                  jQuery('.bred').off("click").on('click', function (e) {
                      e.preventDefault();

                      var _this = jQuery(this);
                      jQuery('#{{ searchForm.name.vars.id }}').val('');

                      jQuery('#{{ searchForm.parent.vars.id }}').val(_this.attr('data-id'));
                      MKLib.AjaxUpdate(jQuery('#{{ searchForm.vars.id }}').attr('action'), 'dvupdate', '{{ searchForm.vars.id }}');
                  });

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





  {% endblock %}