{% block body %}
    {{ render(path('app_catalogos_esh_tabla_valores_new', {'id_determinante': id_determinante})) }}    

        <div class="col-md-12 mt-5">
            <div class="table-responsive mt-5">
                <table id="myTable" class="table table-striped">
                    <thead>
                        <tr class="table-primary">
                            <th>Id</th>
                            {% if id_determinante == 4 %}
                                <th>Posición</th>
                                <th>Descripción</th>
                                <th>Ingresos</th>
                                <th>Gastos</th>
                                <th>Registro</th>
                                <th>% Volumen de ventas</th>    
                            {% elseif id_determinante == 5 %}
                                <th>Descripción</th>
                                <th>Valor</th>
                            {% else %}
                                <th>Posición</th>
                                <th>Descripción</th>
                                <th>Valor</th>
                            {% endif %}

                            
                            
                            <th>Fecha de Creación</th>
                            <th>Fecha de Actualización</th>
                            <th>Acciones</th>
                        </tr>
                    </thead>
                    <tbody class="table-group-divider">
                    {% for esh_tabla_valore in esh_tabla_valores %}
                        <tr>
                            <td>{{ esh_tabla_valore.id }}</td>
                            {% if id_determinante == 4 %}
                                <td>{{ esh_tabla_valore.posicion }}</td>
                                <td>{{ esh_tabla_valore.descripcion }}</td>
                                <td>{{ esh_tabla_valore.ingresos }}</td>
                                <td>{{ esh_tabla_valore.gastos }}</td>
                                <td>{{ esh_tabla_valore.registro }}</td>
                                <td>{{ esh_tabla_valore.volumen_ventas }}
                            {% elseif id_determinante == 5 %}
                                <td>{{ esh_tabla_valore.descripcion }}</td>
                                <td>{{ esh_tabla_valore.valor }}</td>
                            {% else %}
                                <td>{{ esh_tabla_valore.posicion }}</td>
                                <td>{{ esh_tabla_valore.descripcion }}</td>
                                <td>{{ esh_tabla_valore.valor }}</td>
                            {% endif %}
                            <td>{{ esh_tabla_valore.created_at ? esh_tabla_valore.created_at|date('Y-m-d H:i:s') : '' }}</td>
                            <td>{{ esh_tabla_valore.updated_at ? esh_tabla_valore.updated_at|date('Y-m-d H:i:s') : '' }}</td>
                            <td>
                                <a class="btn btn-sm btn-warning edit-link"  title="Editar" data-id="{{ csrf_token('show' ~ esh_tabla_valore.id ) }}" data-url="{{ path('app_catalogos_esh_tabla_valores_show', {'id': esh_tabla_valore.id}) }}" ><i class="fa-solid fa-pencil"></i></a>
                                <a class="btn btn-sm btn-danger delete-link" title="Eliminar" data-id="{{ csrf_token('delete' ~ esh_tabla_valore.id ) }}" data-url="{{ path('app_catalogos_esh_tabla_valores_delete', {'id': esh_tabla_valore.id}) }}" ><i class="fa-solid fa-trash"></i></a>
                            </td>
                        </tr>
                    {% endfor %}
                    </tbody>
                </table>
            </div>
        </div>
    
    <script>
        $(document).ready(function () {
            document.querySelectorAll('.delete-link').forEach(function(element) {
                element.addEventListener('click', function(event) {
                    event.preventDefault(); // Evitar que se siga el enlace
                    const url = this.dataset.url;
                    var token  = $(this).data('id');
                    Swal.fire({
                        title: "¿Esta usted seguro de eliminar el registro?",
                        icon: "warning",
                        showCancelButton: true,
                        confirmButtonColor: "#3085d6",
                        cancelButtonColor: "#d33",
                        confirmButtonText: "Eliminar",
                        cancelButtonText: "Cancelar"
                        }).then((result) => {
                        if (result.isConfirmed) {
                            document.getElementById('loading-overlay').style.display = 'block';
                            $.ajax({
                                url: url,
                                type: 'POST',
                                data: {
                                    _token: token  // Agregar CSRF token para seguridad
                                },
                                success: function(response) {
                                    document.getElementById('loading-overlay').style.display = 'none';
                                    // Al eliminar correctamente, eliminar la fila de la tabla
                                    Swal.fire(
                                        '¡Eliminado!',
                                        'El registro ha sido eliminado.',
                                        'success'
                                    ).then(function() {
                                        // Recargar la página
                                        location.reload();
                                    });
                                },
                                error: function() {
                                    document.getElementById('loading-overlay').style.display = 'none';
                                    Swal.fire(
                                        'Error',
                                        'Hubo un problema al intentar eliminar.',
                                        'error'
                                    );
                                }
                            });
                        }
                    });

                });
            });
            $('#myTable').DataTable({
                language: {
                    url: 'https://cdn.datatables.net/plug-ins/1.13.6/i18n/es-ES.json'
                },
                paging: true,
                searching: true,
                ordering: false,
                destroy: true
            });


            document.querySelectorAll('.edit-link').forEach(function(element) {
                element.addEventListener('click', function(event) {
                    event.preventDefault(); // Evitar que se siga el enlace
                    const url = this.dataset.url;
                    document.getElementById('loading-overlay').style.display = 'block';
                    $.ajax({
                        url: url,
                        type: 'GET',    
                        success: function(response) {
                            document.getElementById('loading-overlay').style.display = 'none';
                            //document.getElementById('esh_tabla_valores_id').value = response.esh_tabla_valore[0].id;
                            document.getElementById('esh_tabla_valores_posicion').value = response.esh_tabla_valore[0].posicion;
                            document.getElementById('esh_tabla_valores_descripcion').value = response.esh_tabla_valore[0].descripcion;
                            document.getElementById('esh_tabla_valores_valor').value = response.esh_tabla_valore[0].valor;               
                            document.getElementById('esh_tabla_valores_ingresos').value = response.esh_tabla_valore[0].ingresos;
                            document.getElementById('esh_tabla_valores_gastos').value = response.esh_tabla_valore[0].gastos;
                            document.getElementById('esh_tabla_valores_registro').value = response.esh_tabla_valore[0].registro;
                            document.getElementById('esh_tabla_valores_volumen_ventas').value = response.esh_tabla_valore[0].volumen_ventas;
                            const idDeterminante = {{ id_determinante }};
                            
                            if (idDeterminante == 4) {
                                document.getElementById('esh_tabla_valores_valor').value = 0;               
                            } else if (idDeterminante == 5) {
                                document.getElementById('esh_tabla_valores_posicion').value = "N/A";
                                document.getElementById('esh_tabla_valores_ingresos').value = 0;
                                document.getElementById('esh_tabla_valores_gastos').value = 0;
                                document.getElementById('esh_tabla_valores_registro').value = 0;
                                document.getElementById('esh_tabla_valores_volumen_ventas').value = 0;
                            } else {
                                document.getElementById('esh_tabla_valores_ingresos').value = 0;
                                document.getElementById('esh_tabla_valores_gastos').value = 0;
                                document.getElementById('esh_tabla_valores_registro').value = 0;
                                document.getElementById('esh_tabla_valores_volumen_ventas').value = 0;
                            }

                            document.getElementById('btnguardar').innerText = "Editar";
                            document.getElementById('btncancelar').style.display = "inline";
                        
                            // Cambiar el action del formulario para que se pueda realizar la edición
                            const editUrl = "{{ path('app_catalogos_esh_tabla_valores_edit', {'id': 'ID_PLACEHOLDER'}) }}".replace('ID_PLACEHOLDER', response.esh_tabla_valore[0].id);
                            document.getElementById('formsavevalue').action = editUrl;

                            $('html, body').animate({ scrollTop: 0 }, 'slow');
                        },
                        error: function() {
                            document.getElementById('loading-overlay').style.display = 'none';
                            Swal.fire(
                                'Error',
                                'Hubo un problema al intentar editar.',
                                'error'
                            );    
                        }
                    });
                });
            });
            
            var cancelButton = document.getElementById('btncancelar');
            if (cancelButton) {
                cancelButton.addEventListener('click', function(event) {
                    event.preventDefault(); // Prevent the default form submission
                    document.getElementById('esh_tabla_valores_posicion').value = '';
                    document.getElementById('esh_tabla_valores_descripcion').value = '';
                    document.getElementById('esh_tabla_valores_valor').value = '';               
                    document.getElementById('esh_tabla_valores_ingresos').value = '';
                    document.getElementById('esh_tabla_valores_gastos').value = '';
                    document.getElementById('esh_tabla_valores_registro').value = '';
                    document.getElementById('esh_tabla_valores_volumen_ventas').value = '';
                    const idDeterminante = {{ id_determinante }};

                    if (idDeterminante == 4) {
                        document.getElementById('esh_tabla_valores_valor').value = 0;               
                    } else if (idDeterminante == 5) {
                        document.getElementById('esh_tabla_valores_posicion').value = "N/A";
                        document.getElementById('esh_tabla_valores_ingresos').value = 0;
                        document.getElementById('esh_tabla_valores_gastos').value = 0;
                        document.getElementById('esh_tabla_valores_registro').value = 0;
                        document.getElementById('esh_tabla_valores_volumen_ventas').value = 0;
                    } else {
                        document.getElementById('esh_tabla_valores_ingresos').value = 0;
                        document.getElementById('esh_tabla_valores_gastos').value = 0;
                        document.getElementById('esh_tabla_valores_registro').value = 0;
                        document.getElementById('esh_tabla_valores_volumen_ventas').value = 0;
                    }

                    const newUrl = "{{ path('app_catalogos_esh_tabla_valores_new', {'id_determinante': id_determinante}) }}";
                    document.getElementById('formsavevalue').action = newUrl;
                    
                    document.getElementById('btnguardar').innerText = "Guardar";
                    document.getElementById('btncancelar').style.display = "none";
                });
            }
        });
    </script>
{% endblock %}