{% extends QbaBitLayoutToExtend('QbaBitCoreBundle:Form:list.html.twig', 'backend') %}
{#{% block dropdown_options %}#}
    {#{% if is_granted('ROLE_ESTADOS_DE_PEDIDOS_EDIT') %}#}
        {#<li><a href="#" class="editar"><i#}
                        {#class="fa fa-pencil-square-o"></i>{{ 'editar' | trans({}, 'qbabitcore') }}</a>#}
        {#</li>#}
    {#{% endif %}#}
{#{% endblock %}#}
{% 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 columns %}
    <th>{{ 'name' | trans({}, 'shipping_method') }}</th>
    {% if app.request.get('slugSelected') == "order_status" %}
        <th>{{ 'icono' | trans({}, 'shipping_method') }}</th>
    {% endif %}
    <th class="qbcore-tc">{{ 'send_email_to_client' | trans({}, 'shipping_method') }}</th>
    {% if app.request.get('slugSelected') == "order_status" %}
    <th>{{ 'factura' | trans({}, 'shipping_method') }}</th>
    {% endif %}
{% endblock %}
 {% block rows %}
     {% for qb_status_row_org in searchForm.listData.rows %}
         {% set  qb_status = qb_status_row_org.vars.data  %}
         {% set qb_status_row = qb_status_row_org.children["checked"]  %}

         <tr id="rw{{ qb_status.id }}">
             <td>
                 {{ form_widget(qb_status_row) }}
             </td>
             <td style=" width: 60%">
                 <div style="background-color: #{{ qb_status.color }}; width: fit-content; padding: 0 10px; border-radius: 3px; {% if qb_status.color %}color: #ffffff {% endif %}">
                     {% if is_granted(role.edit) %}
                         <a href="{{ path(url.edit, {'id': qb_status.id}| merge (paramsUrl)) }}"
                            class="edit" style="{% if qb_status.color %}color: #ffffff {% endif %}">{{ qb_status.name }}</a>
                     {% else %}
                         {{ qb_status.name }}
                     {% endif %}
                 </div>
             </td>
             {% if app.request.get('slugSelected') == "order_status" %}
             <td>
                 <div style="padding: 5px; width: fit-content;  border: 1px solid #dddddd;">
                     <img style="width: 16px; height: 16px" src="{{ qb_status.image | imagine_filter('thumb50x50') }}">
                 </div>
             </td>
             {% endif %}
             <td class="qbcore-tc">
                 <i class="{{ qb_status.isSendToClient ? 'qbcore-green fa fa-fw fa-check' : 'qbcore-red fa fa-fw fa-close' }}"></i>
             </td>
             {% if app.request.get('slugSelected') == "order_status" %}
             <td class="qbcore-tc">
                 <i class="{{ qb_status.isAccessToPdfFactura ? 'qbcore-green fa fa-fw fa-check' : 'qbcore-red fa fa-fw fa-close' }}"></i>
             </td>
             {% endif %}
         </tr>
     {% else %}
         <tr>
             <td colspan="12">{{ 'no_records_founds' | trans({}, 'qbabitcore') }}</td>
         </tr>
     {% endfor %}

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

             jQuery('.editar').on('click', function (e) {
                 e.preventDefault();
                 e.stopPropagation();
                     var list = jQuery('#{{ searchForm.vars.id }} .iChecked: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') }}');
                     }
             });
         }
         {% if app.request.isXmlHttpRequest == false %}
         window.addEventListener('load', function () {
             QbabitJavascriptsStatus();
         }, false);
         {% else %}
         jQuery(function () {
             QbabitJavascriptsStatus();
         });
         {% endif %}
     </script>
 {% endblock %}