{% extends '@EasyAdmin/default/list.html.twig' %}

{% block table_body %}
    {% for item in paginator.currentPageResults %}
        {% if not easyadmin_is_granted(_entity_config.list.item_permission, item) %}
            {% set _number_of_hidden_results = _number_of_hidden_results + 1 %}
        {% else %}
            {# the empty string concatenation is needed when the primary key is an object (e.g. an Uuid object) #}
            {% set _item_id = '' ~ attribute(item, _entity_config.primary_key_field_name) %}
            <tr data-id="{{ _item_id }}">
                {% if _has_batch_actions %}
                    <td><input type="checkbox" class="form-batch-checkbox" value="{{ _item_id }}"></td>
                {% endif %}
                {% for field, metadata in _fields_visible_by_user %}
                    {% if field == 'image' %}
                        <td class="w-10">
                        {% if item.image %}
                            <a href="#" class="easyadmin-thumbnail" data-featherlight="#easyadmin-lightbox-{{ item.id }}" data-featherlight-close-on-click="anywhere">
                                <img src="{{asset(metadata.base_path ~ '/' ~ item.image)}}">
                            </a>
                            <div id="easyadmin-lightbox-{{ item.id }}" class="easyadmin-lightbox">
                                <img src="{{asset(metadata.base_path ~ '/' ~ item.image)}}">
                            </div>
                        {% else %}
                            <img src="{{asset('img/iconos-piola-generico.png')}}" alt="">
                        {% endif %}
                        </td>
                    {% else %}
                        {% set isSortingField = metadata.property == app.request.get('sortField') %}
                        {% set _column_label =  (metadata.label ?: field|humanize)|trans(_trans_parameters)  %}

                        <td class="{{ isSortingField ? 'sorted' }} {{ metadata.dataType|lower }} {{ metadata.css_class }}" {{ easyadmin_config('design.rtl') ? 'dir="rtl"' }}>
                            {{ easyadmin_render_field_for_list_view(_entity_config.name, item, metadata) }}
                        </td>
                    {% endif %}
                {% endfor %}

                {% if _list_item_actions|length > 0 %}
                    {% set _column_label =  'list.row_actions'|trans(_trans_parameters, 'EasyAdminBundle') %}
                    <td class="actions">
                        {% block item_actions %}
                            {% set _actions_template = _entity_config.list.collapse_actions
                                ? '@EasyAdmin/default/includes/_actions_dropdown.html.twig'
                                : '@EasyAdmin/default/includes/_actions.html.twig'
                            %}
                            {{ include(_actions_template, {
                                actions: _list_item_actions,
                                entity_config: _entity_config,
                                request_parameters: _request_parameters,
                                translation_domain: _entity_config.translation_domain,
                                trans_parameters: _trans_parameters,
                                item_id: _item_id,
                                item: item
                            }, with_context = false) }}
                        {% endblock item_actions %}
                    </td>
                {% endif %}
            </tr>
        {% endif %}
    {% else %}
        <tr>
            <td class="no-results" colspan="{{ _fields_visible_by_user|length + 1 }}">
                {{ 'search.no_results'|trans(_trans_parameters, 'EasyAdminBundle') }}
            </td>
        </tr>
    {% endfor %}

    {% if _number_of_hidden_results > 0 %}
        <tr class="datagrid-row-empty">
            <td class="text-center" colspan="{{ _fields_visible_by_user|length + 1 }}">
                <span class="datagrid-row-empty-message"><i class="fa fa-lock mr-1"></i> {{ 'security.list.hidden_results'|trans({}, 'EasyAdminBundle') }}</span>
            </td>
        </tr>
    {% endif %}

    <style>
        .position_masive{
            color: #5c70d6;
            border: none;
            text-decoration: none;
            background-color: transparent;
        }
        .position_masive:hover{
            outline: 0;
            text-decoration: none;
            color: #09D888;
        }
    </style>
{% endblock table_body %}

{% block body_javascript %}
   {{parent()}}
    <script src="https://code.jquery.com/ui/1.13.2/jquery-ui.js"></script>

    <!--<script>
        $(function() {
            $( ".table tbody" ).sortable({
                start: function(event, ui) {
                    var start_pos = ui.item.index();
                    ui.item.data('start_pos', start_pos);
                    console.log(start_pos)

                },
                change: function(event, ui) {
                    var start_pos = ui.item.data('start_pos');
                    var index = ui.placeholder.index()-1;
                    if(index<=0){
                        console.log(index)
                        index=0
                    }
                    console.log(start_pos)
                    console.log(index)
                },
                update: function(event, ui) {
                
                }
            });
        });
    </script>-->

{% endblock %}