{% extends QbaBitLayoutToExtend('QbaBitCoreBundle:Form:list.html.twig', 'backend') %}

 {% 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_options %}
    {% if is_granted(role.edit) %}
        <li class="divider"></li>
        <li>
            <a href="#" data-url="{{ path('qb_language_change_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_language_change_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>{{ knp_pagination_sortable(data, 'name' | trans({}, 'language'), 'c.name', {'direction': 'desc'}) }}</th>
         <th>{{ 'shortCode' | trans({}, 'language') }}</th>
         <th>{{ 'longCode' | trans({}, 'language') }}</th>
         <th class="qbcore-tc">{{ 'active' | trans({}, 'language') }}</th>

 {% endblock %}
  {% block rows %}
      {% for qb_language_row in searchForm.listData.rows %}
          {% set  qb_language=qb_language_row.vars.data  %}
          {% set qb_language_row =qb_language_row.children["checked"]  %}
          <tr id="rw{{ qb_language.id }}">
              <td>
                  {{ form_widget(qb_language_row) }}
              </td>
              <td>
                  {% if is_granted(role.edit) %}
                      <a href="{{ path(url.edit, {'id': qb_language.id}) }}"
                         class="edit">{{ qb_language.name }}</a>
                  {% else %}
                      {{ qb_language.name }}
                  {% endif %}
              </td>
              <td>{{ qb_language.shortCode }}</td>
              <td>{{ qb_language.longCode }}</td>
              <td class="qbcore-tc">
                  <i data-url="{{ path('qb_language_change_status' ) }}"
                     data-status="{{ qb_language.active ? 'false' : 'true' }}"
                     class="qbcur-status qb-pointer {{ qb_language.active ? '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 QbabitLanguageJavascripts() {
              {% if is_granted(role.edit) %}
              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 () {
                  QbabitLanguageJavascripts();
              }, false);
              {% else %}
              jQuery(function () {
                  QbabitLanguageJavascripts();
              });
          {% endif %}
      </script>



  {% endblock %}