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

{% block title_entity %}
    {{'piolaStore.gemsUser'|trans()}} 
    <br>
    {% set nameGem = '' %}
    {% for item in paginator.currentPageResults %}
        {% set nameGem = item.gem.translate.name %}
    {% endfor %}
    {{nameGem}}
{% endblock %}

{% block table_head %}
    {{ parent() }}
{% endblock table_head %}

{% 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 %}
            {% set _item_id = '' ~ attribute(item, _entity_config.primary_key_field_name) %}
            <tr data-id="{{ _item_id }}">
                {% for field, metadata in _fields_visible_by_user %}
                    {% set isSortingField = metadata.property == app.request.get('sortField') %}
                    {% if field == 'gem' %}
                        <td class="{{ isSortingField ? 'sorted' }} {{ metadata.dataType|lower }} {{ metadata.css_class }}" {{ easyadmin_config('design.rtl') ? 'dir="rtl"' }}>
                            {{item.gem.translate.name}} ----
                        </td>
                    {% else %}
                        <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 %}

    <div class="modal" tabindex="-1" role="dialog" id="modalEnviarRecordatorio">
        <div class="modal-dialog" role="document" style="margin-top: 9rem;">
            <div class="modal-content">
                <div class="modal-body" id='modalBodyError'>
                    <h5 class="text-capitalize mb-2">
                        {{'piolaStore.send_reminder'|trans}}
                    </h5>
                    <p>{{'piolaStore.send_reminder_message'|trans}}</p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary text-capitalize" data-dismiss="modal">{{'Calendar.Cancel'|trans}}</button>
                    <button type="button" class="btn btn-primary text-capitalize" onclick='handleEnviarRecordatorio()'>
                        {{'Send'|trans}}
                        <div class="spinner-border d-none" id="spinner_send_reminder" role="status" >
                            <span class="sr-only">Loading...</span>
                        </div>
                    </button>
                </div>
            </div>
        </div>
    </div>
{% endblock table_body %}

{% block body_javascript %}
    {{parent()}}
    <script>
        var gemUser = '';
        $(document).ready(function () {
            $(".action-send_reminder" ).click(function(event) {
                event.preventDefault();
                const padre = $(this).parent().parent();
                console.log('hola mundo', padre.data('id'))
                gemUser = padre.data('id');
                $('#modalEnviarRecordatorio').modal()
            })
            
        });

        function handleEnviarRecordatorio(){
            $('#spinner_send_reminder').removeClass('d-none')

            __ajax(`/admin/gema/sendreminder`, JSON.stringify({gemUser}), 'POST')
            .done(function (obj) {
                console.log(obj);
                if(obj.code === 200){
                    $('.content-wrapper').before(`<div class="alert alert-success alert-dismissible fade show mt-3 mb-0" role="alert">
                        ${obj.message}
                        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>`)

                }else{
                    $('.content-wrapper').before(`<div class="alert alert-danger alert-dismissible fade show mt-3 mb-0" role="alert">
                        ${obj.message}
                        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>`)
                }
            }).fail(function (jqXHR, textStatus, errorThrown) {
                console.log('Error', jqXHR.responseJSON);
                $('#spinner_send_reminder').addClass('d-none');
            }).always(function () {
                $('#modalEnviarRecordatorio').modal('hide');
                $('#spinner_send_reminder').addClass('d-none');
            });
        }

    </script>
{% endblock %}