{% extends 'menu/menu.html' %}
{% load static %}

{% block title %} Gestion Productos {% endblock %}


{% block body %}

<div class="row">
    <div class="col-sm-12 d-flex justify-content-end">
        <div class="d-flex align-items-center me-auto">
            <strong>Modificar productos de la tabla:&nbsp;&nbsp;</strong>
            <!-- boton masivas -->
            <div class="btn-group">
                <button type="button" class="btn btn-primary dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">
                    Acciones por montón
                </button>
                <ul class="dropdown-menu">
                    <li><a class="dropdown-item masivasOption" data-type="VIGENCIA" href="#">Vigencia</a></li>
                    <li><a class="dropdown-item masivasOption" data-type="PRECIO" href="#">Precios</a></li>
                    <li><a class="dropdown-item masivasOption" data-type="EXISTENCIA" href="#">Existencia</a></li>
                </ul>
            </div>
        </div>
        <!-- <button type="button" class="btn btn-success btn-sm text-white me-2" id="btnPrecios">Configurar Tipos Precios</button> -->
        <!-- boton 1 -->
        <button type="button" class="btn btn-success btn-sm text-white" id="btnHelpAtender" data-bs-toggle="modal" data-bs-target="#helpModalCerrar" style="display: none;">Ver detalles de
            asistencia</button>
        <!-- boton 2 -->
        <button type="button" class="btn btn-warning btn-sm text-black" id="btnHelp" data-bs-toggle="modal" data-bs-target="#helpModal">¿Necesitas Ayuda?</button>
    </div>
</div>

<br>

<div class="row">

    <div class="col-md-2">
        <div class="form-group">
            <label for=""><b>Categorías de mi Negocio</b></label>
            <ul id="categoria_negocio_list" class="list-group">
                <style>
                    #categoria_negocio_list .list-group-item:hover {
                        background-color: #f0f0f0;
                        cursor: pointer;
                    }
                </style>
                {% for categoria in categorias_negocios %}
                <li class="list-group-item {% if categoria.categoria_principal_value == 1 %} active {% endif %}" data-id="{{ categoria.id_categoria }}" data-name="{{ categoria.categoria_negocio }}">
                    {{ categoria.categoria_negocio }}
                    {% if categoria.categoria_principal_value == 1 %}
                    <span class="badge bg-success">(Principal)</span>
                    {% endif %}
                </li>
                {% endfor %}
                <li class="list-group-item" data-id="0" data-name="TODOS">TODOS</li>
            </ul>
        </div>
        <div class="mt-3">
            <button id="masivasSelectAll" class="btn btn-sm btn-primary w-100 mb-2">Seleccionar Todos</button>
            <button id="masivasSelectAllNo" class="btn btn-sm btn-secondary w-100 mb-2">Deseleccionar Todos</button>
            <button id="markAllProductos" class="btn btn-sm btn-success w-100 mb-2">Marcar Todos</button>
            <button id="unmarkAllProductos" class="btn btn-sm btn-danger w-100">Desmarcar Todos</button>
        </div>
    </div>

    <div class="col-md-10">
        <div class="table-responsive">
            <table class="table table-bordered" id="productosTable" style="width: 100%;">
                <thead>
                    <tr>
                        <th>Seleccionar</th>
                        <th>Producto</th>
                        <th>Imagen</th>
                        <th>Asignar Producto</th>
                        <th>Categorías de Negocio</th>
                        <th>Categoría</th>
                        <th>Grupo</th>
                        <th>Marca</th>
                    </tr>
                </thead>
                <tbody>
                    <!-- Aquí se cargará el contenido con AJAX -->
                </tbody>
            </table>
        </div>
    </div>
</div>

{% include 'productos/control/modales/m_asignar_medidas_presentaciones.html' %}
{% include 'productos/control/modales/m_configuracion_tipos_precios_negocio.html' %}
{% include 'productos/control/modales/m_img_productos.html' %}

<!-- Modal Presentaciones Presentacion Precios -->
<div id="presentacionesPresentacionPreciosModal" class="modal fade" tabindex="-1" aria-labelledby="presentacionesPresentacionPreciosModalLabel" aria-hidden="true" data-bs-keyboard="false"
    style="z-index: 1061;">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header bg-warning">
                <h5 class="modal-title text-black" id="presentacionesPresentacionPreciosModalLabel">
                    CONFIGURAR PRECIOS DE LA PRESENTACIÓN: <strong data-producto></strong>
                </h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <div class="row">
                    <input type="hidden" id="precios_presentacion_equivalencia">
                    <input type="hidden" id="precios_es_maestra">
                    <input type="hidden" id="pk_presentacion_asignacion_maestra">
                    <div class="table-responsive">
                        <table class="table table-sm table-striped table-hover" id="presentacionesPresentacionPreciosTable" style="width: 100%;">
                            <thead>
                                <tr class="bg-primary">
                                    <th class="text-center">Tipo de Precio</th>
                                    <th class="text-center">Valor</th>
                                    <th class="text-center text-wrap">Porc. Rentabilidad</th>
                                    <th class="text-center">Mostrar Cliente</th>
                                </tr>
                            </thead>
                            <tbody>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <div class="d-flex justify-content-end w-100">
                    <button type="button" class="btn btn-success me-2" data-guardar>
                        Guardar precios
                    </button>
                    <button type="button" class="btn btn-dark" data-bs-dismiss="modal">
                        Cerrar
                    </button>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Modal Masivas -->
<div id="masivasModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="masivasModalLabel" aria-hidden="true" data-bs-keyboard="false" data-bs-backdrop="static">
    <div class="modal-dialog modal-dialog-centered modal-fullscreen" role="document">
        <div class="modal-content">
            <div class="modal-header bg-primary">
                <h5 class="modal-title text-white" id="masivasModalLabel">
                    Todos los productos <strong id="masivasModalType"></strong>
                </h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <div class="mb-3">
                    <label for=""><strong>TABLA DE PRODUCTOS</strong></label>
                    <div class="table-responsive mt-3">

                        <!-- MASIVAS VIGENCIA TABLE -->
                        <table class="table table-bordered" id="masivasVigenciaTable" style="width: 100%;">
                            <thead>
                                <tr>
                                    <th>Producto</th>
                                    <th>Imagen</th>
                                    <th>Presentación</th>
                                    <th>Vigencia de la Presentación</th>
                                </tr>
                            </thead>
                            <tbody>
                                <!-- Aquí se cargará el contenido con AJAX -->
                            </tbody>
                        </table>

                        <!-- MASIVAS PRECIO TABLE -->
                        <table class="table table-bordered" id="masivasPrecioTable" style="width: 100%;">
                            <thead>
                                <tr>
                                    <th>Producto</th>
                                    <th>Imagen</th>
                                    <th>Presentación</th>
                                    <th>Configurar Precios de la Presentación</th>
                                </tr>
                            </thead>
                            <tbody>
                                <!-- Aquí se cargará el contenido con AJAX -->
                            </tbody>
                        </table>

                        <!-- MASIVAS EXISTENCIA TABLE -->
                        <table class="table table-bordered" id="masivasExistenciaTable" style="width: 100%;">
                            <thead>
                                <tr>
                                    <th>Producto</th>
                                    <th>Imagen</th>
                                    <th>Presentación</th>
                                    <th>Existencia</th>
                                    <th>Aplicar Nueva Existencia de la Presentación</th>
                                    <th>Existencia del Producto agotada</th>
                                </tr>
                            </thead>
                            <tbody>
                                <!-- Aquí se cargará el contenido con AJAX -->
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <div class="d-flex justify-content-end w-100">
                    <div class="form-group me-auto" data-type="VIGENCIA">
                        <button id="masivasBtnMarkAll" class="btn btn-success">Marcar Vigencia Todos</button>
                        <button id="masivasBtnUnmarkAll" class="btn btn-danger">Desmarcar Vigencia Todos</button>
                    </div>
                    <button type="button" class="btn btn-dark" data-bs-dismiss="modal">
                        Hecho
                    </button>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- No puedes modificar los productos -->
<div id="bloqueoModal" class="modal fade" tabindex="-1" aria-labelledby="bloqueoModalLabel" aria-hidden="true" data-bs-keyboard="false" data-bs-backdrop="static">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="bloqueoModalLabel">
                    Tiene una solicitud de ayuda abierta! <i class="fas fa-exclamation-triangle text-warning"></i>
                </h5>
                <!-- <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> -->
            </div>
            <div class="modal-body">
                <span class="fs-6">Actualmente nos encontramos atendiendo otras solicitudes, pronto resolveremos la suya
                    y podrá recuperar el acceso a esta página.</span>
            </div>
            <div class="modal-footer">
                <button onclick="window.history.back();" class="btn btn-primary">Volver</button>
            </div>
        </div>
        l
    </div>
</div>

<!-- ¿Necesitas ayuda? CERRAR -->
<div class="modal fade" id="helpModalCerrar" tabindex="-1" aria-labelledby="helpModalCerrarLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-fullscreen-sm-down">
        <div class="modal-content">
            <div class="modal-header">
                <!-- title -->
                <h5 class="modal-title" id="helpModalCerrarLabel">Detalles de la asistencia</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <form>
                    <div class="mb-3">
                        <label for="additional-comments" class="form-label">Comentarios del negocio</label>
                        <textarea class="form-control" id="help_cerrar_comentarios_neg" rows="3" readonly></textarea>
                    </div>
                    <div class="mb-3">
                        <strong>Se desea dar por terminada la asistencia técnica solicitada envíe el siguiente
                            formulario.</strong>
                    </div>
                    <div class="mb-3">
                        <label for="additional-comments" class="form-label">Agregue sus comentarios para
                            finalizar</label>
                        <textarea class="form-control" id="help_cerrar_comentarios" rows="3"></textarea>
                    </div>
                    <div class="d-flex justify-content-end">
                        <button type="button" id="help_close" class="btn btn-dark me-2">
                            Cerrar Solicitud de Ayuda
                        </button>
                        <button type="button" class="btn btn-danger" data-bs-dismiss="modal">
                            Cancelar
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>


<!-- ¿Necesitas ayuda? -->
<div class="modal fade" id="helpModal" tabindex="-1" aria-labelledby="helpModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-fullscreen-sm-down">
        <div class="modal-content">
            <div class="modal-header">
                <!-- title -->
                <h5 class="modal-title" id="helpModalLabel">¿Necesitas ayuda?</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <form>
                    <div class="mb-3">
                        <strong>Nosotros tomaremos el control de su negocio. Si envía este formulario usted no estará
                            habilitado para volver a editar esta página hasta que nosotros nos hayamos puesto
                            en contacto de vuelta con usted.</strong>
                    </div>
                    <div class="mb-3">
                        <label for="additional-comments" class="form-label">Explique sus necesidades en este
                            formulario</label>
                        <textarea class="form-control" id="help_comentarios" rows="3"></textarea>
                    </div>
                    <div class="d-flex justify-content-end">
                        <button type="button" id="help_send" class="btn btn-dark me-2">
                            Enviar Solicitud de Ayuda
                        </button>
                        <button type="button" class="btn btn-danger" data-bs-dismiss="modal">
                            Cancelar
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

<style>
    div:where(.swal2-container) {
        /* - modals bootstrap van en la 1060 */
        /* - el modal precios le puse z-index 1061 para mostrarse encima de modal producto */
        z-index: 1062;
    }
</style>
{% endblock %}



{% block scripts %}
<script>
    var toastMixin = Swal.mixin({
        toast: true,
        icon: 'success',
        title: 'General Title',
        animation: false,
        position: 'top-right',
        showConfirmButton: false,
        timer: 2000,
        timerProgressBar: true,
        didOpen: (toast) => {
            toast.addEventListener('mouseenter', Swal.stopTimer)
            toast.addEventListener('mouseleave', Swal.resumeTimer)
        }
    });
</script>

