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

 {% block search_columns %}
     <div class="col-md-11">
         <div class="row">
             <div class="col-md-4">
                 <div class="form-group">
                     {{ form_label(searchForm.env) }}
                     {{ form_widget(searchForm.env) }}
                 </div>
             </div>
             <div class="col-md-4">
                 <div class="form-group">
                     {{ form_label(searchForm.type) }}
                     {{ form_widget(searchForm.type) }}
                 </div>
             </div>
             <div class="col-md-4">
                  <div class="row">
                      <div class="col-md-4">
                          {{ form_widget(searchForm.ok) }}
                      </div>
                      <div class="col-md-4">
                          {{ form_widget(searchForm.warning) }}
                      </div>
                      <div class="col-md-4">
                          {{ form_widget(searchForm.error) }}
                      </div>
                  </div>
             </div>
         </div>

     </div>
     <div class="col-md-1">
         <div class="form-group">
             <label style="display: block;">&nbsp;</label>
             {{ form_row(searchForm.submit) }}
         </div>
     </div>
     <div class="col-xs-12">
         <div class="row">
             <div class="col-md-4">
                 <label class="test_ok">OK : {{ driver.getOkCount }}</label>

             </div>
             <div class="col-md-4">
                 <label class="test_warning">Warnings : {{ driver.getWarningCount }}</label>

             </div>
             <div class="col-md-4">
                 <label class="test_errors">Errores : {{ driver.getErrorCount }}</label>

             </div>
             <div class="col-xs-12">
                 <div class="col-xs-6">Ultima actualizacion</div>
                 <div class="col-xs-6">{{ driver.lastSync }}</div>

             </div>
         </div>
     </div>

 {% endblock %}
{% block dropdown_options %}

        <li class="divider"></li>
        <li>
            <a href="#" data-url="{{ path('qb_stability_logs_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_stability_logs_change_status') }}"
               data-status="false" class="chgstatus  qballowdisabled qbisDisabled"><i
                        class="qbcore-red fa fa-fw fa-close"></i>{{ 'desactivar' | trans({}, 'qbabitcore') }}
            </a>
        </li>

{% endblock %}
 {% block columns %}
     <th>Fecha</th>
     <th>Tipo</th>
     <th>Encabezado</th>
     <th>Contenido</th>
     <th>Parametros</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 }}" class=" {{ qb_language.calcType=="error"?"test_errors": qb_language.calcType=="warning"?"test_warning":"test_ok" }}">
              <td>
                  {{ form_widget(qb_language_row) }}
              </td>

              <td>{{ qb_language.dateLog|date("d-m-Y h:i:s") }}</td>

              <td>{{ qb_language.logType }}</td>
              <td>{{ qb_language.subjectLog }}</td>
              <td>{{ qb_language.content }}</td>
              <td>{{ qb_language.params }}</td>
              <td class="qbcore-tc">
                  <i data-url="{{ path('qb_stability_logs_change_status' ) }}"
                     data-status="{{ qb_language.state ? 'false' : 'true' }}"
                     class="qbcur-status qb-pointer {{ qb_language.state ? '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 %}

      <style>

          .test_ok {
              color: green !important;
          }

          .test_errors {
              color: red !important;
          }

          .test_warning {
              color: #77770a !important;
          }

      </style>
      <script>
          function QbabitLanguageJavascripts() {
              if( $(qba_bit_search_form_env).val()=="")
              $(qba_bit_search_form_env).val('{{ app.environment }}').change();
              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'));
                  }
              });


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



  {% endblock %}