{% extends QbaBitLayoutToExtend('QbaBitCoreBundle:Form:list_sortable.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 commenttable %}
    <p><i class="fa fa-arrows"></i> {{ 'info_organizar_lista' | trans({}, 'shipping_method') }} </p>
{% endblock %}
{% block columns %}
    <th>{{ 'name' | trans({}, 'shipping_method') }}</th>
    <th>{{ 'descuento' | trans({}, 'shipping_method') }}</th>
    <th>{{ 'by_default' | trans({}, 'shipping_method') }}</th>
{% endblock %}
 {% block rows %}
     {% for qb_grupo_cliente_row_org in searchForm.listData.rows %}
         {% set  qb_grupo_cliente = qb_grupo_cliente_row_org.vars.data  %}
         {% set qb_grupo_cliente_row = qb_grupo_cliente_row_org.children["checked"]  %}

         <tr id="rw{{ qb_grupo_cliente.id }}" data-id="sorted_{{ qb_grupo_cliente.id }}">
             <td>
                 {{ form_widget(qb_grupo_cliente_row) }}
             </td>
             <td style="width: 60%">
                 {% if is_granted(role.edit) %}
                     <a href="{{ path(url.edit, {'id': qb_grupo_cliente.id}) }}"
                        class="edit">{{ qb_grupo_cliente.name }}</a>
                 {% else %}
                     {{ qb_grupo_cliente.name }}
                 {% endif %}
             </td>
             <td>{% if qb_grupo_cliente.descuento %}{{ qb_grupo_cliente.descuento }} %{% else %} - {% endif %}</td>
             <td><input class="changeDefault iChecked" type="radio" id="{{ qb_grupo_cliente.id }}" name="isDefault" {{ qb_grupo_cliente.isDefault ? 'checked="checked"' : '' }} /></td>
         </tr>
     {% else %}
         <tr>
             <td colspan="12">{{ 'no_records_founds' | trans({}, 'qbabitcore') }}</td>
         </tr>
     {% endfor %}

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

             jQuery('.changeDefault').on('ifToggled', function(e){
                 if ($(this).parent().hasClass('checked') == false) {
                     {#if (confirm("{{ 'js_group_option_by_default' | trans({}, 'shipping_method_messages') }}")) {#}
                         MKLib.blockScreen();
                         var id = $(this).attr('id');
                         data = {'id_default': id};
                         $.ajax({
                             url: '{{ path('qb_grupo_cliente_select_default') }}',
                             data: data,
                             type: 'GET',
                             dataType: 'json',
                             success: function (json) {
                                 MKLib.unlockScreen();
                             },
                             error: function (jqXHR, status, error) {
                                 alert('Disculpe, existió un problema');
                             },
                             complete: function (jqXHR, status) {
                                 MKLib.unlockScreen();
                             }
                         });
                     // }
                 }
             });
         }
         {% if app.request.isXmlHttpRequest == false %}
         window.addEventListener('load', function () {
             QbabitJavascriptsGrupoCliente();
         }, false);
         {% else %}
         jQuery(function () {
             QbabitJavascriptsGrupoCliente();
         });
         {% endif %}
     </script>
 {% endblock %}