<script>
    $(document).ready(function () {
        // PRESENTACIONES MEDIDA MAESTRA SELECT
        $('#medida_maestra').change(function () {
            if ($(this).val() === '0') {
                $('#presentacionesMedidaMaestraModal').modal('show');
            } else {
            }
        });

        // PRESENTACIONES MEDIDA MAESTRA MODAL CREAR
        $('#presentacionesMedidaMaestraModal').on('hidden.bs.modal', function () {
            if ($('#medida_maestra').val() === '0') {
                // $('#medida_maestra').val('#').trigger('change');
                $('#medida_maestra').val($('#pk_medida_maestra').val()).trigger('change');
            }
        })

        // PRESENTACIONES MEDIDA MAESTRA FORMULARIO
        $('#presentacionesMedidaMaestraModal').find('[data-btn-submit]').on('click', function () {
            addMedidaMaestra()
        });

        function addMedidaMaestra() {
            try {
                $.ajax({
                    url: `{% url 'control_add_medida_maestra' %}`,
                    method: 'POST',
                    data: {
                        csrfmiddlewaretoken: '{{ csrf_token }}',
                        medida_descripcion: $('[name="medida_descripcion"]').val(),
                        abreviatura: $('[name="abreviatura"]').val(),
                        pk_tipo_medida: $('[name="pk_tipo_medida"]').val(),
                    },
                    beforeSend: function (xhr, type) {
                        // loading layer
                        $('#loading').show();
                    }, success: function (data) {
                        if (data.save == 1) {
                            $('#medida_maestra').append(new Option(`${data.medida[0].medida_maestra} - ${data.medida[0].abreviatura}`, data.medida[0].varID, true, true)).trigger('change');

                            $('#presentacionesMedidaMaestraModal').modal('hide');

                            toastMixin.fire({
                                icon: 'success',
                                animation: true,
                                title: 'La medida se ha agregado correctamente!'
                            });

                        } else {
                            Swal.fire("", "Error D1: " + data.error, "error");
                        }
                    },
                    complete: function () {
                        // loading layer
                        $('#loading').hide();
                    }
                });
            } catch (error) {
                Swal.fire("", "Error A: " + error, "error");
            }
        }

        // on change select categoria
        $('#categoriaSelect').change(function () {
            if ($(this).val() === '0') { // 0 es INSERTAR

                // let medida_maestra = $('#medida_maestra').val();

                // if (medida_maestra === '#' || medida_maestra === '0') {
                //     Swal.fire("", "Usted no ha seleccionado una Medida Maestra en el formulario principal", "warning").then((result) => {
                //         if (result.isConfirmed) {
                //             $('#categoriaSelect').val('#').trigger('change');
                //         }
                //     });
                //     return;
                // }

                $('#formCategorias').trigger('reset');
                $('#pnegocioCategoriaModal').modal('show');

            }

            // let option = $(this).find('option:selected');
            // if (option.data('es-constante') == '1' || option.data('es-constante') === 'True') {
            //     $('#presentacionEquivalencia').attr('readonly', true);
            //     $('#presentacionEquivalencia').val(option.data('equivalencia-constante'));
            // } else {
            //     $('#presentacionEquivalencia').attr('readonly', false);
            //     $('#presentacionEquivalencia').val(0);
            // }
        });

        // PRESENTACIONES EMPAQUE SELECT
        $('#presentacionesEmpaqueSelect').change(function () {
            if ($(this).val() === '0') {
                let medida_maestra = $('#medida_maestra').val();

                if (medida_maestra === '#' || medida_maestra === '0') {
                    Swal.fire("", "Usted no ha seleccionado una Medida Maestra en el formulario principal", "warning").then((result) => {
                        if (result.isConfirmed) {
                            $('#presentacionesEmpaqueSelect').val('#').trigger('change');
                        }
                    });
                    return;
                }

                $('#presentacionesEmpaqueModal').modal('show');
            }

            let option = $(this).find('option:selected');
            if (option.data('es-constante') == '1' || option.data('es-constante') === 'True') {
                $('#presentacionEquivalencia').attr('readonly', true);
                $('#presentacionEquivalencia').val(option.data('equivalencia-constante'));
            } else {
                $('#presentacionEquivalencia').attr('readonly', false);
                $('#presentacionEquivalencia').val(0);
            }
        });

        // PRESENTACIONES EMPAQUE MODAL CREAR
        $('#presentacionesEmpaqueModal').on('hidden.bs.modal', function () {
            if ($('#presentacionesEmpaqueSelect').val() === '0') {
                $('#presentacionesEmpaqueSelect').val('#').trigger('change');
            }
        });

        // PRESENTACIONES CREAR EMPAQUE FORMULARIO
        $('#presentacionesEmpaqueModal').find('[data-btn-submit]').on('click', function () {
            addEmpaque()
        });

        function addEmpaque() {
            let medida_maestra = $('#medida_maestra').val();

            try {
                $.ajax({
                    url: `{% url 'control_add_empaque' %}`,
                    method: 'POST',
                    data: {
                        csrfmiddlewaretoken: '{{ csrf_token }}',
                        descripcion_empaque: $('[name="descripcion_empaque"]').val(),
                        fk_medida_maestra: medida_maestra,
                        fk_medida_constante: 0,
                        equivalencia_constante: 0,
                    },
                    beforeSend: function (xhr, type) {
                        // loading layer
                        $('#loading').show();
                    }, success: function (data) {
                        if (data.save == 1 && data.empaque[0].existe != 1) {
                            $('#presentacionesEmpaqueSelect').append(new Option(`${data.empaque[0].presentacion_mayor} (${data.empaque[0].medida_maestra} - ${data.empaque[0].abreviatura})`, data.empaque[0].varID, true, true)).trigger('change');

                            $('#presentacionesEmpaqueModal').modal('hide');

                            toastMixin.fire({
                                icon: 'success',
                                animation: true,
                                title: 'El empaque se ha agregado correctamente!'
                            });

                        }
                        else if (data.save == 1 && data.empaque[0].existe == 1) {
                            Swal.fire("", "El empaque ya existe", "error");
                        }
                        else {
                            Swal.fire("", "Error D2: " + data.error, "error");
                        }
                    },
                    complete: function () {
                        // loading layer
                        $('#loading').hide();
                    }
                });
            } catch (error) {
                Swal.fire("", "Error A: " + error, "error");
            }
        }

        $('#formCategorias').submit(function (e) {
            e.preventDefault();

            let categoria = $('#categoria_nombre').val().trim();
            let icono = $('#categoria_icono').val().trim();
            let fk_negocio = $('#pk_negocio').val();
            let opcion = 1; // insertar

            $.ajax({
                url: "{% url 'insert_update_productos_categorias_grupos' %}",
                type: "POST",
                data: {
                    categoria_id: 0,
                    categoria: categoria,
                    icono: icono,
                    fk_negocio: fk_negocio,
                    opcion: opcion, // insertar
                    csrfmiddlewaretoken: '{{ csrf_token }}'
                },
                beforeSend: function (xhr, type) {
                    // loading layer
                    $('#loading').show();
                },
                success: function (data) {
                    if (data.save == 1) {
                        if (data.existe == 0) {
                            $('#pnegocioCategoriaModal').modal('hide');
                            $('#formCategorias').trigger('reset');
                            // categoria_id = null;
                            // opcion = 1;

                            toastMixin.fire({
                                animation: true,
                                title: 'Categoria Creada!'
                            });

                            fillCategoriasSelect(data.result.varID);
                        } else {
                            Swal.fire("", "Ya existe esta Categoria!", "warning");
                        }

                    } else {
                        Swal.fire("", "Error D: " + data.error, "error");
                    }
                },
                complete: function () {
                    // loading layer
                    $('#loading').hide();
                }
            });


        });

        function addCategoria() {
            let medida_maestra = $('#medida_maestra').val();

            try {
                $.ajax({
                    url: `{# {% url 'control_add_categoria' %} #}`,
                    method: 'POST',
                    data: {
                        csrfmiddlewaretoken: '{{ csrf_token }}',
                        descripcion_categoria: $('[name="descripcion_categoria"]').val(),
                        fk_medida_maestra: medida_maestra,
                        fk_medida_constante: 0,
                        equivalencia_constante: 0,
                    },
                    beforeSend: function (xhr, type) {
                        // loading layer
                        $('#loading').show();
                    }, success: function (data) {
                        if (data.save == 1 && data.empaque[0].existe != 1) {
                            $('#presentacionesEmpaqueSelect').append(new Option(`${data.empaque[0].presentacion_mayor} (${data.empaque[0].medida_maestra} - ${data.empaque[0].abreviatura})`, data.empaque[0].varID, true, true)).trigger('change');

                            $('#presentacionesEmpaqueModal').modal('hide');

                            toastMixin.fire({
                                icon: 'success',
                                animation: true,
                                title: 'El empaque se ha agregado correctamente!'
                            });

                        }
                        else if (data.save == 1 && data.empaque[0].existe == 1) {
                            Swal.fire("", "El empaque ya existe", "error");
                        }
                        else {
                            Swal.fire("", "Error D2: " + data.error, "error");
                        }
                    },
                    complete: function () {
                        // loading layer
                        $('#loading').hide();
                    }
                });
            } catch (error) {
                Swal.fire("", "Error A: " + error, "error");
            }
        }


        // ON CHANGE TIPO PRESENTACION
        $(document).on('change', 'input[name="seleccionar_empaque"]', function () {
            let option = parseInt($(this).val());
            if (option === 1) { // seleccionar empaque
                $('#row-empaque').show();
                $('#row-medida').hide();
            } else if (option === 2) { // medida maestra
                $('#row-medida').show();
                $('#row-empaque').hide();
            }
        });


        // Presentaciones Agregar
        $(document).on('click', '#presentacionesAgregarBtn', function () {
            let medida_maestra = $('#medida_maestra').val();
            let empaque = $('#presentacionesEmpaqueSelect').val();
            let equivalencia = $('#presentacionEquivalencia').val();

            // Validar
            if (medida_maestra === '#' || medida_maestra === '0') {
                Swal.fire("", "Usted no ha seleccionado una Medida Maestra en el formulario principal", "warning");
                return;
            }

            // Validar
            if (empaque === '#' || empaque === '0') {
                Swal.fire("", "Por favor seleccione un Empaque", "warning");
                return;
            }

            // Validar
            if (equivalencia <= 0) {
                Swal.fire("", "Por favor ingrese una equivalencia", "warning");
                return;
            }



            addPresentacion(1,
                $('#pk_producto_negocio').val(),
                medida_maestra);
        });
        // $(document).on('click', '#presentacionesAgregarAsMedidaMaestraBtn', function () {
        //     addPresentacion(2);
        // });

        window.addPresentacion = async function (opcion, producto_negocio, medida) {
            // opcion 1: seleccionando empaque
            // opcion 2: como medida maestra

            let fk_producto_negocio = producto_negocio;
            let medida_maestra = medida;
            let empaque = $('#presentacionesEmpaqueSelect').val();
            let equivalencia = $('[name="presentacionEquivalencia"]').val();
            let es_maestra = 0;
            let costo_medida = $('#costo_medida_maestra').val();
            let calc_porc_rentabilidad = $('#calcular_porc_rentabilidad').val();

            // opcion 2: como medida maestra
            if (opcion === 2) {
                try {
                    empaque = await addOrGetEmpaqueAsMaestra(medida);
                    equivalencia = 1;
                    es_maestra = 1;
                } catch (error) {
                    Swal.fire("", "Error en el sistema al traer el empaque maestro", "warning");
                    return;
                }
            }


            try {
                $.ajax({
                    url: `{% url 'control_add_presentacion' %}`,
                    method: 'POST',
                    data: {
                        csrfmiddlewaretoken: '{{ csrf_token }}',
                        fk_producto_negocio: fk_producto_negocio,
                        fk_empaque: empaque,
                        fk_medida: medida_maestra,
                        equivalencia: equivalencia,
                        es_mayor: 0,
                        es_maestra: es_maestra,
                        // asignaciones
                        costo_medida: costo_medida,
                        existencia: 1,
                        calc_porc_rentabilidad: calc_porc_rentabilidad,
                        vigencia: 0
                    },
                    beforeSend: function (xhr, type) {
                        // loading layer
                        $('#loading').show();
                    }, success: function (data) {
                        if (data.save == 1 && data.presentacion[0].existe != 1) {
                            // AQUI recargar la dataTable
                            fillPresentacionesTable(fk_producto_negocio);

                            if (opcion == 1) {
                                toastMixin.fire({
                                    icon: 'success',
                                    animation: true,
                                    title: 'La presentación se ha agregado correctamente!'
                                });
                            }
                            if (opcion == 2) {
                                toastMixin.fire({
                                    icon: 'success',
                                    animation: true,
                                    title: 'Presentación cargada correctamente!'
                                });

                            }

                        } else if (data.save == 1 && data.presentacion[0].existe == 1) {
                            Swal.fire("", "La presentación ya existe", "error");
                        }
                        else {
                            Swal.fire("", "Error D3: " + data.error, "error");
                        }
                    },
                    complete: function () {
                        // loading layer
                        $('#loading').hide();
                    }
                });
            } catch (error) {
                Swal.fire("", "Error A: " + error, "error");
            }

        }

        function addOrGetEmpaqueAsMaestra(medida_maestra) {
            // let medida_maestra_text = $('#medida_maestra option:selected').text().trim();

            return new Promise((resolve, reject) => {
                $.ajax({
                    url: `{% url 'control_add_empaque' %}`,
                    method: 'POST',
                    data: {
                        csrfmiddlewaretoken: '{{ csrf_token }}',
                        descripcion_empaque: '',
                        fk_medida_maestra: medida_maestra,
                        fk_medida_constante: 0,
                        equivalencia_constante: 0,
                    },
                    beforeSend: function (xhr, type) {
                        // loading layer
                        $('#loading').show();
                    },
                    success: function (data) {
                        if (data.save == 1) {
                            // Aunque ya exista solo retorna el id, lo que interesa es retornar un objeto
                            resolve(data.empaque[0].varID); // Retorna el id desde la respuesta
                        } else {
                            reject('Error en la solicitud: ' + data.error); // Rechaza en caso de error
                            Swal.fire("", "Error S: " + data.error, "error");
                        }
                    },
                    error: function (error) {
                        reject('Error en la solicitud: ' + error); // Rechaza en caso de error
                        Swal.fire("", "Error E: " + error, "error");
                    },
                    complete: function () {
                        // loading layer
                        $('#loading').hide();
                    }
                });
            });
        }
    });
</script>

