@extends('adminlte::page')
@section('plugins.Select2', true)
@section('title', env('APP_NAME') . ' - Registrar Venta')
@section('content_header')
    <h1>Registrar Venta</h1>
@stop
@section('content')

    <div class="card">
        <div class="card-header">
            <h3 class="card-title">Venta</h3>
        </div>
        <div class="card-body">
            <form id="ventaForm" method="POST" action="{{ route('ventas.store') }}">
                @csrf
                                <!-- Información de la venta -->
                <div class="row">
                    <div class="col-md-3">
                        <div class="form-group">
                            <label for="serie_venta">
                                <i class="fas fa-hashtag text-primary"></i> Serie de Venta
                            </label>
                            <input type="text" id="serie_venta" name="serie_venta"
                                class="form-control" value="{{ $serie->number }}-{{ $serie->serie }}" readonly>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="form-group">
                            <label for="fecha_venta">
                                <i class="fas fa-calendar text-primary"></i> Fecha de Venta
                            </label>
                            <input type="date" id="fecha_venta" name="fecha_venta" class="form-control" required>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="form-group">
                            <label>&nbsp;</label>
                            <a href="{{ route('reportes.ordenes-ventas.export', ['format' => 'pdf']) }}"
                               class="btn btn-info btn-block" target="_blank">
                                <i class="fas fa-file-pdf"></i> Ver Reporte de Órdenes Pendientes
                            </a>
                        </div>
                    </div>
                </div>

                <hr>

                <!-- Selección de cliente -->
                <div class="row">
                    <div class="col-md-4">
                        <div class="form-group">
                            <label for="cliente_id">
                                <i class="fas fa-user text-primary"></i> Cliente
                            </label>
                            <select id="cliente_id" name="cliente_id" class="form-control select2" required>
                                <option value="" disabled selected>Selecciona un cliente</option>
                                @foreach ($clientes as $cliente)
                                    <option value="{{ $cliente->id }}">{{ $cliente->nombre_comercial }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="col-md-2">
                        <div class="form-group">
                            <label>&nbsp;</label>
                            <button type="button" class="btn btn-primary btn-block" id="btnBuscarOrdenes">
                                <i class="fas fa-search"></i> Buscar Órdenes
                            </button>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="form-group">
                            <label for="saldo_favor">
                                <i class="fas fa-piggy-bank text-success"></i> Saldo a Favor del Cliente
                            </label>
                            <div class="input-group">
                                <div class="input-group-prepend">
                                    <span class="input-group-text bg-success">
                                        <i class="fas fa-dollar-sign"></i>
                                    </span>
                                </div>
                                <input type="text" id="saldo_favor" class="form-control" readonly placeholder="0.00">
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Tabla de ordenes -->
                <hr>
                <p><b>Ordenes:</b></p>
                <table id="tablaOrdenes" class="table table-bordered">
                    <thead>
                        <tr>
                            <th>Id</th>
                            <th>Serie Orden</th>
                            <th>Cantidad Pollos</th>
                            <th>Peso Bruto</th>
                            <th>Cantidad Jabas</th>
                            <th>Tara</th>
                            <th>Peso Neto</th>
                            <th>Precio</th>
                            <th>Subtotal</th>
                        </tr>
                    </thead>
                    <tbody id="ordenesTbody">
                        <!-- Las filas se añadirán dinámicamente con jQuery -->
                    </tbody>
                </table>

                <hr>



                <div class="row detalle-venta">
                    <div class="col-md-6">
                        <div class="card shadow">
                            <div class="card-header bg-light">
                                <h5 class="mb-0"><i class="fas fa-comment"></i> Comentarios de Venta</h5>
                            </div>
                            <div class="card-body">
                                <div class="form-group">
                                    <textarea class="form-control" placeholder="Escriba aquí cualquier observación o detalle importante sobre la venta..."
                                              rows="4" id="comentario"
                                              style="resize: none;"></textarea>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-md-6">
                        <div class="card shadow">
                            <div class="card-header bg-light text-white">
                                <h5 class="mb-0"><i class="fas fa-calculator"></i> Resumen de Transacción</h5>
                            </div>
                            <div class="card-body">
                                <table class="table table-hover">
                                    <tbody>
                                        <tr>
                                            <td class="align-middle">
                                                <i class="fas fa-weight"></i>
                                                <strong>PESO NETO TOTAL (KG):</strong>
                                            </td>
                                            <td class="text-dark font-weight-bold h4" id="resumenPesoNeto">0.00</td>
                                        </tr>
                                        <tr>
                                            <td class="align-middle">
                                                <i class="fas fa-tags"></i>
                                                <strong>TOTAL DE VENTA S/:</strong>
                                            </td>
                                            <td class="text-success font-weight-bold h4" id="resumenTotalVenta">0.00</td>
                                        </tr>
                                        <tr>
                                            <td class="align-middle">
                                                <i class="fas fa-piggy-bank"></i>
                                                <strong>SALDO A FAVOR S/:</strong>
                                            </td>
                                            <td class="text-danger font-weight-bold h4" id="resumenSaldoFavor">0.00</td>
                                        </tr>
                                        <tr class="bg-light">
                                            <td class="align-middle">
                                                <i class="fas fa-money-bill-wave"></i>
                                                <strong>TOTAL A PAGAR S/:</strong>
                                            </td>
                                            <td class="text-primary font-weight-bold h3" id="resumenTotalPagar">0.00</td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>


                <!-- Botón de Enviar en el Footer -->
                <div class="text-right mt-4">
                    <button type="button" class="btn btn-success" id="btnGenerar"> <i class="fa fa-dollar-sign"></i> GENERAR ORDEN DE VENTA</button>
                </div>
            </form>
        </div>
    </div>

    <!-- Modal Add cliente -->
    @include('admin.clientes.modal')

@stop

@section('css')
    <style>
        .select2-selection {
            height: 40px !important;
        }


        .transaccion tr td {
            font-size: 25px !important;
        }

        .alert {
            margin-bottom: 20px;
        }

        .alert ul {
            margin-bottom: 10px;
        }

        .alert li {
            margin-bottom: 8px;
            padding: 5px 0;
            border-bottom: 1px solid #f0f0f0;
        }

        .alert li:last-child {
            border-bottom: none;
        }

        .table-warning {
            background-color: #fff3cd !important;
        }

        .table-warning:hover {
            background-color: #ffeaa7 !important;
        }

        .table-warning td {
            border-color: #ffeaa7 !important;
        }

        .input-group .btn-sm {
            padding: 0.25rem 0.5rem;
            font-size: 0.875rem;
            border-radius: 0.2rem;
        }

        .btnAplicarPrecio {
            border-top-left-radius: 0 !important;
            border-bottom-left-radius: 0 !important;
        }

        .input-group input[id="price"] {
            border-top-right-radius: 0 !important;
            border-bottom-right-radius: 0 !important;
        }
    </style>
@endsection

@section('js')
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>

    <script>
        const tipo_pollos = @json($tipoPollos);
        const presentacion_pollos = @json($presentacionPollos);
        const prices = @json($prices);
        const clientes = @json($clientes);

        // Select2
        $(document).ready(function() {
            $('.select2').select2({
                width: '100%'
            });
        });


        document.addEventListener('DOMContentLoaded', function() {

            // Función para obtener la fecha en formato YYYY-MM-DD en la zona horaria local
            function getLocalDateString() {
                const today = new Date();
                const year = today.getFullYear();
                const month = String(today.getMonth() + 1).padStart(2, '0'); // Meses empiezan en 0
                const day = String(today.getDate()).padStart(2, '0');
                return `${year}-${month}-${day}`;
            }
            // Establecer la fecha actual en el campo de entrada de fecha
            document.getElementById('fecha_venta').value = getLocalDateString();


            //Recorrer array tipo_pollos
            const tipoPollo = {};
            tipo_pollos.forEach(function(tipo) {
                tipoPollo[tipo.id] = tipo.descripcion;
            });

            //Recorrer array presentacion_pollos
            const presentacionPollo = {};
            presentacion_pollos.forEach(function(presentacion) {
                presentacionPollo[presentacion.id] = presentacion.descripcion;
            });


            //funciones y metodos
            $('#btnBuscarOrdenes').click(function(e) {
                e.preventDefault();
                const clienteId = $('#cliente_id').val(); // Obtener el cliente ID del input
                // Limpiar alertas anteriores
                $('.alert').remove();
                $.ajax({
                    url: '/ordenes/consolidado/' + clienteId, // La URL de la API con el cliente ID
                    type: 'GET', // Tipo de solicitud
                    success: function(response) {
                        // Limpiar la tabla antes de agregar nuevas filas
                        $('#ordenesTbody').empty();

                        // Variables para los cálculos
                        let totalPesoNeto = 0.00;
                        let totalVenta = 0.00;
                        let deudaAnterior =0.00; // Suponiendo que la deuda anterior es un valor que puedes obtener del cliente
                        let totalPagar = 0.00;
                        let saldo = parseFloat(response.saldo_total_ventas) || 0.00;
                        $('#saldo_favor').val(saldo);
                        const cliente = response.cliente;

                        // Verificar si hay precios diferentes y mostrar alerta
                        if (response.precios_diferentes && response.precios_diferentes.length > 0) {
                            let mensaje = '<div class="alert alert-warning" role="alert">';
                            mensaje += '<h5><i class="fas fa-exclamation-triangle"></i> Advertencia: Precios Diferentes Detectados</h5>';
                            mensaje += '<p>Se encontraron diferencias entre los precios de las órdenes y los precios configurados para el cliente:</p>';
                            mensaje += '<ul>';

                            response.precios_diferentes.forEach(function(diferencia) {
                                const tipoPolloNombre = tipoPollo[diferencia.tipo_pollo_id] || 'Desconocido';
                                const presentacionNombre = presentacionPollo[diferencia.presentacion_pollo_id] || 'Desconocido';
                                const signo = diferencia.diferencia > 0 ? '+' : '';

                                mensaje += `<li><strong>Orden ${diferencia.serie_orden}:</strong> ${presentacionNombre} - ${tipoPolloNombre}<br>`;
                                mensaje += `Precio en orden: S/ ${diferencia.precio_orden} | `;
                                mensaje += `Precio del cliente: S/ ${diferencia.precio_cliente} | `;
                                mensaje += `Diferencia: ${signo}S/ ${diferencia.diferencia}</li>`;
                            });

                            mensaje += '</ul>';
                            mensaje += '<p><strong>Recomendación:</strong> Verifique los precios antes de proceder con la venta. Puede usar el botón "Aplicar" en cada fila para corregir automáticamente los precios.</p>';
                            mensaje += '<div class="mt-3">';
                            mensaje += '<button type="button" class="btn btn-success btn-sm" id="btnAplicarTodos">';
                            mensaje += '<i class="fas fa-check-double"></i> Aplicar Todos los Precios del Cliente';
                            mensaje += '</button>';
                            mensaje += '</div>';
                            mensaje += '<button type="button" class="close" data-dismiss="alert" aria-label="Close">';
                            mensaje += '<span aria-hidden="true">&times;</span>';
                            mensaje += '</button>';
                            mensaje += '</div>';

                            // Insertar la alerta al inicio del formulario
                            $('#ventaForm').prepend(mensaje);

                            // Hacer scroll hacia la alerta
                            $('html, body').animate({
                                scrollTop: $('#ventaForm .alert').offset().top - 100
                            }, 500);
                        }

                        // Guardar los precios diferentes para uso posterior
                        window.preciosDiferentes = response.precios_diferentes || [];

                        //console.log(cliente);
                        // console.log(response.ordenes);
                        // console.log(response.cliente);
                        // console.log(response.saldo_total_ventas);
                        // Recorre todas las órdenes y muestra los detalles
                        // response.ordenes.forEach(function(orden) {
                        //     console.log('Orden:', orden.serie_orden);  // Imprime la serie de la orden
                        //     console.log('Detalles de la orden:', orden.detalles);  // Imprime los detalles asociados a la orden
                        //     orden.detalles.forEach(element => {
                        //         console.log(element);
                        //     });
                        // });


                        // Verificar si hay órdenes en la respuesta
                        if (response.ordenes.length > 0) {
                            // Crear un array con los IDs de órdenes que tienen precios diferentes
                            const ordenesConPreciosDiferentes = response.precios_diferentes ?
                                [...new Set(response.precios_diferentes.map(item => item.orden_id))] : [];

                            // Iterar sobre las órdenes y agregar filas a la tabla
                            response.ordenes.forEach(function(orden) {
                                // Calcular el peso neto y el subtotal de cada orden
                                totalPesoNeto += parseFloat(orden.peso_total_neto);
                                totalVenta += parseFloat(orden.subtotal);
                                let tiposPollo = [];
                                let presentacionesPollo = [];
                                let tipoPolloId;

                                orden.detalles.forEach(function(detalle) {
                                    // Verificar si el tipo de pollo no está ya en la lista
                                    const tipoPolloNombre = tipoPollo[detalle.tipo_pollo_id] || 'Desconocido';
                                    if (!tiposPollo.includes(tipoPolloNombre))
                                    {
                                        tiposPollo.push(tipoPolloNombre);
                                    }

                                    // Verificar si la presentación del pollo no está ya en la lista
                                    const presentacionPolloNombre = presentacionPollo[detalle.presentacion_pollo_id] || 'Desconocido';
                                    if (!presentacionesPollo.includes( presentacionPolloNombre)) {
                                        presentacionesPollo.push(presentacionPolloNombre);
                                    }

                                    tipoPolloId = detalle.tipo_pollo_id;
                                });

                                const tiposPolloStr = tiposPollo.join(', ');
                                const presentacionesPolloStr = presentacionesPollo.join(', ');

                                // Verificar si esta orden tiene precios diferentes
                                const tienePreciosDiferentes = ordenesConPreciosDiferentes.includes(orden.id);
                                const claseFila = tienePreciosDiferentes ? 'table-warning' : '';

                                // Crear una fila de la tabla con los datos de la orden
                                const fila = `
                                                <tr class="${claseFila}" ${tienePreciosDiferentes ? 'title="⚠️ Esta orden tiene precios diferentes a los configurados para el cliente"' : ''}>
                                                    <td>${orden.id}</td>
                                                    <td>${orden.serie_orden}${tienePreciosDiferentes ? ' <i class="fas fa-exclamation-triangle text-warning"></i>' : ''}</td>
                                                    <td>${orden.cantidad_pollos}</td>
                                                    <td>${orden.peso_total_bruto}</td>
                                                    <td>${orden.cantidad_jabas}</td>
                                                    <td>${orden.tara}</td>
                                                    <td>${orden.peso_total_neto}</td>
                                                    <td>
                                                        <div class="input-group">
                                                            <input type="number" class="form-control" step="0.01" id="price" value="${orden.detalles_precio}">
                                                            ${tienePreciosDiferentes ? '<button type="button" class="btn btn-warning btn-sm btnAplicarPrecio" title="Aplicar precio del cliente"><i class="fas fa-check"></i></button>' : ''}
                                                        </div>
                                                    </td>
                                                    <td class="subtotal">${(orden.peso_total_neto * orden.detalles_precio).toFixed(2)}</td>
                                                    <td> ${presentacionesPolloStr}</td>
                                                    <td> ${tiposPolloStr}</td>
                                                    <td>
                                                        <a href="/ordenes-de-despacho/${orden.id}/a4" target="_blank" class="btn btn-info">Detalles</a>
                                                    </td>
                                                    <td>
                                                        <button class="btn btn-danger btnEliminarOrden">Eliminar</button>
                                                    </td>
                                                    <td style="color:white;">${tipoPolloId}</td>
                                                </tr>
                                            `;
                                // Añadir la fila a la tabla
                                $('#ordenesTbody').append(fila);
                            });
                            //deudaAnterior = parseFloat(response.cliente.deuda_anterior) || 0.00; // Usar valor de deuda anterior de la respuesta
                            // Calcular el total a pagar (total venta + deuda anterior)
                            totalPagar = (totalVenta + deudaAnterior) - saldo;
                        } else {
                            // Si no hay órdenes, mostrar un mensaje
                            $('#ordenesTbody').append( '<tr><td colspan="8" class="text-center">No se encontraron órdenes.</td></tr>');
                        }
                        // Mostrar el total en el resumen de transacción
                        $('#resumenPesoNeto').text(totalPesoNeto.toFixed(2));
                        $('#resumenTotalVenta').text(totalVenta.toFixed(2));
                        $('#resumenSaldoFavor').text(saldo.toFixed(2));
                        $('#resumenTotalPagar').text(totalPagar.toFixed(2));

                        recalcularTotales();
                    },
                    error: function(xhr, status, error) {
                        console.log('Error:', error);
                        Swal.fire({
                            icon: 'error',
                            title: 'Error',
                            text: 'Ocurrió un error al obtener las órdenes.',
                        });
                    }
                });

            });


            $('#ordenesTbody').on('click', '.btnEliminarOrden', function() {
                // Eliminar la fila correspondiente al botón de eliminar
                $(this).closest('tr').remove();
                // Si necesitas actualizar algún cálculo después de eliminar la fila (como totalPesoNeto, totalVenta, etc.)
                recalcularTotales();
            });

            // Evento para el botón "Aplicar Todos"
            $(document).on('click', '#btnAplicarTodos', function() {
                if (window.preciosDiferentes && window.preciosDiferentes.length > 0) {
                    let aplicados = 0;

                    window.preciosDiferentes.forEach(function(precioDiferente) {
                        const fila = $(`#ordenesTbody tr:contains("${precioDiferente.orden_id}")`).first();
                        if (fila.length > 0) {
                            const inputPrecio = fila.find('input[id="price"]');
                            inputPrecio.val(precioDiferente.aplicar_precio);
                            inputPrecio.trigger('change');
                            aplicados++;
                        }
                    });

                    // Limpiar la lista de precios diferentes
                    window.preciosDiferentes = [];

                    // Remover la alerta
                    $('.alert-warning').fadeOut(500, function() {
                        $(this).remove();
                    });

                    // Mostrar notificación de éxito
                    Swal.fire({
                        icon: 'success',
                        title: 'Precios Aplicados',
                        text: `Se aplicaron ${aplicados} precios del cliente correctamente.`,
                        timer: 2000,
                        showConfirmButton: false
                    });
                }
            });

            // Evento para el botón "Aplicar" precio del cliente
            $('#ordenesTbody').on('click', '.btnAplicarPrecio', function() {
                const fila = $(this).closest('tr');
                const ordenId = parseInt(fila.find('td').eq(0).text());
                const inputPrecio = fila.find('input[id="price"]');

                // Buscar el precio del cliente para esta orden
                const precioDiferente = window.preciosDiferentes.find(item => item.orden_id === ordenId);

                if (precioDiferente) {
                    // Aplicar el precio del cliente
                    inputPrecio.val(precioDiferente.aplicar_precio);

                    // Trigger el evento change para recalcular el subtotal
                    inputPrecio.trigger('change');

                    // Remover este precio de la lista de precios diferentes
                    window.preciosDiferentes = window.preciosDiferentes.filter(item => item.orden_id !== ordenId);

                    // Si no quedan precios diferentes, remover la alerta
                    if (window.preciosDiferentes.length === 0) {
                        $('.alert-warning').fadeOut(500, function() {
                            $(this).remove();
                        });
                    }

                    // Mostrar notificación de éxito
                    Swal.fire({
                        icon: 'success',
                        title: 'Precio Aplicado',
                        text: `Se aplicó el precio del cliente: S/ ${precioDiferente.aplicar_precio}`,
                        timer: 1500,
                        showConfirmButton: false
                    });
                }
            });

            //modificar el precio del cliente
            $(document).on('change', '#price', function() {
                // Obtener la fila en la que se encuentra el input de precio
                const fila = $(this).closest('tr');

                // Obtener el precio ingresado en el campo de entrada
                const precio = parseFloat($(this).val()) || 0;

                // Obtener el valor de pesoNeto de la misma fila, en la columna correspondiente (columna 7, índice 6)
                const pesoNeto = parseFloat(fila.find('td').eq(6).text()) || 0;

                // Calcular el subtotal
                const subtotal = precio * pesoNeto;

                // Actualizar el subtotal en la columna correspondiente de la misma fila (columna 9, índice 8)
                fila.find('td').eq(8).text(subtotal.toFixed(2)); // Actualizamos la columna Subtotal

                // Si la fila tenía precios diferentes, remover la clase de advertencia
                if (fila.hasClass('table-warning')) {
                    fila.removeClass('table-warning');
                    fila.removeAttr('title');
                    // Remover el ícono de advertencia
                    fila.find('td').eq(1).html(fila.find('td').eq(1).text());
                }

                recalcularTotales();
            });

            // Función para recalcular los totales
            function recalcularTotales() {
                let totalPesoNeto = 0;
                let totalVenta = 0;
                // let deudaAnterior = parseFloat($('#resumenDeudaAnterior').text()) || 0;
                let saldoFavor = parseFloat($('#saldo_favor').val()) || 0;
                let totalPagar = 0;

                // Recorremos todas las filas para sumar el peso neto y el subtotal
                $('#ordenesTbody tr').each(function() {
                    const pesoNeto = parseFloat($(this).find('td').eq(6).text()) || 0;
                    const subtotal = parseFloat($(this).find('.subtotal').text()) || 0;

                    totalPesoNeto += pesoNeto;
                    totalVenta += subtotal;
                });

                // Calcular el total a pagar (total venta + deuda anterior)
                totalPagar =  saldoFavor > totalVenta ? 0 :  totalVenta - saldoFavor  ;

                // Mostrar los totales actualizados en el resumen
                $('#resumenPesoNeto').text(totalPesoNeto.toFixed(2));
                $('#resumenTotalVenta').text(totalVenta.toFixed(2));
                $('#resumenTotalPagar').text(totalPagar.toFixed(2));
            }


            $('#btnGenerar').on('click', function(event) {
                event.preventDefault(); // Evita el envío inmediato del formulario

                const clienteId = $('#cliente_id').val();
                const serie_venta = $('#serie_venta').val();
                const fecha_venta = $('#fecha_venta').val();
                const selectedOrders = [];

                // Verificar si hay alertas de precios diferentes
                const hayPreciosDiferentes = $('.alert-warning').length > 0;

                $('#ordenesTbody tr').each(function() {
                    const ordenId = $(this).find('td').eq(0).text(); // Obtener el ordenId de la primera celda (índice 0)
                    // Obtener los datos de la fila
                    const orden = {
                        id: ordenId,
                        pesoNeto: parseFloat($(this).find('td').eq(6).text()), // Obtienes el peso neto de la orden
                        precio: parseFloat($(this).find('td').eq(7).find('input').val()), // Obtienes el nuevo precio de la orden
                        subtotal: parseFloat($(this).find('td').eq(8).text()), // Obtienes el subtotal de la orden
                        tipoPollo: $(this).find('td').eq(13).text() // Obtienes el tipo pollo id
                    };
                    selectedOrders.push(orden);
                });

                if (selectedOrders.length === 0) {
                    Swal.fire({
                        icon: 'info',
                        title: '¡Información!',
                        text: 'Por favor, seleccione al menos una orden.',
                    })
                    return;
                }

                // Capturar los valores de las celdas del resumen
                const totalPesoNeto = parseFloat($('#resumenPesoNeto').text());
                const totalVenta = parseFloat($('#resumenTotalVenta').text());
                const totalPagar = parseFloat($('#resumenTotalPagar').text());
                const saldoFavor = parseFloat($('#resumenSaldoFavor').text());
                const montoRecibido = 0;

                const comentario = $('#comentario').val();

                const ventaData = {
                    'cliente_id': clienteId,
                    'serie_venta': serie_venta,
                    'fecha_venta': fecha_venta,
                    'peso_neto': totalPesoNeto,
                    'forma_de_pago': 1,
                    'monto_total': totalVenta,
                    'monto_recibido': montoRecibido,
                    'monto_pendiente': totalPagar - montoRecibido,
                    'saldo': saldoFavor,
                    'comentario': comentario,
                    'ordenes_despacho_ids': selectedOrders.map(orden => orden.id),
                    'ordenes_despacho': selectedOrders
                }

                console.log(ventaData);

                let confirmacionTexto = "¿Está seguro de registrar la Orden de Venta?";
                let confirmacionIcono = "warning";

                if (hayPreciosDiferentes) {
                    confirmacionTexto = "⚠️ ADVERTENCIA: Se detectaron precios diferentes en las órdenes. ¿Está seguro de continuar con la venta?";
                    confirmacionIcono = "warning";
                }

                Swal.fire({
                    title: "CONFIRMACIÓN",
                    text: confirmacionTexto,
                    icon: confirmacionIcono,
                    showCancelButton: true,
                    confirmButtonColor: "#3085d6",
                    cancelButtonText: "Cancelar",
                    cancelButtonColor: "#d33",
                    confirmButtonText: "Si, Registrar"
                }).then((result) => {
                    if (result.isConfirmed) {
                        // Realizar la solicitud AJAX para registrar la venta
                        $.ajax({
                            url: '{{ route('ventas.store') }}', // Asegúrate de que esta URL sea la correcta
                            type: 'POST',
                            data: ventaData,
                            success: function(response) {
                                Swal.fire({
                                    icon: 'success',
                                    title: 'Éxito',
                                    text: 'Orden de venta genera correctamente.',
                                    showConfirmButton: false,
                                    timer: 1000
                                }).then(() => {
                                    location.reload(); // Recarga la página después de mostrar la alerta
                                });
                            },
                            error: function(xhr, status, error) {
                                //console.log('Error:', error);
                                let errorMessage = 'Ocurrió un error al procesar la solicitud.';
                                if (xhr.responseJSON && xhr.responseJSON.message) {
                                    errorMessage = xhr.responseJSON.message; // Si el backend envía un mensaje de error específico
                                }
                                Swal.fire({
                                    icon: 'error',
                                    title: 'Error',
                                    text: errorMessage,
                                });
                            }
                        });
                    }
                });

            });

            //seleccionar la forma de pago 0 contado, 1 credito
            $('#forma_de_pago').change(function() {
                var selectedValue = $(this).val();
                var metodoPagoSelect = $('#metodo_pago_id');

                // Valor del método de pago para "Crédito"
                var metodoPagoCreditoValue =
                    '5'; // Asegúrate de que este valor coincida con el valor real para "Crédito"

                if (selectedValue == '1') { // Si se selecciona "Crédito"
                    metodoPagoSelect.val(metodoPagoCreditoValue); // Selecciona el método de pago "Crédito"

                    let saldo = $('#monto_total').val();

                    $('#monto_recibido').val('0.00');
                    $('#monto_recibido').prop('readonly', true);
                    $('#checkPagoCompleto').prop('readonly', true);
                    $('#saldo').val(saldo);
                    $('#checkPagoCompleto').prop('disabled', true);


                } else {
                    metodoPagoSelect.val(
                        '1'); // Selecciona un valor por defecto, o podrías dejarlo en blanco
                    $('#saldo').val('0.00');
                    $('#monto_recibido').prop('readonly', false);
                    $('#checkPagoCompleto').prop('disabled', false);
                }
            });

            //check calculo del monto completo
            $('#checkPagoCompleto').change(function() {
                if ($(this).is(':checked')) {
                    // Obtener el monto total a pagar
                    var montoTotal = parseFloat($('#monto_total').val()) || 0;

                    // Establecer el monto recibido igual al monto total a pagar
                    $('#monto_recibido').val(montoTotal);

                    // Calcular y mostrar el saldo
                    $('#saldo').val('0.00');
                } else {
                    // Si no está marcado, limpiar los campos
                    $('#monto_recibido').val('0.00');
                    $('#saldo').val('0.00');
                }
            });

            //calcular el monto recibido
            $('#monto_recibido').on('input', function() {
                var montoTotal = parseFloat($('#monto_total').val()) || 0;
                var montoRecibido = parseFloat($(this).val()) || 0;

                // Calcular y mostrar el saldo
                var saldo = montoTotal - montoRecibido;
                $('#saldo').val(saldo.toFixed(2));
            });


            //ruta de pdf
            // Variable global para guardar la URL del PDF
            let pdfUrl_a4 = '';
            let pdfUrl_ticket = ''

            // Suponiendo que la URL se obtiene cuando se registra el documento
            function setPrint(venta) {
                $('#btnDocumentA4').attr('href', venta.url_pdf);
                $('#btnDocumentTicket').attr('href', venta.url_ticket);
            }
            //btnReload pagina
            $('#btnReloadPage').click(function(e) {
                e.preventDefault();
                window.location.reload(); // Opcional: recargar la página
            });



        });
    </script>
@stop