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

{% block title %} Gestion Servicios {% endblock %}


{% block body %}

<div class="row">
    <div class="col-sm-12 d-flex justify-content-end">
        <!-- <button type="button" class="btn btn-success btn-sm text-white me-2" id="btnPrecios">Configurar Tipos Precios</button> -->
        <button type="button" class="btn btn-warning btn-sm text-black" id="btnHelp">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">
                {% 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="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="serviciosTable" style="width: 100%;">
                <thead>
                    <tr>
                        <th>Servicio</th>
                        <th>Imagen</th>
                        <th>Asignar Servicio</th>
                        <th>Categorías de Negocio</th>
                    </tr>
                </thead>
                <tbody>
                    <!-- Aquí se cargará el contenido con AJAX -->
                </tbody>
            </table>
        </div>
    </div>
</div>

{% include 'servicios/control/modales/m_gestion_servicios.html' %}
{% include 'servicios/control/modales/m_img_productos.html' %}

{% endblock %}



{% block scripts %}


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

    $(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 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)
            }
        });

        var serviciosTable, 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();
        }

        // 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) {
            $("#serviciosTable").DataTable().clear().destroy();

            serviciosTable = $('#serviciosTable').DataTable({
                initComplete: function () {
                    serviciosTable.columns.adjust().draw();
                },
                scrollX: true,
                scrollCollapse: true,
                scrollY: '350px',
                pageLength: 50,
                ajax: {
                    beforeSend: function (xhr, type) {
                        if (!type.crossDomain) {
                            xhr.setRequestHeader(
                                'X-CSRF-Token',
                                $(
                                    'meta[name="csrf-token"]'
                                ).attr('content'));
                        }
                    },
                    url: `{% url 'control_list_servicios_x_negocio' %}`,
                    type: "POST",
                    dataSrc: 'data',
                    data: {
                        negocio: negocio,
                        categoria_negocio: categoria_negocio,
                        csrfmiddlewaretoken: csrfToken
                    },
                },
                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_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-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' },
                ]
            });
        }


        fillProductosCategoria();

        var shouldReload = true;

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

            serviciosTable.ajax.reload();
        });

        function addProductoNegocio(pk_producto_negocio, codigo_producto, medida_maestra, presentacion_mayor, equivalencia, negocio) {
            try {
                $.ajax({
                    url: `{% url 'control_add_producto_x_negocio' %}`,
                    method: 'POST',
                    data: {
                        pk_producto_negocio: pk_producto_negocio,
                        codigo_producto: codigo_producto,
                        medida_maestra: medida_maestra,
                        presentacion_mayor: presentacion_mayor,
                        equivalencia: equivalencia,
                        negocio: negocio,
                        csrfmiddlewaretoken: csrfToken
                    },
                    success: function (data) {
                        if (data.save == 1) {
                            toastMixin.fire({
                                icon: 'success',
                                animation: true,
                                title: 'Servicio Asignado!'
                            });
                            // Recargar la tabla solo si la variable shouldReload es verdadera
                            if (shouldReload) {
                                serviciosTable.ajax.reload();
                            }
                        } else {
                            Swal.fire("", "Error D: " + data.error, "error");
                        }
                    }
                });
            } 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
                    },
                    success: function (data) {
                        if (data.save == 1) {
                            serviciosTable.ajax.reload();
                            toastMixin.fire({
                                icon: 'success',
                                animation: true,
                                title: 'Servicio Retirado!'
                            });
                        } else {
                            Swal.fire("", "Error D: " + data.error, "error");
                        }

                    }
                });
            } catch (error) {
                Swal.fire("", "Error A: " + error, "error");
            }
        }


        var tablaPrecios = $('#tablaPrecios').DataTable({
            ajax: {
                beforeSend: function (xhr, type) {
                    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
                },
            },
            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>
                    `;
                    }
                }
            ],
        });


        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
            serviciosTable.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
            serviciosTable.ajax.reload();
            shouldReload = true;

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


        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) {
                        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
                    },
                },
                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>`;
                        }
                    },
                ]
            });


            $('#servicioModal').on('shown.bs.modal', function () {
                preciosMedidaMaestraTable.columns.adjust().draw();
            });

            /* $(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 D: " + 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) {
                        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
                    },
                },
                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>`;
                        }
                    },
                ]
            });


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

        }




        var loading, producto_name;
        var producto_negocio_id;

        $('#servicioModal').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;
            serviciosTable.ajax.reload(null, false);
        });


        // Event listener para el checkfbox
        $('#serviciosTable 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(0)").text());
            producto_negocio_id = $(this).data('producto-id');
            let codigo_producto = $(this).data('codigo-producto');
            let imagen_producto = $(this).data('imagen-producto');
            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);
            $('#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_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);

            $('#servicioModalLabel').text('Configurar Servicio: ' + capitalizeFirstLetter(producto_name));
            $('#servicioModal').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
            fillPreciosPresentacionNegocio(producto_negocio_id, negocio, fk_medida_maestra);
            fillPreciosPresentacionMayorNegocio(producto_negocio_id, negocio, pk_presentacion_maestra_asociada, presentacion_mayor);
        });


        // Event listener para el checkbox
        $('#serviciosTable 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);

        // Event listener para el checkbox
        $('#serviciosTable tbody').on('change', '.assign-product-checkbox', function () {
            let producto_negocio_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) {
                addProductoNegocio(producto_negocio_id, codigo_producto, fk_medida_maestra, presentacion_mayor, equivalencia, negocio, true);
            }
        });


        $(document).on('click', '.close_modal_asignar_medidas_presentaciones', function () {
            serviciosTable.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
                    },
                    success: function (data) {
                        if (data.save == 1) {
                            serviciosTable.ajax.reload();
                            //fillPreciosPresentacionNegocio(producto_negocio_id, negocio, fk_medida_maestra);
                            fillPreciosPresentacionMayorNegocio(producto_negocio_id, negocio, pk_producto_negocio, presentacion_mayor);
                        } else {
                            Swal.fire("", "Error D: " + data.error, "error");
                        }

                    }
                });
            } 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
                },
                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 D: " + data.error, "error");
                    }
                }
            });
        });


        $(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
                },
                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 D: " + data.error, "error");
                    }

                }
            });
        });


        $(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
                },
                success: function (data) {
                    if (data.save == 1) {
                        preciosMedidaMaestraTable.ajax.reload(null, false);
                        preciosPresentacionMayorTable.ajax.reload(null, false);


                        toastMixin.fire({
                            icon: 'success',
                            animation: true,
                            title: 'Nuevo Precio definido para Mostrar al Cliente!'
                        });
                    } else {
                        Swal.fire("", "Error D: " + data.error, "error");
                    }
                }
            });
        });


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


        $('#fileInput').change(function (e) {
            4
            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,
                    success: function (data) {
                        if (data.save == 1) {
                            Swal.close();
                            $('#imagen_producto').val('https://nexushn.com/app' + data.file_url);
                            serviciosTable.ajax.reload(null, false);
                            showImageModal('https://nexushn.com/app' + data.file_url, producto_name);
                        } else {
                            Swal.close();
                            Swal.fire("", "Error al Subir Archivos", "error");
                        }
                    }
                });
            }
        });


        $('#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();

            calcular_porc_rentabilidad = $(this).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);
            }
        });

        $(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);
            porcentajeRentabilidad = parseFloat(input.val()) || 0;
            costo = $('#costo_medida_maestra').val() || 0;
            costo = parseFloat(costo.replace(/,/g, ""));

            equivalencia = $('#equivalencia').val() || 1;
            costo = costo * equivalencia;

            fila = input.closest("tr"); // Obtiene la fila actual
            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 = $('#pk_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;

            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;

            // Realizar el envío de datos mediante AJAX
            try {
                $.ajax({
                    url: `{% url 'control_update_all_producto_negocio' %}`,
                    type: 'POST',
                    data: {
                        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
                    },
                    success: function (data) {
                        if (data.save != 1) {
                            Swal.fire("", "Error D: " + 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("", "Servicio Editado!", "success");
                                $('#servicioModal').modal('hide');
                            }

                            serviciosTable.ajax.reload(null, false);
                        }
                    }
                });
            } catch (error) {
                Swal.fire("", "Error A: " + error, "error");
            }
        });




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



{% endblock %}