<script>
    function showImageModal(imageUrl, productName) {
        $('#modalImage').attr('src', imageUrl);
        $('#imageModalLabel').text(productName);
        $('#imageModal').modal('show');
    }

    var solicitud_ayuda_id = null;
    var solicitud_comentarios_negocio = null;
    $(document).ready(function () {
        var buttons = "ftlip";

        var csrfToken = "{{ csrf_token }}";
        var user_id = "{{ user_id }}";
        var tipo_usuario = "{{ tipo_usuario }}";
        var fullName = "{{ fullName }}";
        var negocio = "{{ negocio }}";

        var productosTable, categoria_negocio;

        let selectedCategory = $('.list-group-item.active');
        if (selectedCategory.length) {
            setTimeout(() => {
                selectedCategory.trigger('click');
            }, 500);
        }

        function capitalizeFirstLetter(string) {
            return string.charAt(0).toUpperCase() + string.slice(1).toLowerCase();
        }

        // PRESENTACIONES PRESENTACION PRECIOS TABLE
        var presentacionesPresentacionPreciosTable;

        // function fillPresentacionesPresentacionPreciosTable(producto_negocio_id, negocio, presentacion_negocio, presentacion_mayor) {
        function fillPresentacionesPresentacionPreciosTable(fk_presentacion) {
            $("#presentacionesPresentacionPreciosTable").DataTable().clear().destroy();

            presentacionesPresentacionPreciosTable = $('#presentacionesPresentacionPreciosTable').DataTable({
                initComplete: function () {
                    presentacionesPresentacionPreciosTable.columns.adjust().draw();
                    // calc_porc_rentabilidad_validation(); // Llama al método aquí


                    // calcular_porc_rentabilidad = $('#calcular_porc_rentabilidad').val();
                    // costo_medida_maestra = $('#costo_medida_maestra').val();
                    // costo_medida_maestra = costo_medida_maestra.replace(/,/g, "");

                    // if (calcular_porc_rentabilidad == 1 && costo_medida_maestra> 0) {
                    //     $('.margen-input-maestra, .margen-input-mayor').attr('disabled', false);
                    //     $('.margen-input-maestra, .margen-input-mayor').attr('readonly', false);
                    // } else {
                    //     $('.margen-input-maestra, .margen-input-mayor').attr('disabled', true);
                    //     $('.margen-input-maestra, .margen-input-mayor').attr('readonly', true);
                    // }
                },
                // da absolutamente igual dejarle estos scrolls
                // scrollX: true,
                // scrollCollapse: true,
                // scrollY: '350px',
                pageLength: 50,
                ajax: {
                    beforeSend: function (xhr, type) {
                        // loading layer
                        $('#loading').show();

                        if (!type.crossDomain) {
                            xhr.setRequestHeader(
                                'X-CSRF-Token',
                                $(
                                    'meta[name="csrf-token"]'
                                ).attr('content'));
                        }
                    },
                    url: `{% url 'control_list_precios_x_presentacion_x_producto_x_negocio' %}`,
                    type: "POST",
                    dataSrc: 'data',
                    data: {
                        fk_presentacion: fk_presentacion,
                        csrfmiddlewaretoken: csrfToken
                    },
                    complete: function (data) {
                        // loading layer
                        $('#loading').hide();

                        calc_porc_rentabilidad_validation();
                    }
                },
                // data: [
                //     {
                //         "pk_precio_negocio": 250,
                //         "nombre_precio_negocio": "PRECIO 1",
                //         "valor": "1900.00",
                //         "margen": "0.00",
                //         "mostrar_precio_cliente": 1,
                //         "equivalencia": 0,
                //         "calcular_porc_rentabilidad": 0,
                //         "costo_medida": "100.00",
                //         "costo_presentacion": "0.00",
                //         "fk_medida": 0,
                //         "fk_presentacion_mayor": 1,
                //         "precio_medida_maestra": null,
                //         "estado": 1
                //     },
                //     {
                //         "pk_precio_negocio": 251,
                //         "nombre_precio_negocio": "PRECIO PROMOCIONAL",
                //         "valor": "1899.00",
                //         "margen": "0.00",
                //         "mostrar_precio_cliente": 0,
                //         "equivalencia": 0,
                //         "calcular_porc_rentabilidad": 0,
                //         "costo_medida": "100.00",
                //         "costo_presentacion": "0.00",
                //         "fk_medida": 0,
                //         "fk_presentacion_mayor": 1,
                //         "precio_medida_maestra": null,
                //         "estado": 1
                //     }
                // ],
                dom: 't',
                language: {
                    url: "{% static 'app/json/es-ES.json' %}",
                },
                buttons: [{
                    extend: 'excel',
                    text: '<i class="fas fa-file-excel"></i>',
                    titleAttr: 'Excel',
                    className: 'btn btn-success',
                },
                {
                    extend: 'pdf',
                    text: '<i class="fas fa-file-pdf"></i>',
                    titleAttr: 'PDF',
                    className: 'btn btn-danger',
                },
                {
                    extend: 'print',
                    text: '<i class="fas fa-print"></i>',
                    titleAttr: 'Imprimir',
                    className: 'btn btn-null',
                    orientation: 'landscape'
                }
                ],
                columns: [
                    { data: 'nombre_precio_negocio' },
                    {
                        data: 'valor',
                        render: function (data, type, row) {
                            return `<div class='text-center'><div class='btn-group'><input type="number" class="form-control form-control-sm precio-input-mayor formattedMoneyInputs" data-id="${row.pk_precio_negocio}" data-costo="${row.costo_presentacion}" data-calcular-porc="${row.calcular_porc_rentabilidad}" data-precio-medida-maestra="${row.precio_medida_maestra}" value="${data}"></div></div>`;
                        }
                    },
                    {
                        data: 'margen',
                        render: function (data, type, row) {
                            return `<div class='text-center'><div class='btn-group'><input type="number" class="form-control form-control-sm margen-input-mayor formattedMoneyInputs" data-id="${row.pk_precio_negocio}" data-costo="${row.costo_presentacion}" data-calcular-porc="${row.calcular_porc_rentabilidad}" data-precio-medida-maestra="${row.precio_medida_maestra}" value="${data}" ${row.calcular_porc_rentabilidad != 1 ? 'readonly disabled' : ''}></div></div>`;
                        }
                    },
                    {
                        data: "mostrar_precio_cliente",
                        "render": function (data, type, row) {
                            return `<div class='text-center'><div class='btn-group'><input type="checkbox" class="checkbox-precio-cliente"
                                data-id="${row.pk_precio_negocio}"
                                ${data == 1 ? 'checked' : ''}></div></div>`;
                        }
                    },
                ]
            });

            // // visual
            // $('#presentacionesPresentacionPreciosModal').on('shown.bs.modal', function () {
            //     // presentacionesPresentacionPreciosTable.columns.adjust().draw();
            // });

        }

        // MASIVAS PRESENTACION VIGENCIA DESMARCAR TODOS CLICK
        $('#masivasBtnUnmarkAll').on('click', async function () {
            // Recorre todos los checkboxes y aplica la lógica
            const checkboxes = $('.masivasPresentacionVigenciaCheckbox');
            for (const checkbox of checkboxes) {
                $(checkbox).prop('checked', false); // Marca el checkbox
                await vigenciaChange(checkbox, false, false); // Procesa sin mostrar toast
            }

            toastMixin.fire({
                icon: 'success',
                animation: true,
                title: 'Todos los elementos han sido desmarcados!'
            });
        });

        // MASIVAS PRESENTACION VIGENCIA MARCAR TODOS CLICK
        $('#masivasBtnMarkAll').on('click', async function () {
            // Recorre todos los checkboxes y aplica la lógica
            const checkboxes = $('.masivasPresentacionVigenciaCheckbox');
            for (const checkbox of checkboxes) {
                $(checkbox).prop('checked', true); // Marca el checkbox
                await vigenciaChange(checkbox, false, false); // Procesa sin mostrar toast
            }

            toastMixin.fire({
                icon: 'success',
                animation: true,
                title: 'Todos los elementos han sido marcados!'
            });
        });

        // MASIVAS PRESENTACION VIGENCIA CHECKBOX CLICK
        $(document).on('click', '.masivasPresentacionVigenciaCheckbox', function () {
            vigenciaChange(this, false, true);
        });

        // PRESENTACIONES PRESENTACION VIGENCIA CHECKBOX CHANGE
        $(document).on('change', '.presentacionesPresentacionVigenciaCheckbox', function () {
            vigenciaChange(this, true, true)
        });

        function vigenciaChange(checkbox, controlPrecio, mostrarToast) {
            return new Promise((resolve, reject) => {
                let row = $(checkbox).closest('tr');
                // let producto_negocio = $(checkbox).data('id');
                // let presentaciones = (await getPresentacionesProductoNegocio(producto_negocio)).data;

                // let rowData = presentaciones.
                //     find(row => row.pk_presentacion_asignacion === $(checkbox).data('pk-presentacion-assigns'));
                // let rowData = $('#presentacionesTable').DataTable().row(row).data();
                // asumiendo que table siempre sera una tabla de presentaciones y no de otro endpoint
                let table = row.closest('table');
                let rowData = table.DataTable().row(row).data();
                let pk_presentacion_assigns = rowData.pk_presentacion_asignacion;

                // var id = $(this).data('id');
                let vigencia = $(checkbox).is(':checked') ? 1 : 0;

                $.ajax({
                    url: `{% url 'control_marcar_presentacion_vigencia' %} `,
                    type: 'POST',
                    data: {
                        pk_presentacion: pk_presentacion_assigns,
                        vigencia: vigencia,
                        csrfmiddlewaretoken: csrfToken
                    },
                    beforeSend: function (xhr, type) {
                        // loading layer
                        $('#loading').show();
                    },
                    success: async function (data) {
                        // loading layer
                        $('#loading').hide();

                        if (data.save == 1) {

                            if (mostrarToast) {
                                toastMixin.fire({
                                    icon: 'success',
                                    animation: true,
                                    title: 'Nueva Vigencia definida para la Presentación del producto!'
                                });
                            }

                            // SI SE ACTIVÓ LA VIGENCIA EN ESTE CASO DE ONCHANGE
                            if (vigencia === 1 && controlPrecio) {
                                let dataPrecios = await getPreciosPresentacion(pk_presentacion_assigns)

                                // si el precio que se muestra al cliente es 0
                                if (
                                    dataPrecios.some(precio => precio.mostrar_precio_cliente === 1 && (precio.valor === "0.00" || precio.valor === 0.00))
                                ) {

                                    Swal.fire({
                                        title: 'Verifique los precios de la presentación!',
                                        text: "El precio de la presentación tiene un valor de 0!",
                                        icon: 'warning',
                                        // showCancelButton: true,
                                        confirmButtonText: 'OK, Configurar Precios',
                                        // cancelButtonText: 'No en este momento',
                                    }).then((result) => {
                                        if (result.isConfirmed) {
                                            let pk_presentacion_asignacion_maestra = table.DataTable()
                                                .rows()
                                                .data()
                                                .toArray()
                                                .find(row => row.es_maestra && row.fk_producto_negocio === rowData.fk_producto_negocio)
                                                ?.pk_presentacion_asignacion;

                                            showPresentacionesPresentacionPreciosModal(rowData, pk_presentacion_asignacion_maestra);
                                        }
                                    });

                                }
                            }


                        } else {
                            Swal.fire("", "Error D4: " + data.error, "error");
                        }

                        resolve(data); // Retorna la data de la view
                    },
                    error: function (error) {
                        // loading layer
                        $('#loading').hide();

                        reject('Error en la solicitud: ' + error); // Rechaza en caso de error
                        Swal.fire("", "Error E: " + error, "error");
                    }
                });

            });
        }

        // GET PRECIOS PRESENTACION
        function getPreciosPresentacion(pk_presentacion_assigns) {
            return new Promise((resolve, reject) => {
                try {
                    $.ajax({
                        url: `{% url 'control_list_precios_x_presentacion_x_producto_x_negocio' %}`,
                        method: 'POST',
                        data: {
                            fk_presentacion: pk_presentacion_assigns,
                            csrfmiddlewaretoken: csrfToken
                        },
                        beforeSend: function (xhr, type) {
                            // loading layer
                            $('#loading').show();
                        }, success: function (data) {
                            if (data.data) {
                                // toastMixin.fire({
                                //     icon: 'success',
                                //     animation: true,
                                //     title: 'Producto Asignado!'
                                // });

                                resolve(data.data); // Retorna la data de la view
                            } else {
                                reject('Error en la solicitud: ' + data.error); // Rechaza en caso de error
                                Swal.fire("", "Error D5: " + data.error, "error");
                            }
                        },
                        error: function (error) {
                            reject('Error en la solicitud: ' + error); // Rechaza en caso de error
                            Swal.fire("", "Error E: " + error, "error");
                        },
                        complete: function () {
                            // loading layer
                            $('#loading').hide();
                        }
                    });
                } catch (error) {
                    Swal.fire("", "Error A: " + error, "error");
                }
            });
        }

        // MASIVAS PRODUCTO PRESENTACION BOTON CONFIGURAR PRECIOS CLICK
        // $(document).on('click', '.masivasProductoPresentacionConfigurarPrecioBtn', function () {
        //     let row = $(this).closest('tr');
        //     let rowData = $('#masivasPrecioTable').DataTable().row(row).data();

        //     // va a salir malo hace falta el pk presentacion assign
        //     showPresentacionesPresentacionPreciosModal(rowData);
        // });

        // PRESENTACIONES PRESENTACION BOTON CONFIGURAR PRECIOS CLICK
        $(document).on('click', '.presentacionesPresentacionConfigurarPrecioBtn, .masivasPresentacionConfigurarPrecioBtn', function () {
            let pk_presentacion = $(this).data('pk-presentacion');
            let row = $(this).closest('tr');
            let table = row.closest('table');
            let rowData = table.DataTable().row(row).data();

            let pk_presentacion_asignacion_maestra = table.DataTable()
                .rows()
                .data()
                .toArray()
                .find(row => row.es_maestra && row.fk_producto_negocio === rowData.fk_producto_negocio)
                ?.pk_presentacion_asignacion;

            showPresentacionesPresentacionPreciosModal(rowData, pk_presentacion_asignacion_maestra);
        });

        function showPresentacionesPresentacionPreciosModal(rowData, pk_presentacion_asignacion_maestra) {
            $('#presentacionesPresentacionPreciosModal').modal('show');
            $('#presentacionesPresentacionPreciosModal').find('[data-producto]').text(rowData.presentacion_descripcion);
            $('#presentacionesPresentacionPreciosModal').find('#precios_presentacion_equivalencia').val(rowData.equivalencia);
            $('#presentacionesPresentacionPreciosModal').find('#precios_es_maestra').val(rowData.es_maestra ? 1 : 0);
            $('#presentacionesPresentacionPreciosModal').find('#pk_presentacion_asignacion_maestra').val(pk_presentacion_asignacion_maestra);
            fillPresentacionesPresentacionPreciosTable(rowData.pk_presentacion_asignacion);
        }

        // Guardar presentacion precios
        $('#presentacionesPresentacionPreciosModal').find('[data-guardar]').on('click', function () {
            savePresentacionPrecios();
        });

        async function savePresentacionPrecios() {
            let precios = [];
            let es_maestra = $('#precios_es_maestra').val() == 1 ? true : false;
            let pk_presentacion_asignacion_maestra = $('#pk_presentacion_asignacion_maestra').val();

            let costo_medida_maestra = parseFloat($('#costo_medida_maestra').val()) || 0;
            let equivalencia = parseFloat($('#precios_presentacion_equivalencia').val().replace(/,/g, "")) || 1;
            let costo_presentacion = (costo_medida_maestra * equivalencia) || 0;

            let precio1 = 0;
            let precioPromocional = 0;

            $('#presentacionesPresentacionPreciosTable tbody tr').each(function () {
                let row = $(this);
                let pk_precio_negocio = row.find('.precio-input-mayor').data('id');
                let precio = parseFloat(row.find('.precio-input-mayor').val()) || 0;
                let margen = parseFloat(row.find('.margen-input-mayor').val()) || 0;

                let nombrePrecio = row.find('td').eq(0).text().trim();

                // Capturar valor de Precio 1 en Presentación
                if (nombrePrecio === 'PRECIO 1') {
                    precio1 = precio;
                } else if (nombrePrecio === 'PRECIO PROMOCIONAL') {
                    precioPromocional = precio;
                }

                // console.log(costo_presentacion_mayor);
                // console.log(valor);


                // if (valor == 0 && nombrePrecio === 'PRECIO 1') {
                //     Swal.fire("", "El Precio 1 de la Presentación Mayor NO puede ser 0", "warning");
                //     isValidToSavePresentacion = false;
                //     return false;
                // }

                precios.push({
                    pk_precio_negocio: pk_precio_negocio,
                    valor: precio,
                    margen: margen,
                });
            });

            // let precio_presentacion = precio1 * equivalencia;
            // let precio_promocional_presentacion = precioPromocional * equivalencia;

            // -'precio 1 * equivalencia' presentacion no puede ser menor al 'costo medida maestra * equivalencia'
            // if (costo_presentacion>= precio_presentacion && costo_presentacion != 0 && nombrePrecio === 'PRECIO 1') {
            if (precio1 <= costo_presentacion) {
                Swal.fire("", "El Precio 1 no puede ser menor o igual al costo de la presentación", "warning");
                return; // Corta el save si no es válido el control precio
            }

            // -'precio promocional' no puede ser mayor o igual al 'precio 1'
            if (precioPromocional >= precio1) {
                Swal.fire("", "El Precio Promocional no puede ser mayor o igual al Precio 1", "warning");
                return; // Corta el save si no es válido el control precio
            }

            if (!es_maestra) {
                // let dataPresentacionMaestra = $('#presentacionesTable').DataTable().rows().data().toArray().find(row => row.es_maestra);
                let dataPreciosMaestra = await getPreciosPresentacion(pk_presentacion_asignacion_maestra)
                let dataPrecio1Maestra = dataPreciosMaestra.find(precio => precio.nombre_precio_negocio === 'PRECIO 1');

                let precio1Maestra = parseFloat(dataPrecio1Maestra.valor);
                let techoPrecio1 = precio1Maestra * equivalencia;

                // -'precio 1' presentaciones no puede ser mayor que 'precio 1 maestra * equivalencia'
                if (precio1 >= techoPrecio1) {
                    Swal.fire("", "El Precio 1 no puede ser mayor o igual que " + techoPrecio1 + "<br><b>(Precio 1 de la Medida Maestra * Equivalencia de " + equivalencia + ")</b>", "warning");
                    return; // Corta el save si no es válido el control precio
                }
            }

            try {
                $.ajax({
                    url: `{% url 'control_set_precios_presentacion' %}`,
                    method: 'POST',
                    data: {
                        csrfmiddlewaretoken: '{{ csrf_token }}',
                        preciosPresentacion: JSON.stringify(precios),
                    },
                    beforeSend: function (xhr, type) {
                        // loading layer
                        $('#loading').show();
                    }, success: function (data) {
                        if (data.save == 1) {
                            // Ocultar el modal de precios de la presentacion
                            // mejor no
                            // $('#presentacionesPresentacionPreciosModal').modal('hide');

                            toastMixin.fire({
                                icon: 'success',
                                animation: true,
                                title: 'Los precios se han guardado correctamente!'
                            });
                        }
                        else {
                            Swal.fire("", "Error D6: " + data.error, "error");
                        }
                    },
                    complete: function () {
                        // loading layer
                        $('#loading').hide();
                    }
                });
            } catch (error) {
                Swal.fire("", "Error A: " + error, "error");
            }
        }

        // PRESENTACIONES PRESENTACION BOTON ELIMINAR PRESENTACION CLICK
        $(document).on('click', '.presentacionesPresentacionEliminarBtn', function () {
            let pk_presentacion = $(this).data('pk-presentacion');
            let fk_producto_negocio = $('#pk_producto_negocio').val();
            let row = $(this).closest('tr');
            let rowData = $('#presentacionesTable').DataTable().row(row).data();

            try {
                $.ajax({
                    url: `{% url 'control_remove_presentacion' %}`,
                    method: 'POST',
                    data: {
                        csrfmiddlewaretoken: '{{ csrf_token }}',
                        pk_presentacion: pk_presentacion,
                    },
                    beforeSend: function (xhr, type) {
                        // loading layer
                        $('#loading').show();
                    }, success: function (data) {
                        if (data.save == 1) {
                            // AQUI recargar la dataTable
                            fillPresentacionesTable(fk_producto_negocio);

                            toastMixin.fire({
                                icon: 'success',
                                animation: true,
                                title: 'La presentación se ha eliminado correctamente!'
                            });
                        }
                        else {
                            Swal.fire("", "Error D7: " + data.error, "error");
                        }
                    },
                    complete: function () {
                        // loading layer
                        $('#loading').hide();
                    }
                });
            } catch (error) {
                Swal.fire("", "Error A: " + error, "error");
            }
        });


        // ¿Necesitas ayuda?
        function closeSolicitudAyuda() {
            try {
                $.ajax({
                    url: `{% url 'control_add_solicitud_ayuda' %}`,
                    method: 'POST',
                    data: {
                        csrfmiddlewaretoken: csrfToken,
                        solicitud_id: solicitud_ayuda_id,
                        terminado: 1,
                        comentarios_terminado: document.getElementById('help_cerrar_comentarios').value,
                    },
                    beforeSend: function (xhr, type) {
                        // loading layer
                        $('#loading').show();
                    }, success: function (data) {
                        if (data.save == 1) {
                            window.history.back();
                            $('#helpModalCerrar').modal('hide');

                            toastMixin.fire({
                                icon: 'success',
                                animation: true,
                                title: 'La atención se ha completado correctamente!'
                            });

                        } else {
                            Swal.fire("", "Error D8: " + data.error, "error");
                        }
                    },
                    complete: function () {
                        // loading layer
                        $('#loading').hide();
                    }
                });
            } catch (error) {
                Swal.fire("", "Error A: " + error, "error");
            }
        }

        // Mostrar bloqueoModal
        function showBloqueoModal() {
            $('#bloqueoModal').modal('show');
        }

        function getAyudas() {
            try {
                $.ajax({
                    url: `{% url 'control_get_solicitud_ayuda' negocio=negocio %}`,
                    method: 'GET',
                    beforeSend: function (xhr, type) {
                        // loading layer
                        $('#loading').show();
                    }, success: function (data) {
                        // console.log(data);

                        if (data.data.length > 0) { // HAY UNA SOLICITUD PENDIENTE
                            solicitud_ayuda_id = data.data[0].id;
                            solicitud_comentarios_negocio = data.data[0].comentarios;
                            $('#help_cerrar_comentarios_neg').val(solicitud_comentarios_negocio);
                            // console.log(solicitud_ayuda_id);
                            // console.log(data.data[0].id);

                            $('#btnHelpAtender').show(); //Botón cerrar ayuda

                            if (tipo_usuario != 1) {
                                showBloqueoModal(); // Modal su negocio está bloqueado
                            }
                        }

                        // if (data) {
                        //     // stuff
                        // } else {
                        //     Swal.fire("", "Error D9: " + data.error, "error");
                        // }
                    },
                    complete: function () {
                        // loading layer
                        $('#loading').hide();
                    }
                });
            } catch (error) {
                Swal.fire("", "Error A: " + error, "error");
            }
        }
        //Se ejecuta al cargar la página
        getAyudas();

        // Enviar ¿necesitas ayuda?
        $('#help_close').on('click', function () {
            closeSolicitudAyuda();
        });

        // Enviar ¿necesitas ayuda?
        $('#help_send').on('click', function () {
            addSolicitudAyuda();
        });

        // ¿Necesitas ayuda?
        function addSolicitudAyuda() {
            try {
                $.ajax({
                    url: `{% url 'control_add_solicitud_ayuda' %}`,
                    method: 'POST',
                    data: {
                        solicitud_id: 0,
                        negocio_id: negocio,
                        comentarios: document.getElementById('help_comentarios').value,
                        terminado: 0,
                        comentarios_terminado: '',
                        csrfmiddlewaretoken: csrfToken
                    },
                    beforeSend: function (xhr, type) {
                        // loading layer
                        $('#loading').show();
                    }, success: function (data) {
                        if (data.save == 1) {
                            location.reload();
                            $('#helpModal').modal('hide');

                            toastMixin.fire({
                                icon: 'success',
                                animation: true,
                                title: 'La solicitud se ha enviado correctamente!'
                            });

                        } else {
                            Swal.fire("", "Error D10: " + data.error, "error");
                        }
                    },
                    complete: function () {
                        // loading layer
                        $('#loading').hide();
                    }
                });
            } catch (error) {
                Swal.fire("", "Error A: " + error, "error");
            }
        }

        // Función para manejar el clic en una categoría
        $('#categoria_negocio_list').on('click', '.list-group-item', function () {
            // Quitar la clase activa de la categoría previamente seleccionada
            selectedCategory.removeClass('active bg-info text-white');

            // Marcar la categoría seleccionada como activa
            $(this).addClass('active bg-info text-white');

            // Actualizar la categoría seleccionada
            selectedCategory = $(this);
            categoria_negocio = $(this).data('id');

            fillProductosCategoria(categoria_negocio);
        });

        function fillProductosCategoria(categoria_negocio) {
            $("#productosTable").DataTable().clear().destroy();

            productosTable = $('#productosTable').DataTable({
                initComplete: function () {
                    productosTable.columns.adjust().draw();
                },
                scrollX: true,
                scrollCollapse: true,
                scrollY: '350px',
                pageLength: 50,
                ajax: {
                    beforeSend: function (xhr, type) {
                        // loading layer
                        $('#loading').show();

                        if (!type.crossDomain) {
                            xhr.setRequestHeader(
                                'X-CSRF-Token',
                                $(
                                    'meta[name="csrf-token"]'
                                ).attr('content'));
                        }
                    },
                    url: `{% url 'control_list_productos_x_negocio' %}`,
                    type: "POST",
                    dataSrc: 'data',
                    data: {
                        negocio: negocio,
                        categoria_negocio: categoria_negocio,
                        csrfmiddlewaretoken: csrfToken
                    },
                    complete: function (data) {
                        // loading layer
                        $('#loading').hide();
                    }
                },
                dom: buttons,
                language: {
                    url: "{% static 'app/json/es-ES.json' %}",
                },
                buttons: [{
                    extend: 'excel',
                    text: '<i class="fas fa-file-excel"></i>',
                    titleAttr: 'Excel',
                    className: 'btn btn-success',
                },
                {
                    extend: 'pdf',
                    text: '<i class="fas fa-file-pdf"></i>',
                    titleAttr: 'PDF',
                    className: 'btn btn-danger',
                },
                {
                    extend: 'print',
                    text: '<i class="fas fa-print"></i>',
                    titleAttr: 'Imprimir',
                    className: 'btn btn-null',
                    orientation: 'landscape'
                }
                ],
                order: [[3, 'asc']], // Configuración de orden por defecto
                columns: [
                    {
                        data: null,
                        render: function (data, type, row) {
                            // está asignado?
                            if (row.assigned_producto_negocio == 1) {
                                return `<div class='text-center'><div class='btn-group'><input type="checkbox" class="masivasCheckbox"></div></div>`;
                            } else {
                                return ''
                            }
                        }
                    },
                    { data: 'nombre_producto' },
                    {
                        data: 'imagen',
                        render: function (data, type, row) {
                            return `<img src="${row.imagen}" class="img-thumbnail image-clickable" style="width: 70px; height: 70px; object-fit: cover;" onclick="showImageModal('${row.imagen}', '${row.nombre_producto}')">`;
                        }
                    },
                    {
                        data: 'assigned_producto_negocio',
                        render: function (data, type, row) {
                            if (data == 1) {
                                // Si el producto ya está asignado, mostrar botones
                                return `
                                    <div class='text-center'><div class='btn-group'>
                                        <button class="btn btn-success btn-sm btnPresentacionesNegocio" title="Configurar Presentaciones"
                                                data-producto-id="${row.pk_producto_negocio}" 
                                                data-codigo-producto="${row.codigo_producto_negocio}"
                                                data-pk-negocio="${row.fk_negocio}"
                                                data-pk-grupo="${row.pk_grupo}"
                                                data-pk-categoria="${row.pk_categoria}"
                                                data-imagen-producto="${row.imagen}"
                                                data-medida-maestra="${row.fk_medida}"
                                                data-medida-maestra-text="${row.medida_maestra}"
                                                data-pk-presentacion-maestra="${row.pk_producto_presentacion_maestra}"
                                                data-costo-medida-maestra="${row.costo_medida_maestra}"
                                                data-calcular-porc-rentabilidad="${row.calcular_porc_rentabilidad}"

                                                data-pk-presentacion-mayor="${row.pk_producto_presentacion_mayor}"
                                                data-presentacion-mayor="${row.fk_presentacion_mayor}"
                                                data-equivalencia="${row.equivalencia}"
                                       >
                                            <i class="material-icons">settings</i>
                                        </button>
                                        <button class="btn btn-danger btn-sm btnRemoveProductoNegocio" data-producto-id="${row.pk_producto_negocio}" title="Eliminar">
                                            <i class="material-icons">delete</i>
                                        </button>
                                    </div></div>
                                `;
                            } else {
                                // Si el producto no está asignado, mostrar checkbox
                                return `<div class='text-center'><div class='btn-group'>
                                            <input type="checkbox" class="assign-product-checkbox" 
                                                data-producto-id="${row.pk_producto_negocio}" 
                                                data-medida-maestra="${row.fk_medida}"
                                                data-medida-maestra-text="${row.medida_maestra}"
                                                data-codigo-producto="${row.codigo_producto_negocio}"
                                                data-pk-presentacion-mayor="${row.pk_producto_presentacion_mayor}"
                                                data-presentacion-mayor="${row.fk_presentacion_mayor}"
                                                data-equivalencia="${row.equivalencia}"
                                        >
                                            </div></div>`;
                            }
                        }
                    },
                    { data: 'tipos_negocios' },
                    { data: 'categoria' },
                    { data: 'grupo' },
                    { data: 'marca' },
                ]
            });
        }


        fillProductosCategoria();

        var shouldReload = true;

        $('#btnHelp').click(function (e) {
            e.preventDefault();

            // productosTable.ajax.reload();
        });

        function addProductoNegocio(pk_producto, codigo_producto, medida_maestra, presentacion_mayor, equivalencia, negocio) {
            return new Promise((resolve, reject) => {
                try {
                    $.ajax({
                        url: `{% url 'control_add_producto_x_negocio' %}`,
                        method: 'POST',
                        data: {
                            pk_producto: pk_producto,
                            codigo_producto: codigo_producto,
                            medida_maestra: medida_maestra,
                            presentacion_mayor: presentacion_mayor,
                            equivalencia: equivalencia,
                            negocio: negocio,
                            csrfmiddlewaretoken: csrfToken
                        },
                        beforeSend: function (xhr, type) {
                            // loading layer
                            $('#loading').show();
                        }, success: function (data) {
                            if (data.save == 1) {
                                toastMixin.fire({
                                    icon: 'success',
                                    animation: true,
                                    title: 'Producto Asignado!'
                                });
                                // Recargar la tabla solo si la variable shouldReload es verdadera
                                if (shouldReload) {
                                    productosTable.ajax.reload();
                                }

                                resolve(data.pk_producto_negocio); // Retorna el id desde la respuesta
                            } else {
                                reject('Error en la solicitud: ' + data.error); // Rechaza en caso de error
                                Swal.fire("", "Error D11: " + data.error, "error");
                            }
                        },
                        error: function (error) {
                            reject('Error en la solicitud: ' + error); // Rechaza en caso de error
                            Swal.fire("", "Error E: " + error, "error");
                        },
                        complete: function () {
                            // loading layer
                            $('#loading').hide();
                        }
                    });
                } catch (error) {
                    Swal.fire("", "Error A: " + error, "error");
                }
            });
        }

        function removeProductoNegocio(pk_producto_negocio) {
            try {
                $.ajax({
                    url: `{% url 'control_remove_producto_x_negocio' %}`,
                    method: 'POST',
                    data: {
                        producto_negocio_id: pk_producto_negocio,
                        csrfmiddlewaretoken: csrfToken
                    },
                    beforeSend: function (xhr, type) {
                        // loading layer
                        $('#loading').show();
                    },
                    success: function (data) {
                        if (data.save == 1) {
                            productosTable.ajax.reload();
                            toastMixin.fire({
                                icon: 'success',
                                animation: true,
                                title: 'Producto Retirado!'
                            });
                        } else {
                            Swal.fire("", "Error D12: " + data.error, "error");
                        }

                    },
                    complete: function (data) {
                        // loading layer
                        $('#loading').hide();
                    }
                });
            } catch (error) {
                Swal.fire("", "Error A: " + error, "error");
            }
        }


        var tablaPrecios = $('#tablaPrecios').DataTable({
            ajax: {
                beforeSend: function (xhr, type) {
                    // loading layer
                    $('#loading').show();

                    if (!type.crossDomain) {
                        xhr.setRequestHeader(
                            'X-CSRF-Token',
                            $(
                                'meta[name="csrf-token"]'
                            ).attr('content'));
                    }
                },
                url: `{% url 'control_list_precios_x_negocio' %}`,
                type: "POST",
                dataSrc: 'data',
                data: {
                    negocio: negocio,
                    csrfmiddlewaretoken: csrfToken
                },
                complete: function () {
                    // loading layer
                    $('#loading').hide();
                }
            },
            dom: buttons,
            language: {
                url: "{% static 'app/json/es-ES.json' %}",
            },
            buttons: [{
                extend: 'excel',
                text: '<i class="fas fa-file-excel"></i>',
                titleAttr: 'Excel',
                className: 'btn btn-success',
            },
            {
                extend: 'pdf',
                text: '<i class="fas fa-file-pdf"></i>',
                titleAttr: 'PDF',
                className: 'btn btn-danger',
            },
            {
                extend: 'print',
                text: '<i class="fas fa-print"></i>',
                titleAttr: 'Imprimir',
                className: 'btn btn-null',
                orientation: 'landscape'
            }
            ],
            columns: [
                { data: "nombre_precio_negocio" },
                {
                    data: "es_costo",
                    "render": function (data, type, row) {
                        return `<div class='text-center'><div class='btn-group'><input type="checkbox" ${data == 1 ? 'checked' : ''} disabled></div></div>`;
                    }
                },
                {
                    data: "mostrar_precio_cliente",
                    "render": function (data, type, row) {
                        return `<div class='text-center'><div class='btn-group'><input ${row.es_costo == 1 ? 'disabled' : ''} type="checkbox" class="checkbox-precio-cliente" data-id="${row.pk_tipo_precio}" ${data == 1 ? 'checked' : ''}></div></div>`;
                    }
                },
                {
                    data: null,
                    render: function (data, type, row) {
                        return `
                        <div class='text-center'><div class='btn-group'>
                            <button class="btn btn-warning btn-sm btnEditarPrecio text-black" data-id="${row.pk_tipo_precio}" data-name="${row.nombre_precio_negocio}"><i class='material-icons'>edit</i></button>
                            <button class="btn btn-danger btn-sm btnEliminarPrecio text-white" data-id="${row.pk_tipo_precio}" data-name="${row.nombre_precio_negocio}"><i class='material-icons'>delete</i></button>
                        </div></div>
                    `;
                    }
                }
            ],
        });



        // Botón "Seleccionar todos (masivas)"
        $('#masivasSelectAll').on('click', function () {
            $('.masivasCheckbox').prop('checked', true);
        });

        // Botón "Deseleccionar todos (masivas)"
        $('#masivasSelectAllNo').on('click', function () {
            $('.masivasCheckbox').prop('checked', false);
        });


        let isMarkingAll = false;

        // Botón "Marcar todos"
        $('#markAllProductos').on('click', function () {
            isMarkingAll = true; // Indicamos que estamos marcando todos

            // Seleccionamos los checkboxes que no están marcados y los marcamos
            $('.assign-product-checkbox:not(:checked)').each(function (index, element) {
                shouldReload = false;
                $(element).prop('checked', true).trigger('change');
            });

            // Después de marcar todos, recargamos la tabla
            productosTable.ajax.reload();
            shouldReload = true;

            // Reseteamos la variable
            isMarkingAll = false;
        });

        // Botón "Marcar todos"
        $('#unmarkAllProductos').on('click', function () {
            isMarkingAll = true; // Indicamos que estamos marcando todos

            // Seleccionamos los checkboxes que no están marcados y los marcamos
            $('.btnRemoveProductoNegocio').each(function (index, element) {
                shouldReload = false;
                $(element).trigger('click');
            });

            // Después de marcar todos, recargamos la tabla
            productosTable.ajax.reload();
            shouldReload = true;

            // Reseteamos la variable
            isMarkingAll = false;
        });


        window.fillPresentacionesTable = function (producto_negocio) {
            // PRESENTACIONES TABLE
            $("#presentacionesTable").DataTable().clear().destroy();
            let presentacionesDataTable = $('#presentacionesTable').DataTable({
                order: [], // Desactiva el ordenamiento por defecto
                ajax: {
                    beforeSend: function (xhr, type) {
                        // loading layer
                        $('#loading').show();

                        if (!type.crossDomain) {
                            xhr.setRequestHeader(
                                'X-CSRF-Token',
                                $(
                                    'meta[name="csrf-token"]'
                                ).attr('content'));
                        }
                    },
                    url: `{% url 'control_list_presentaciones_x_producto_x_negocio' %}`,
                    type: "POST",
                    dataSrc: 'data',
                    data: {
                        producto_negocio: producto_negocio,
                        csrfmiddlewaretoken: csrfToken
                    },
                    complete: function (data) {
                        // loading layer
                        $('#loading').hide();
                    }
                }
                ,
                columns: [
                    {
                        data: 'presentacion_descripcion',
                        render: function (data, type, row) {
                            return `${data} ${row.es_maestra ? '<span class="badge bg-success ms-2">Maestra</span>' : ''} ${row.es_mayor ? '<span class="badge bg-primary ms-2">Presentación Mayor</span>' : ''}`;
                        }
                    },
                    { data: 'equivalencia' },
                    {
                        data: 'vigencia',
                        render: function (data, type, row) {
                            return `<div class='text-center'><div class='btn-group'><input type="checkbox" class="presentacionesPresentacionVigenciaCheckbox" ${data == 1 ? 'checked' : ''} data-id="${row.fk_producto_negocio}" data-pk-presentacion-assigns="${row.pk_presentacion_asignacion}"></div></div>`;
                        }

                    },
                    {
                        data: null,
                        render: function (data, type, row) {
                            return `<button type="button"
                                class="btn btn-warning presentacionesPresentacionConfigurarPrecioBtn"
                                data-pk-presentacion="${row.pk_presentacion_asignacion}">
                                <i class="fas fa-cog"></i> Configurar Precios
                            </button>
                            ${!row.es_maestra ? `
                            <button type="button"
                                class="btn btn-danger presentacionesPresentacionEliminarBtn"
                                data-pk-presentacion="${row.pk_presentacion_asignacion}">
                                <i class="fas fa-trash"></i> Eliminar Presentación
                            </button>`: ''}`;
                        }
                    },
                ]
            });

        }

        var preciosMedidaMaestraTable;

        function fillPreciosPresentacionNegocio(producto_negocio_id, negocio, pk_presentacion_maestra_asociada) {
            $("#preciosMedidaMaestraTable").DataTable().clear().destroy();

            preciosMedidaMaestraTable = $('#preciosMedidaMaestraTable').DataTable({
                initComplete: function () {
                    preciosMedidaMaestraTable.columns.adjust().draw();
                },
                scrollX: true,
                scrollCollapse: true,
                scrollY: '350px',
                pageLength: 50,
                ajax: {
                    beforeSend: function (xhr, type) {
                        // loading layer
                        $('#loading').show();

                        if (!type.crossDomain) {
                            xhr.setRequestHeader(
                                'X-CSRF-Token',
                                $(
                                    'meta[name="csrf-token"]'
                                ).attr('content'));
                        }
                    },
                    url: `{% url 'control_list_precios_x_presentacion_x_producto_negocio' %} `,
                    type: "POST",
                    dataSrc: 'data',
                    data: {
                        negocio: negocio,
                        producto_negocio_id: producto_negocio_id,
                        pk_presentacion_maestra_asociada: pk_presentacion_maestra_asociada,
                        opc: 1,
                        csrfmiddlewaretoken: csrfToken
                    },
                    complete: function () {
                        $('#loading').hide();
                    }
                },
                dom: 't',
                language: {
                    url: "{% static 'app/json/es-ES.json' %}",
                },
                buttons: [{
                    extend: 'excel',
                    text: '<i class="fas fa-file-excel"></i>',
                    titleAttr: 'Excel',
                    className: 'btn btn-success',
                },
                {
                    extend: 'pdf',
                    text: '<i class="fas fa-file-pdf"></i>',
                    titleAttr: 'PDF',
                    className: 'btn btn-danger',
                },
                {
                    extend: 'print',
                    text: '<i class="fas fa-print"></i>',
                    titleAttr: 'Imprimir',
                    className: 'btn btn-null',
                    orientation: 'landscape'
                }
                ],
                columns: [
                    { data: 'nombre_precio_negocio' },
                    {
                        data: 'valor',
                        render: function (data, type, row) {
                            return `<div class='text-center'> <div class='btn-group'><input type="number" class="form-control form-control-sm precio-input-maestra formattedMoneyInputs" data-id="${row.pk_precio_negocio}" data-costo="${row.costo_presentacion}" data-calcular-porc="${row.calcular_porc_rentabilidad}" data-precio-medida-maestra="${row.precio_medida_maestra}" value="${data}"></div></div> `;
                        }
                    },
                    {
                        data: 'margen',
                        render: function (data, type, row) {
                            return `<div class='text-center'> <div class='btn-group'><input type="number" class="form-control form-control-sm margen-input-maestra formattedMoneyInputs" data-id="${row.pk_precio_negocio}" data-costo="${row.costo_presentacion}" data-calcular-porc="${row.calcular_porc_rentabilidad}" data-precio-medida-maestra="${row.precio_medida_maestra}" value="${data}" ${row.calcular_porc_rentabilidad != 1 ? 'readonly disabled' : ''}></div></div> `;
                        }
                    },
                    {
                        data: "mostrar_precio_cliente",
                        "render": function (data, type, row) {
                            return `<div class='text-center'> <div class='btn-group'><input type="checkbox" class="checkbox-precio-cliente"
                                data-id="${row.pk_precio_negocio}"
                                ${data == 1 ? 'checked' : ''}></div></div> `;
                        }
                    },
                ]
            });

            /* $(document).on('blur', '.precio-input-maestra', function (e) {
                let input = $(this);
                let valor = parseFloat(input.val());  // Este será el porcentaje de rentabilidad ingresado
                let id_precio_negocio = input.data('id');
                let costo_presentacion = parseFloat(input.data('costo'));  // Costo del producto
                let calcular_porc_rentabilidad = parseInt(input.data('calcular-porc')) || 0;

                // Validar que ningún valor sea menor o igual al costo, excepto si `calcular_porc_rentabilidad` es 1
                if (calcular_porc_rentabilidad === 0 && valor <= costo_presentacion) {
                    Swal.fire("", "El valor no puede ser menor o igual al costo.", "warning");
                    return;
                }

                // Validar que el precio promocional no sea mayor o igual al anterior
                let esPromocional = input.siblings("input[data-calcular-porc='1']").length> 0;

                if (esPromocional) {
                    let inputs = $('.precio-input-maestra');
                    let precios = [];

                    inputs.each(function () {
                        let pk_precio_negocio = $(this).data('id');
                        let precio_valor = parseFloat($(this).val()) || 0;
                        precios.push({ id: pk_precio_negocio, valor: precio_valor });
                    });

                    precios.sort((a, b) => a.id - b.id);  // Ordenar precios

                    let anterior = null;
                    for (let i = 0; i <precios.length; i++) {
                        if (precios[i].id === id_precio_negocio) {
                            anterior = precios[i - 1];  // Precio anterior
                            break;
                        }
                    }

                    if (anterior && valor>= anterior.valor) {
                        Swal.fire("", "El Precio Promocional no puede ser mayor o igual al anterior.", "warning");
                        return;
                    }
                }

                // Si calcular_porc_rentabilidad es 0, hacer el AJAX directo sin cálculo
                $.ajax({
                    url: "{% url 'control_insert_update_precio_x_presentacion_x_producto_negocio' %}",
                    method: 'POST',
                    data: {
                        pk_precio_negocio: id_precio_negocio,
                        valor: valor,
                        costo: costo_presentacion,
                        csrfmiddlewaretoken: csrfToken
                    },
                    success: function (data) {
                        if (data.save == 1) {
                            preciosMedidaMaestraTable.ajax.reload(null, false);
                            Swal.fire("", "Precio actualizado correctamente.", "success");
                        } else {
                            Swal.fire("", "Error D13: " + data.error, "error");
                        }
                    }
                });
            }); */


        }



        var preciosPresentacionMayorTable;

        function fillPreciosPresentacionMayorNegocio(producto_negocio_id, negocio, presentacion_negocio, presentacion_mayor) {
            $("#preciosPresentacionMayorTable").DataTable().clear().destroy();

            preciosPresentacionMayorTable = $('#preciosPresentacionMayorTable').DataTable({
                initComplete: function () {
                    preciosPresentacionMayorTable.columns.adjust().draw();


                    calcular_porc_rentabilidad = $('#calcular_porc_rentabilidad').val();
                    costo_medida_maestra = $('#costo_medida_maestra').val();
                    costo_medida_maestra = costo_medida_maestra.replace(/,/g, "");

                    if (calcular_porc_rentabilidad == 1 && costo_medida_maestra > 0) {
                        $('.margen-input-maestra, .margen-input-mayor').attr('disabled', false);
                        $('.margen-input-maestra, .margen-input-mayor').attr('readonly', false);
                    } else {
                        $('.margen-input-maestra, .margen-input-mayor').attr('disabled', true);
                        $('.margen-input-maestra, .margen-input-mayor').attr('readonly', true);
                    }
                },
                scrollX: true,
                scrollCollapse: true,
                scrollY: '350px',
                pageLength: 50,
                ajax: {
                    beforeSend: function (xhr, type) {
                        // loading layer
                        $('#loading').show();

                        if (!type.crossDomain) {
                            xhr.setRequestHeader(
                                'X-CSRF-Token',
                                $(
                                    'meta[name="csrf-token"]'
                                ).attr('content'));
                        }
                    },
                    url: `{% url 'control_list_precios_x_presentacion_x_producto_negocio' %} `,
                    type: "POST",
                    dataSrc: 'data',
                    data: {
                        negocio: negocio,
                        producto_negocio_id: producto_negocio_id,
                        pk_presentacion_maestra_asociada: presentacion_mayor,
                        opc: 2,
                        csrfmiddlewaretoken: csrfToken
                    },
                    complete: function () {
                        $('#loading').hide();
                    }
                },
                dom: 't',
                language: {
                    url: "{% static 'app/json/es-ES.json' %}",
                },
                buttons: [{
                    extend: 'excel',
                    text: '<i class="fas fa-file-excel"></i>',
                    titleAttr: 'Excel',
                    className: 'btn btn-success',
                },
                {
                    extend: 'pdf',
                    text: '<i class="fas fa-file-pdf"></i>',
                    titleAttr: 'PDF',
                    className: 'btn btn-danger',
                },
                {
                    extend: 'print',
                    text: '<i class="fas fa-print"></i>',
                    titleAttr: 'Imprimir',
                    className: 'btn btn-null',
                    orientation: 'landscape'
                }
                ],
                columns: [
                    { data: 'nombre_precio_negocio' },
                    {
                        data: 'valor',
                        render: function (data, type, row) {
                            return `<div class='text-center'> <div class='btn-group'><input type="number" class="form-control form-control-sm precio-input-mayor formattedMoneyInputs" data-id="${row.pk_precio_negocio}" data-costo="${row.costo_presentacion}" data-calcular-porc="${row.calcular_porc_rentabilidad}" data-precio-medida-maestra="${row.precio_medida_maestra}" value="${data}"></div></div> `;
                        }
                    },
                    {
                        data: 'margen',
                        render: function (data, type, row) {
                            return `<div class='text-center'> <div class='btn-group'><input type="number" class="form-control form-control-sm margen-input-mayor formattedMoneyInputs" data-id="${row.pk_precio_negocio}" data-costo="${row.costo_presentacion}" data-calcular-porc="${row.calcular_porc_rentabilidad}" data-precio-medida-maestra="${row.precio_medida_maestra}" value="${data}" ${row.calcular_porc_rentabilidad != 1 ? 'readonly disabled' : ''}></div></div> `;
                        }
                    },
                    {
                        data: "mostrar_precio_cliente",
                        "render": function (data, type, row) {
                            return `<div class='text-center'> <div class='btn-group'><input type="checkbox" class="checkbox-precio-cliente"
                                data-id="${row.pk_precio_negocio}"
                                ${data == 1 ? 'checked' : ''}></div></div> `;
                        }
                    },
                ]
            });


            // $('#productoModal').on('shown.bs.modal', function () {
            //     preciosPresentacionMayorTable.columns.adjust().draw();
            // });

        }




        var loading, producto_name;
        var producto_negocio_id;

        $('#productoModal').on('hidden.bs.modal', function () {
            $('#presentacion_mayor, #equivalencia, #costo_medida_maestra, #calcular_porc_rentabilidad').prop('disabled', true);
            $('#productoForm input, #productoForm textarea, #productoForm select').prop('disabled', false);

            $('#productoForm').trigger('reset');

            loading = false;
            productosTable.ajax.reload(null, false);
        });

        $('#productoModal').on('shown.bs.modal', function () {
            let pk_grupo = $('#pk_grupo').val();
            let pk_categoria = $('#pk_categoria').val();

            fillEmpaquesSelect();
            fillGruposSelect(pk_grupo);
            fillCategoriasSelect(pk_categoria);
            // preciosMedidaMaestraTable.columns.adjust().draw();
        });

        function fillEmpaquesSelect() {
            $.ajax({
                type: 'POST',
                url: '{% url "control_list_empaques_x_producto_x_negocio" %}',
                data: {
                    medida_maestra: $('#medida_maestra').val(),
                    csrfmiddlewaretoken: '{{ csrf_token }}'
                },
                beforeSend: function (xhr, type) {
                    // loading layer
                    $('#loading').show();
                },
                success: function (data) {
                    $('#presentacionesEmpaqueSelect').html(`<option value="#" selected>SELECCIONE UNA OPCIÓN</option>`);
                    $.each(data.data, function (index, empaque) {
                        // $('#presentacionesEmpaqueSelect').append('<option value="' + value.pk_presentacion_mayor + '" data-es-constante="' + value.constante + '" data-equivalencia-constante="' + value.equivalencia_constante + '">' + value.presentacion_mayor + ' (' + value.medida_maestra + ' - ' + value.abreviatura + ')</option>');
                        $('#presentacionesEmpaqueSelect').append('<option value="' + empaque.pk_presentacion_mayor + '" data-es-constante="' + (empaque.constante ? 1 : 0) + '" data-equivalencia-constante="' + empaque.equivalencia_constante + '">' + empaque.presentacion_mayor + '</option>');
                    });
                },
                complete: function (data) {
                    // loading layer
                    $('#loading').hide();
                }
            });
        }

        window.fillCategoriasSelect = function (pk_categoria) {
            let fk_negocio = $('#pk_negocio').val();

            $.ajax({
                type: 'POST',
                url: '{% url "dataCategorias" %}',
                data: {
                    opcion: 1,
                    fk_negocio: fk_negocio,
                    csrfmiddlewaretoken: '{{ csrf_token }}'
                },
                beforeSend: function (xhr, type) {
                    // loading layer
                    $('#loading').show();
                },
                success: function (data) {
                    $('#categoriaSelect').html(`
                    <option value="#">Selecione una Categoria</option>
                    <option value="0">CREAR UNA NUEVA CATEGORIA</option>
                    `);
                    $.each(data.data, function (index, item) {
                        $('#categoriaSelect').append('<option value="' + item.pk_categoria + '" data-pk-default="">' + item.categoria + '</option>');
                    });
                    $('#categoriaSelect').val(pk_categoria);
                },
                complete: function (data) {
                    // loading layer
                    $('#loading').hide();
                }
            });
        }

        function fillGruposSelect(pk_grupo) {
            let pk_producto_negocio = $('#pk_producto_negocio').val();

            $.ajax({
                type: 'POST',
                url: '{% url "dataGrupos" %}',
                data: {
                    opcion: 1,
                    pk_producto_negocio: pk_producto_negocio,
                    csrfmiddlewaretoken: '{{ csrf_token }}'
                },
                beforeSend: function (xhr, type) {
                    // loading layer
                    $('#loading').show();
                },
                success: function (data) {
                    $('#grupoSelect').html(`
                    <option value="#">Selecione un Grupo</option>
                    <option value="0">CREAR UN NUEVO GRUPO</option>
                    `);
                    $.each(data.data, function (index, item) {
                        $('#grupoSelect').append('<option value="' + item.pk_grupo + '" data-pk-default="">' + item.grupo + '</option>');
                    });
                    $('#grupoSelect').val(pk_grupo);
                },
                complete: function (data) {
                    // loading layer
                    $('#loading').hide();
                }
            });
        }


        // Event listener para el checkfbox
        $('#productosTable tbody').on('click', '.btnPresentacionesNegocio', function () {
            // Activamos la bandera 'loading' para evitar que los eventos se disparen
            loading = true;

            $('#presentacion_mayor, #equivalencia, #costo_medida_maestra, #calcular_porc_rentabilidad').prop('disabled', true);
            $('#productoForm input, #productoForm textarea, #productoForm select').prop('disabled', true);

            $('#productoForm').trigger('reset');

            // Código para cargar los valores del producto
            fila = $(this).closest("tr");
            producto_name = $.trim(fila.find("td:eq(1)").text());
            producto_negocio_id = $(this).data('producto-id');
            let codigo_producto = $(this).data('codigo-producto');
            let pk_grupo = $(this).data('pk-grupo');
            let pk_categoria = $(this).data('pk-categoria');
            let imagen_producto = $(this).data('imagen-producto');
            let pk_negocio = $(this).data('pk-negocio');
            let fk_medida_maestra = $(this).data('medida-maestra');
            let pk_presentacion_maestra_asociada = $(this).data('pk-presentacion-maestra');
            let costo_medida_maestra = $(this).data('costo-medida-maestra');
            let calcular_porc_rentabilidad = $(this).data('calcular-porc-rentabilidad');

            let pk_presentacion_mayor_asociada = $(this).data('pk-presentacion-mayor');
            let presentacion_mayor = $(this).data('presentacion-mayor');
            let equivalencia = $(this).data('equivalencia');

            $('#productoForm').trigger('reset');
            $('#pk_producto_negocio').val(producto_negocio_id);
            $('#pk_grupo').val(pk_grupo);
            $('#pk_categoria').val(pk_categoria);
            $('#medida_maestra').val(fk_medida_maestra).change();

            medida_maestra_text = $('#medida_maestra option:selected').text().trim();
            presentacion_mayor_text = capitalizeFirstLetter('¿Cuántas "' + medida_maestra_text + '" hay en la presentación mayor?');
            $('#label_presentacion_mayor_equivalencia').text(presentacion_mayor_text);

            $('#pk_negocio').val(pk_negocio)
            $('#pk_medida_maestra').val(fk_medida_maestra)
            $('#pk_presentacion_maestra').val(pk_presentacion_maestra_asociada);
            $('#pk_presentacion_mayor').val(pk_presentacion_mayor_asociada);
            $('#presentacion_mayor').val(presentacion_mayor).change();
            $('#equivalencia').val(equivalencia);
            $('#costo_medida_maestra').val(costo_medida_maestra);
            $('#calcular_porc_rentabilidad').val(calcular_porc_rentabilidad).change();

            $('#codigo_producto').val(codigo_producto);
            $('#imagen_producto').val(imagen_producto);

            // SE ABRE EL MODAL DE PRESENTACIONES
            $('#productoModalLabel').text('Configurar Producto: ' + capitalizeFirstLetter(producto_name));
            $('#productoModal').modal('show');

            // Control adicional para el campo 'calcular_porc_rentabilidad'
            if (costo_medida_maestra > 0) {
                $('#calcular_porc_rentabilidad').attr('disabled', false);
            } else {
                $('#calcular_porc_rentabilidad').attr('disabled', true);
            }

            // Al finalizar la asignación de los valores, desactivamos 'loading'
            loading = false;

            // Habilitar los campos para edición
            $('#presentacion_mayor, #equivalencia, #costo_medida_maestra, #calcular_porc_rentabilidad').prop('disabled', false);
            $('#productoForm input, #productoForm textarea, #productoForm select').prop('disabled', false);

            // Llamar funciones para cargar presentaciones
            fillPresentacionesTable(producto_negocio_id);
            // fillPreciosPresentacionNegocio(producto_negocio_id, negocio, fk_medida_maestra);
            // fillPreciosPresentacionMayorNegocio(producto_negocio_id, negocio, pk_presentacion_maestra_asociada, presentacion_mayor);
        });


        // Event listener para el checkbox
        $('#productosTable tbody').on('click', '.btnRemoveProductoNegocio', function () {
            let producto_negocio_id = $(this).data('producto-id');

            removeProductoNegocio(producto_negocio_id);
        });

        $('#presentacion_mayor').change(ctrlCostoOrPresentacionMayor);
        //$('#equivalencia').blur(ctrlCostoOrPresentacionMayor);
        //$('#costo_medida_maestra').blur(ctrlCostoOrPresentacionMayor);
        //$('#calcular_porc_rentabilidad').change(ctrlCostoOrPresentacionMayor);


        // ON CHANGE MASIVAS PRODUCTO EXISTENCIA PRESENTACION
        $(document).on('change', '.masivasProductoExistenciaPresentacion', function () {
            $(this).closest('tr').find('input').val(null).focus();
        });

        // INICIALIZR MASIVAS MODAL DATATABLES
        $('#masivasVigenciaTable').DataTable();
        $('#masivasPrecioTable').DataTable();
        $('#masivasExistenciaTable').DataTable();

        // MASIVAS OPTION CLICK
        $(document).on('click', '.masivasOption', async function () {
            let option = $(this);
            let tipo = option.data('type');

            // Hay 1 o más seleccionados? Mostrar MODAL
            if ($('.masivasCheckbox').filter(':checked').length > 0) {
                //Preparar visual
                $('#masivasModalType').text(tipo);

                $('#masivasModal').find('[data-type="VIGENCIA"], [data-type="PRECIO"], [data-type="EXISTENCIA"]').hide();
                $('#masivasModal').find(`[data-type="${tipo}"]`).show();

                // Preparar tabla de masivas
                // let selectedRows = productosTable.rows('.masivasCheckbox:checked').data();
                // Iterar sobre las filas de DataTable para obtener los datos de los checkboxes seleccionados
                let selectedRows = [];
                productosTable.rows().every(function () {
                    let $row = $(this.node());
                    let checkbox = $row.find('.masivasCheckbox');

                    if (checkbox.is(':checked')) {
                        selectedRows.push(this.data());
                    }
                });

                let cargarPresentaciones = async () => {
                    let presentacionesData = []
                    for (let row of selectedRows) {
                        let pkProductoNegocio = row.pk_producto_negocio;

                        try {
                            // Obtener las presentaciones usando el método getPresentacionesProductoNegocio
                            let presentaciones = await getPresentacionesProductoNegocio(pkProductoNegocio);

                            // Agregar los campos adicionales y unir al array
                            presentaciones.data.forEach((presentacion) => {
                                // console.log(row.imagen);
                                presentacionesData.push({
                                    ...presentacion,
                                    producto_nombre: row.nombre_producto,
                                    producto_imagen: row.imagen,
                                });
                            });
                        } catch (error) {
                            console.error(`Error al obtener presentaciones para ${pkProductoNegocio}:`, error);
                        }
                    }

                    // Log del resultado final
                    // console.log(presentacionesData);
                    return presentacionesData;
                };


                // MASIVAS MODAL TABLES
                $('#masivasVigenciaTable').parents('div.dataTables_wrapper').first().hide();
                $('#masivasPrecioTable').parents('div.dataTables_wrapper').first().hide();
                $('#masivasExistenciaTable').parents('div.dataTables_wrapper').first().hide();


                // Mostrar el modal
                $('#masivasModal').modal('show');

                if (tipo === 'VIGENCIA') {
                    $('#masivasVigenciaTable').parents('div.dataTables_wrapper').first().show();
                    $('#masivasVigenciaTable').DataTable().clear().destroy();
                    $('#masivasVigenciaTable').DataTable({
                        data: await cargarPresentaciones(),
                        columns: [
                            { data: 'producto_nombre' },
                            {
                                data: 'producto_imagen',
                                render: function (data, type, row) {
                                    return `<img src="${row.producto_imagen}" class= "img-thumbnail image-clickable" style="width: 70px; height: 70px; object-fit: cover;" onclick="showImageModal('${row.producto_imagen}', '${row.producto_nombre}')"> `;
                                }
                            },
                            { data: 'presentacion_descripcion' },
                            {
                                data: 'vigencia',
                                render: function (data, type, row) {
                                    // console.log(row);
                                    return `<div class='text-center'><div class='btn-group'><input type="checkbox" class="masivasPresentacionVigenciaCheckbox" ${data == 1 ? 'checked' : ''} data-id="${row.fk_producto_negocio}" data-pk-presentacion-assigns="${row.pk_presentacion_asignacion}"></div></div>`;
                                }
                            },
                        ]
                    });
                } else if (tipo === 'PRECIO') {
                    $('#masivasPrecioTable').parents('div.dataTables_wrapper').first().show();
                    $('#masivasPrecioTable').DataTable().clear().destroy();
                    $('#masivasPrecioTable').DataTable({
                        data: await cargarPresentaciones(),
                        columns: [
                            { data: 'producto_nombre' },
                            {
                                data: 'producto_imagen',
                                render: function (data, type, row) {
                                    return `<img src="${row.producto_imagen}" class= "img-thumbnail image-clickable" style="width: 70px; height: 70px; object-fit: cover;" onclick="showImageModal('${row.producto_imagen}', '${row.producto_nombre}')"> `;
                                }
                            },
                            { data: 'presentacion_descripcion' },
                            // {
                            //     data: null,
                            //     render: function (data, type, row) {
                            //         return `<button type = "button" class= "btn btn-warning masivasProductoPresentacionConfigurarPrecioBtn"> Configurar Precios</button> `;
                            //     }
                            // },
                            {
                                data: null,
                                render: function (data, type, row) {
                                    return `<button type="button"
                                        class="btn btn-warning masivasPresentacionConfigurarPrecioBtn"
                                        data-pk-presentacion="${row.pk_presentacion_asignacion}">
                                        <i class="fas fa-cog"></i> Configurar Precios
                                    </button>`;
                                }
                            },
                        ]
                    });
                } else if (tipo === 'EXISTENCIA') {
                    $('#masivasExistenciaTable').parents('div.dataTables_wrapper').first().show();
                    $('#masivasExistenciaTable').DataTable().clear().destroy();
                    $('#masivasExistenciaTable').DataTable({
                        data: selectedRows,
                        columns: [
                            { data: 'nombre_producto' },
                            {
                                data: 'imagen',
                                render: function (data, type, row) {
                                    return `<img src = "${row.imagen}" class= "img-thumbnail image-clickable" style = "width: 70px; height: 70px; object-fit: cover;" onclick = "showImageModal('${row.imagen}', '${row.nombre_producto}')"> `;
                                }
                            },
                            {
                                data: null,
                                render: function (data, type, row) {
                                    return `<select class= "form-select form-select-sm masivasProductoExistenciaPresentacion">
                                        <option value="#">Medida Maestra</option>
                                        <option value="#">Medida 1</option>
                                        <option value="#">Medida 2</option>
                                    </select> `;
                                }
                            },
                            {
                                data: null,
                                render: function (data, type, row) {
                                    return `<div class='text-center'> <div class='btn-group'><input type="number" class="form-control form-control-sm"></div></div> `;
                                }
                            },
                            {
                                data: null,
                                render: function (data, type, row) {
                                    return `<button type = "button" class="btn btn-warning"> Aplicar Nueva Existencia</button> `;
                                }
                            },
                            {
                                data: null,
                                render: function (data, type, row) {
                                    return `<button type = "button" class="btn btn-danger"> Establecer Agotado</button> `;
                                }
                            },
                        ]
                    });
                }



                // SELECCIONE UN PRODUCTO POR LO MENOS
            } else {
                Swal.fire("", "Seleccione por lo menos un producto de la tabla principal", 'warning');
            }
        });

        function getPresentacionesProductoNegocio(pk_producto_negocio) {
            return new Promise((resolve, reject) => {
                $.ajax({
                    beforeSend: function (xhr, type) {
                        // Mostrar capa de carga
                        $('#loading').show();

                        if (!type.crossDomain) {
                            xhr.setRequestHeader(
                                'X-CSRF-Token',
                                $('meta[name="csrf-token"]').attr('content')
                            );
                        }
                    },
                    url: `{% url 'control_list_presentaciones_x_producto_x_negocio' %}`,
                    type: "POST",
                    dataType: "json",
                    data: {
                        producto_negocio: pk_producto_negocio,
                        csrfmiddlewaretoken: csrfToken
                    },
                    complete: function () {
                        // Ocultar capa de carga
                        $('#loading').hide();
                    },
                    success: function (response) {
                        resolve(response);
                    },
                    error: function (error) {
                        reject(error);
                    }
                });
            });
        }


        // Event listener para el checkbox
        $('#productosTable tbody').on('change', '.assign-product-checkbox', async function () {
            let producto_id = $(this).data('producto-id');
            let codigo_producto = $(this).data('codigo-producto');
            let fk_medida_maestra = $(this).data('medida-maestra');
            let presentacion_mayor = $(this).data('presentacion-mayor');
            let equivalencia = $(this).data('equivalencia');

            let assigned = $(this).data('assigned');
            let checked = $(this).is(':checked');

            if (checked) {
                let pk_producto_negocio = await addProductoNegocio(producto_id, codigo_producto, fk_medida_maestra, presentacion_mayor, equivalencia, negocio, true);
                addPresentacion(2, pk_producto_negocio, fk_medida_maestra);
            }
        });


        $(document).on('click', '.close_modal_asignar_medidas_presentaciones', function () {
            productosTable.ajax.reload();
        });


        function ctrlCostoOrPresentacionMayor() {
            pk_producto_negocio = $('#pk_producto_negocio').val();
            fk_medida_maestra = $('#medida_maestra').val();
            presentacion_mayor = $('#presentacion_mayor').val();
            equivalencia = $('#equivalencia').val();
            calcular_porc_rentabilidad = $('#calcular_porc_rentabilidad').val();

            costo_medida_maestra = $('#costo_medida_maestra').val();
            costo_medida_maestra = costo_medida_maestra.replace(/,/g, "");

            if (presentacion_mayor == 0) {
                $('#preciosPresentacionMayorSection').css('display', 'none');
            } else {
                $('#preciosPresentacionMayorSection').css('display', 'block');
            }

            try {
                $.ajax({
                    url: `{% url 'control_insert_update_remove_presentacion_mayor_x_producto_x_negocio' %} `,
                    method: 'POST',
                    data: {
                        pk_producto_negocio: pk_producto_negocio,
                        fk_presentacion_mayor: presentacion_mayor,
                        equivalencia: equivalencia,
                        costo_medida_maestra: costo_medida_maestra,
                        calcular_porc_rentabilidad: calcular_porc_rentabilidad,
                        negocio: negocio,
                        csrfmiddlewaretoken: csrfToken
                    },
                    beforeSend: function (xhr, type) {
                        // loading layer
                        $('#loading').show();
                    },
                    success: function (data) {
                        if (data.save == 1) {
                            productosTable.ajax.reload();
                            //fillPreciosPresentacionNegocio(producto_negocio_id, negocio, fk_medida_maestra);
                            fillPreciosPresentacionMayorNegocio(producto_negocio_id, negocio, pk_producto_negocio, presentacion_mayor);
                        } else {
                            Swal.fire("", "Error D14: " + data.error, "error");
                        }

                    },
                    complete: function (data) {
                        // loading layer
                        $('#loading').hide();
                    }
                });
            } catch (error) {
                Swal.fire("", "Error A: " + error, "error");
            }
        }


        $('#btnPrecios').click(function (e) {
            e.preventDefault();

            tablaPrecios.ajax.reload(null, false);
            $('#modalPrecios').modal('show');
            $('#formTiposPrecios').trigger('reset');
            pk_tipo_precio = null;
            opcion = 1;
        });

        $(document).on('click', '.close_modal_tipos_precios', function () {
            $('#modalPrecios').modal('hide');
            $('#formTiposPrecios').trigger('reset');
        });


        $('#formTiposPrecios').submit(function (e) {
            e.preventDefault();

            nombre_precio = $("#nombre_precio_negocio").val();

            $.ajax({
                url: `{% url 'control_add_tipo_precio_x_negocio' %} `,
                type: 'POST',
                data: {
                    pk_tipo_precio: pk_tipo_precio,
                    nombre_precio_negocio: nombre_precio,
                    opcion: opcion,
                    negocio: negocio,
                    csrfmiddlewaretoken: csrfToken
                },
                beforeSend: function (xhr, type) {
                    // loading layer
                    $('#loading').show();
                },
                success: function (data) {
                    if (data.save == 1) {
                        if (opcion == 1) {
                            toastMixin.fire({
                                icon: 'success',
                                animation: true,
                                title: 'Tipo Precio Creado!'
                            });
                        } else {
                            toastMixin.fire({
                                icon: 'success',
                                animation: true,
                                title: 'Tipo Precio Editado!'
                            });
                        }

                        tablaPrecios.ajax.reload(null, false);
                        $('#formTiposPrecios').trigger('reset');
                        pk_tipo_precio = null;
                        opcion = 1;


                    } else {
                        Swal.fire("", "Error D15: " + data.error, "error");
                    }
                },
                complete: function () {
                    // loading layer
                    $('#loading').hide();
                }
            });
        });


        $(document).on("click", ".btnEditarPrecio", function () {
            $('#formTiposPrecios').trigger('reset');
            pk_tipo_precio = $(this).data("id");
            nombre_precio_negocio = $(this).data("name");
            opcion = 2;

            $('#nombre_precio_negocio').val(nombre_precio_negocio);
        });

        $(document).on('click', '.btnEliminarPrecio', function () {
            pk_tipo_precio = $(this).data("id");


            $.ajax({
                url: `{% url 'control_remove_precio_cliente_x_negocio' %} `,
                method: 'POST',
                data: {
                    pk_tipo_precio: pk_tipo_precio,
                    csrfmiddlewaretoken: csrfToken
                },
                beforeSend: function (xhr, type) {
                    // loading layer
                    $('#loading').show();
                },
                success: function (data) {
                    if (data.save == 1) {
                        toastMixin.fire({
                            icon: 'success',
                            animation: true,
                            title: 'Tipo Precio Anulado!'
                        });

                        tablaPrecios.ajax.reload(null, false);
                    } else {
                        Swal.fire("", "Error D16: " + data.error, "error");
                    }

                },
                complete: function () {
                    // loading layer
                    $('#loading').hide();
                }
            });
        });


        $(document).on("click", ".checkbox-precio-cliente", function () {
            var pk_precio_negocio = $(this).data("id");

            $.ajax({
                url: `{% url 'control_marcar_precio_cliente_x_negocio' %} `,
                type: 'POST',
                data: {
                    pk_precio_negocio: pk_precio_negocio,
                    negocio: negocio,
                    csrfmiddlewaretoken: csrfToken
                },
                beforeSend: function (xhr, type) {
                    // loading layer
                    $('#loading').show();
                },
                success: function (data) {
                    // loading layer
                    $('#loading').hide();

                    if (data.save == 1) {
                        // preciosMedidaMaestraTable.ajax.reload(null, false);
                        // preciosPresentacionMayorTable.ajax.reload(null, false);

                        let table = presentacionesPresentacionPreciosTable;
                        table.clear(); // Limpia los datos visibles
                        table.draw();  // Refresca la tabla para mostrar el estado limpio
                        table.ajax.reload(null, false);


                        toastMixin.fire({
                            icon: 'success',
                            animation: true,
                            title: 'Nuevo Precio definido para Mostrar al Cliente!'
                        });
                    } else {
                        Swal.fire("", "Error D17: " + data.error, "error");
                    }
                },
                error: function (error) {
                    // loading layer
                    $('#loading').hide();

                    Swal.fire("", "Error D18: " + error, "error");
                }
                // complete: function () {
                //     // loading layer
                //     $('#loading').hide();
                // }
            });
        });


        $('#btnUpload').on('click', function () {
            $('#fileInput').click();
        });


        $('#fileInput').change(function (e) {
            let files = this.files;

            pk_producto_negocio = $('#pk_producto_negocio').val();

            Swal.fire({
                title: '',
                html: '<b>Cargando</b>',
                didOpen: () => {
                    Swal.showLoading()
                },
                allowOutsideClick: false,
                allowEscapeKey: false,
                showConfirmButton: false
            });

            if (files.length > 0) {
                let formData = new FormData();
                formData.append('pk_producto_negocio', pk_producto_negocio);
                formData.append('negocio_id', negocio);
                formData.append(' csrfmiddlewaretoken', csrfToken);

                for (let i = 0; i < files.length; i++) {
                    formData.append('archivo', files[i]);
                }

                $.ajax({
                    url: "{% url 'upload_imagen_producto_negocio' %}",
                    type: 'POST',
                    data: formData,
                    contentType: false,
                    processData: false,
                    beforeSend: function (xhr, type) {
                        // loading layer
                        $('#loading').show();
                    },
                    success: function (data) {
                        if (data.save == 1) {
                            Swal.close();
                            $('#imagen_producto').val('https://pedidos.nexushn.com' + data.file_url);
                            productosTable.ajax.reload(null, false);
                            showImageModal('https://pedidos.nexushn.com' + data.file_url, producto_name);
                        } else {
                            Swal.close();
                            Swal.fire("", "Error al Subir Archivos", "error");
                        }
                    },
                    complete: function () {
                        // loading layer
                        $('#loading').hide();
                    }
                });
            }
        });



        $('#costo_medida_maestra').blur(function () {

            costo = $(this).val() || 0;

            if (costo > 0) {
                $('#calcular_porc_rentabilidad').attr('disabled', false);
            } else {
                $('#calcular_porc_rentabilidad').attr('disabled', true);
                $('#calcular_porc_rentabilidad').val(0).change();
            }

        });


        $('#calcular_porc_rentabilidad').change(function (e) {
            e.preventDefault();

            // calc_porc_rentabilidad_validation();
        });

        function calc_porc_rentabilidad_validation() {
            // calcular_porc_rentabilidad = $(this).val();
            calcular_porc_rentabilidad = $('#calcular_porc_rentabilidad').val();
            costo_medida_maestra = $('#costo_medida_maestra').val();
            costo_medida_maestra = costo_medida_maestra.replace(/,/g, "");

            // console.log(calcular_porc_rentabilidad);
            // console.log(costo_medida_maestra);
            if (calcular_porc_rentabilidad == 1 && costo_medida_maestra > 0) {
                // console.log(1);
                $('.margen-input-maestra, .margen-input-mayor').attr('disabled', false);
                $('.margen-input-maestra, .margen-input-mayor').attr('readonly', false);
            } else {
                // console.log(2);
                $('.margen-input-maestra, .margen-input-mayor').attr('disabled', true);
                $('.margen-input-maestra, .margen-input-mayor').attr('readonly', true);
            }
        }

        $(document).on("change", ".margen-input-maestra", function () {
            input = $(this);
            porcentajeRentabilidad = parseFloat(input.val()) || 0;
            costo = $('#costo_medida_maestra').val() || 0;
            costo = parseFloat(costo.replace(/,/g, ""));
            fila = input.closest("tr"); // Obtiene la fila actual
            campoPrecio = fila.find(".precio-input-maestra"); // Encuentra el campo de precio en la misma fila

            console.log(costo);
            console.log(porcentajeRentabilidad);

            // Verificar que el costo sea válido
            if (costo > 0) {
                // Calcular el nuevo precio en base al porcentaje de rentabilidad
                nuevoPrecio = costo + (costo * (porcentajeRentabilidad / 100));
                // Asignar el nuevo precio al campo de valor, redondeado a dos decimales
                campoPrecio.val(nuevoPrecio);
            } else {
                $(this).val(0);
            }
        });

        $(document).on("change", ".margen-input-mayor", function () {
            input = $(this);
            fila = input.closest("tr"); // Obtiene la fila actual
            porcentajeRentabilidad = parseFloat(input.val()) || 0;
            costo = $('#costo_medida_maestra').val() || 0;
            costo = parseFloat(costo.replace(/,/g, ""));

            // equivalencia = $('#equivalencia').val() || 1;
            equivalencia = $('#precios_presentacion_equivalencia').val();
            equivalencia = parseFloat(equivalencia.replace(/,/g, "")) || 1;
            costo = costo * equivalencia;

            campoPrecio = fila.find(".precio-input-mayor"); // Encuentra el campo de precio en la misma fila

            console.log(costo);
            console.log(porcentajeRentabilidad);

            // Verificar que el costo sea válido
            if (costo > 0) {
                // Calcular el nuevo precio en base al porcentaje de rentabilidad
                nuevoPrecio = costo + (costo * (porcentajeRentabilidad / 100));
                // Asignar el nuevo precio al campo de valor, redondeado a dos decimales
                campoPrecio.val(nuevoPrecio);
            } else {
                $(this).val(0);
            }
        });



        $('#btnGuardarPresentacion').click(function (e) {
            e.preventDefault();

            let isValidToSavePresentacion = true;

            // Variables generales
            pk_producto_negocio = $('#pk_producto_negocio').val();
            pk_presentacion_maestra = $('#pk_presentacion_maestra').val();
            pk_presentacion_mayor = $('#presentacion_mayor').val();
            codigo_producto = $('#codigo_producto').val();
            codigo_barra = $('#codigo_barra').val();

            // Medida Maestra y Costo
            medida_maestra = $('#medida_maestra').val();
            medida_maestra_text = $('#medida_maestra option:selected').text();
            costo_medida_maestra = parseFloat($('#costo_medida_maestra').val()) || 0;
            calcular_porc_rentabilidad = $('#calcular_porc_rentabilidad').val();

            // Presentación Mayor
            presentacion_mayor = $('#presentacion_mayor').val();
            equivalencia = parseFloat($('#equivalencia').val()) || 0;
            costo_presentacion_mayor = (costo_medida_maestra * equivalencia) || 0;

            // Validación de Equivalencia solo si se seleccionó una Presentación Mayor
            // if (presentacion_mayor != 0 && equivalencia == 0) {
            //     Swal.fire("", "No has definido cuántas unidades hay en la presentación mayor", "warning");
            //     isValidToSavePresentacion = false;
            //     return false;
            // }

            let preciosMedidaMaestraArr = [];
            let preciosPresentacionMayorArr = [];

            let precio1ValorMedidaMaestra = 0;
            let precioPromocionalValorMedidaMaestra = 0;

            // Validación de Medida Maestra
            $('#preciosMedidaMaestraTable tbody tr').each(function () {
                let row = $(this);
                let pk_precio_negocio = row.find('.precio-input-maestra').data('id');
                let valor = parseFloat(row.find('.precio-input-maestra').val()) || 0;
                let margen = parseFloat(row.find('.margen-input-maestra').val()) || 0;
                let nombrePrecio = row.find('td').eq(0).text().trim();

                // Asignación de precios para validaciones posteriores
                if (nombrePrecio === 'PRECIO 1') {
                    precio1ValorMedidaMaestra = valor;
                } else if (nombrePrecio === 'PRECIO PROMOCIONAL') {
                    precioPromocionalValorMedidaMaestra = valor;
                }

                // Validación de precio en Medida Maestra solo para PRECIO 1 y si el costo está definido
                if (nombrePrecio === 'PRECIO 1' && costo_medida_maestra != 0 && valor <= costo_medida_maestra) {
                    Swal.fire("", "El Precio de la Medida Maestra no puede ser menor o igual al costo", "warning");
                    isValidToSavePresentacion = false;
                    return false;
                }

                if (valor == 0 && nombrePrecio === 'PRECIO 1') {
                    Swal.fire("", "El Precio 1 de la Medida Maestra NO puede ser 0", "warning");
                    isValidToSavePresentacion = false;
                    return false;
                }

                preciosMedidaMaestraArr.push({
                    pk_precio_negocio: pk_precio_negocio,
                    valor: valor,
                    margen: margen,
                });
            });

            // Validación entre Precio Promocional y Precio 1 en Medida Maestra
            if (precioPromocionalValorMedidaMaestra >= precio1ValorMedidaMaestra && precio1ValorMedidaMaestra != 0) {
                Swal.fire("", "El Precio Promocional en la Medida Maestra no puede ser igual o mayor al Precio 1", "warning");
                isValidToSavePresentacion = false;
            }

            if (!isValidToSavePresentacion) return;

            // Solo validar la Presentación Mayor si está seleccionada y la equivalencia es mayor que 0
            if (presentacion_mayor != 0 && equivalencia > 0) {
                let precio1ValorPresentacionMayor = 0;
                let precioPromocionalPresentacionMayor = 0;

                $('#preciosPresentacionMayorTable tbody tr').each(function () {
                    let row = $(this);
                    let pk_precio_negocio = row.find('.precio-input-mayor').data('id');
                    let valor = parseFloat(row.find('.precio-input-mayor').val()) || 0;
                    let margen = parseFloat(row.find('.margen-input-mayor').val()) || 0;
                    let nombrePrecio = row.find('td').eq(0).text().trim();

                    // Capturar valor de Precio 1 en Presentación Mayor
                    if (nombrePrecio === 'PRECIO 1') {
                        precio1ValorPresentacionMayor = valor;
                    } else if (nombrePrecio === 'PRECIO PROMOCIONAL') {
                        precioPromocionalPresentacionMayor = valor;
                    }

                    console.log(costo_presentacion_mayor);
                    console.log(valor);

                    if (costo_presentacion_mayor >= valor && costo_presentacion_mayor != 0 && nombrePrecio === 'PRECIO 1') {
                        Swal.fire("", "El Precio de la Presentación Mayor no puede ser menor o igual al costo", "warning");
                        isValidToSavePresentacion = false;
                        return false;
                    }

                    if (valor == 0 && nombrePrecio === 'PRECIO 1') {
                        Swal.fire("", "El Precio 1 de la Presentación Mayor NO puede ser 0", "warning");
                        isValidToSavePresentacion = false;
                        return false;
                    }

                    preciosPresentacionMayorArr.push({
                        pk_precio_negocio: pk_precio_negocio,
                        valor: valor,
                        margen: margen,
                    });
                });

                // Validación entre Precio Promocional y Precio 1 en Presentación Mayor
                let maxPrecioPresentacionMayor = precio1ValorMedidaMaestra * equivalencia;
                if (precioPromocionalValorMedidaMaestra >= precio1ValorPresentacionMayor && precioPromocionalValorMedidaMaestra != 0) {
                    Swal.fire("", "El Precio Promocional en la Presentación Mayor no puede ser igual o mayor al Precio 1 en la misma Presentación", "warning");
                    isValidToSavePresentacion = false;
                }

                // Validación de que Precio 1 en Presentación Mayor sea menor que el múltiplo de Precio 1 en Medida Maestra
                if (precio1ValorPresentacionMayor >= maxPrecioPresentacionMayor && maxPrecioPresentacionMayor != 0) {
                    Swal.fire("", "El Precio 1 de la Presentación Mayor no puede ser igual o mayor que " + maxPrecioPresentacionMayor + " (Precio 1 de la Medida Maestra * Equivalencia)", "warning");
                    isValidToSavePresentacion = false;
                }
            }

            if (!isValidToSavePresentacion) return;

            // Realizar el envío de datos mediante AJAX
            try {
                $.ajax({
                    url: `{% url 'control_update_all_producto_negocio' %}`,
                    type: 'POST',
                    data: {
                        pk_categoria: $('#categoriaSelect').val(),
                        pk_grupo: $('#grupoSelect').val(),
                        
                        pk_producto_negocio: pk_producto_negocio,
                        pk_presentacion_maestra: pk_presentacion_maestra,
                        pk_presentacion_mayor: pk_presentacion_mayor,
                        codigo_producto: codigo_producto,
                        codigo_barra: codigo_barra,
                        medida_maestra: medida_maestra,
                        costo_medida_maestra: costo_medida_maestra,
                        calcular_porc_rentabilidad: calcular_porc_rentabilidad,
                        costo_presentacion_mayor: costo_presentacion_mayor,
                        equivalencia: equivalencia,
                        preciosMedidaMaestra: JSON.stringify(preciosMedidaMaestraArr),
                        preciosPresentacionMayor: JSON.stringify(preciosPresentacionMayorArr),
                        negocio: negocio,
                        csrfmiddlewaretoken: csrfToken
                    },
                    beforeSend: function (xhr, type) {
                        // loading layer
                        $('#loading').show();
                    },
                    success: function (data) {
                        if (data.save != 1) {
                            Swal.fire("", "Error D19: " + data.error, "error");
                        } else {
                            if (data.barra != 0) {
                                Swal.fire("", "Ya Existe este Codigo de Barra", "warning");
                                $('#codigo_barra').val('');
                            }
                            if (data.codigo != 0) {
                                Swal.fire("", "Ya Existe este Codigo de Producto", "warning");
                                $('#codigo_producto').val('');
                            }

                            if (data.barra == 0 && data.codigo == 0) {
                                Swal.fire("", "Producto Editado!", "success");
                                // $('#productoModal').modal('hide');
                            }

                            productosTable.ajax.reload(null, false);
                        }
                    },
                    complete: function () {
                        // loading layer
                        $('#loading').hide();
                    }
                });
            } catch (error) {
                Swal.fire("", "Error A: " + error, "error");
            }
        });




        /* END SCRIPT */
    });
</script>



{% endblock %}