@extends('adminlte::page')
@section('plugins.Select2', true)
@section('title', env('APP_NAME') . ' - Registrar Venta')
@section('content_header')
    <div class="d-flex justify-content-between align-items-center">
        <h1> Registrar Venta</h1>
    </div>
@stop
@section('content')

    <form id="ventaForm" method="POST" action="{{ route('ventas.store') }}">
        @csrf

        <!-- CARD 1: Datos de la Venta -->
        <div class="card">
            <div class="card-header bg-primary text-white">
                <h3 class="card-title mb-0"><i class="fas fa-shopping-cart"></i> Datos de la Venta</h3>
            </div>
            <div class="card-body">
                <!-- Primera Fila: Campos principales -->
                <div class="row">
                    <div class="col-md-2">
                        <div class="form-group mb-2">
                            <label for="serie_venta" class="small font-weight-bold">
                                <i class="fas fa-hashtag text-primary"></i> Serie de Venta
                            </label>
                            <input type="text" id="serie_venta" name="serie_venta"
                                class="form-control form-control" value="{{ $serie->number }}-{{ $serie->serie }}" readonly>
                        </div>
                    </div>
                    <div class="col-md-2">
                        <div class="form-group mb-2">
                            <label for="fecha_venta" class="small font-weight-bold">
                                <i class="fas fa-calendar text-primary"></i> Fecha de Venta
                            </label>
                            <input type="date" id="fecha_venta" name="fecha_venta" class="form-control form-control" required>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="form-group mb-2">
                            <label for="cliente_id" class="small font-weight-bold">
                                <i class="fas fa-user text-primary"></i> Cliente <span class="text-danger">*</span>
                            </label>
                            <select id="cliente_id" name="cliente_id" class="form-control select2" style="width: 100%;" 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 mb-2">
                            <label class="small font-weight-bold">
                                <i class="fas fa-search text-primary"></i> Buscar Órdenes
                            </label>
                            <button type="button" class="btn btn-primary btn btn-block" id="btnBuscarOrdenes">
                                <i class="fas fa-search"></i> Buscar
                            </button>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="form-group mb-2">
                            <label for="saldo_favor" class="small font-weight-bold">
                                <i class="fas fa-piggy-bank text-success"></i> Saldo a Favor
                            </label>
                            <div class="input-group input-group">
                                <div class="input-group-prepend">
                                    <span class="input-group-text bg-success text-white">
                                        <i class="fas fa-dollar-sign"></i>
                                    </span>
                                </div>
                                <input type="text" id="saldo_favor" class="form-control font-weight-bold" readonly placeholder="0.00">
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Segunda Fila: Ver Reporte PDF -->
                <div class="row">
                    <div class="col-md-2">
                        <a href="{{ route('reportes.ordenes-ventas.export', ['format' => 'pdf']) }}"
                           class="btn btn-info btn btn-block" target="_blank">
                            <i class="fas fa-file-pdf"></i> Ver Órdenes PDF
                        </a>
                    </div>
                </div>
            </div>
        </div>

        <!-- CARD 2: Detalle de la Venta -->
        <div class="card mt-3">
                    <div class="card-header bg-info text-white">
                        <h3 class="card-title mb-0"><i class="fas fa-list"></i> Detalles de la Venta</h3>
                    </div>
                    <div class="card-body p-0">
                        <div class="table-responsive">
                            <table id="tablaOrdenes" class="table table-bordered table-hover mb-0">
                                <thead class="thead-light">
                                    <tr>
                                        <th class="text-center" style="width: 5%;">ID</th>
                                        <th>Serie Orden</th>
                                        <th class="text-center">Cant. Pollos</th>
                                        <th class="text-center">Peso Bruto</th>
                                        <th class="text-center">Cant. Jabas</th>
                                        <th class="text-center">Tara</th>
                                        <th class="text-center">Peso Neto</th>
                                        <th>Precio S/</th>
                                        <th class="text-center">Subtotal S/</th>
                                        <th>Presentación</th>
                                        <th>Tipo Pollo</th>
                                        <th class="text-center" style="width: 8%;">Acción</th>
                                    </tr>
                                </thead>
                                <tbody id="ordenesTbody">
                                    <!-- Las filas se añadirán dinámicamente con jQuery -->
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>

        <!-- CARD 3: Resumen de Transacción -->
        <div class="card mt-3">
            <div class="card-header bg-success text-white">
                <h3 class="card-title mb-0"><i class="fas fa-calculator"></i> Resumen de Transacción</h3>
            </div>
            <div class="card-body">
                <div class="row">
                    <div class="col-md-6">
                        <div class="form-group mb-0">
                            <label class="text-muted"><i class="fas fa-comment text-info"></i> Observaciones (Opcional)</label>
                            <textarea class="form-control" placeholder="Notas adicionales sobre la venta..."
                                      rows="4" id="comentario" name="comentario"
                                      style="resize: none;"></textarea>
                            <small class="text-muted">Agrega notas adicionales sobre esta venta</small>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <table class="table mb-0" style="background-color: white;">
                            <tbody>
                                <tr>
                                    <td class="align-middle pl-4 py-3" width="65%">
                                        <i class="fas fa-weight text-muted"></i>
                                        <strong class="ml-2">PESO NETO TOTAL:</strong>
                                    </td>
                                    <td class="text-right align-middle font-weight-bold pr-4 py-3" id="resumenPesoNeto" style="font-size: 1.1rem;">0.00 KG</td>
                                </tr>
                                <tr>
                                    <td class="align-middle pl-4 py-3">
                                        <i class="fas fa-tags text-success"></i>
                                        <strong class="ml-2">TOTAL DE VENTA:</strong>
                                    </td>
                                    <td class="text-right text-success align-middle font-weight-bold pr-4 py-3" id="resumenTotalVenta" style="font-size: 1.3rem;">S/ 0.00</td>
                                </tr>
                                <tr>
                                    <td class="align-middle pl-4 py-3">
                                        <i class="fas fa-piggy-bank text-warning"></i>
                                        <strong class="ml-2">SALDO A FAVOR:</strong>
                                    </td>
                                    <td class="text-right text-warning align-middle font-weight-bold pr-4 py-3" id="resumenSaldoFavor" style="font-size: 1.1rem;">S/ 0.00</td>
                                </tr>
                                <tr class="bg-gradient-primary text-white">
                                    <td class="align-middle pl-4 py-3">
                                        <i class="fas fa-money-bill-wave text-white"></i>
                                        <strong class="text-white ml-2">TOTAL A PAGAR:</strong>
                                    </td>
                                    <td class="text-right text-white align-middle font-weight-bold pr-4 py-3" id="resumenTotalPagar" style="font-size: 1.4rem;">S/ 0.00</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>

                <!-- Botones de Acción -->
                <div class="row mt-4">
                    <div class="col-md-12 text-right">
                        <button type="button" class="btn btn-secondary btn-lg mr-2" onclick="window.location.reload()">
                            <i class="fas fa-times"></i> Cancelar
                        </button>
                        <button type="button" class="btn btn-success btn-lg" id="btnGenerar">
                            <i class="fas fa-save"></i> Registrar Venta
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </form>

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

    <!-- Modal Precios Diferentes -->
    <div class="modal fade" id="modalPreciosDiferentes" tabindex="-1" role="dialog" aria-labelledby="modalPreciosDiferentesLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header bg-warning text-dark">
                    <h5 class="modal-title" id="modalPreciosDiferentesLabel">
                        <i class="fas fa-exclamation-triangle"></i> Advertencia: Precios Diferentes Detectados
                    </h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <p class="mb-3">Se encontraron diferencias entre los precios de las órdenes y los precios configurados para el cliente:</p>
                    <div id="preciosDiferentesList" class="mb-3">
                        <!-- Se llenará dinámicamente -->
                    </div>
                    <div class="alert alert-info mb-3">
                        <i class="fas fa-info-circle"></i> <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.
                    </div>

                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-danger" data-dismiss="modal">
                        <i class="fas fa-times"></i> Cancelar
                    </button>
                    <button type="button" class="btn btn-success" id="btnAplicarTodosModal">
                        <i class="fas fa-check"></i> Aplicar Precios del Cliente
                    </button>
                </div>
            </div>
        </div>
    </div>

@stop

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

        .select2-container .select2-selection--single {
            height: 37px !important;
        }

        .select2-container--default .select2-selection--single .select2-selection__rendered {
            line-height: 32px !important;
        }

        .select2-container--default .select2-selection--single .select2-selection__arrow {
            height: 32px !important;
        }


        /* Tabla con precios diferentes */
        .table-warning {
            background-color: #fff3cd !important;
        }

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

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

        /* Alertas */
        .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;
        }

        /* Input groups */
        .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;
        }

        /* Cards outline */
        .card-outline {
            border-top: 3px solid;
        }

        .card-outline.card-primary {
            border-top-color: #007bff;
        }

        .card-outline.card-info {
            border-top-color: #17a2b8;
        }

        /* Resumen destacado */
        .bg-gradient-primary {
            background: linear-gradient(135deg, #007bff 0%, #0056b3 100%) !important;
        }

        /* Tabla de resumen con mejor espaciado */
        table tbody tr {
            border-bottom: 1px solid #dee2e6;
        }

        table tbody tr:last-child {
            border-bottom: none;
        }

        /* Responsive */
        @media (max-width: 768px) {
            .h3 { font-size: 1.2rem !important; }
            .h4 { font-size: 1.1rem !important; }
            .h5 { font-size: 1rem !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 modal
                        if (response.precios_diferentes && response.precios_diferentes.length > 0) {
                            let listaHtml = '<ul class="list-group">';

                            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 ? '+' : '';
                                const badgeClass = diferencia.diferencia > 0 ? 'badge-warning' : 'badge-info';

                                listaHtml += `<li class="list-group-item">`;
                                listaHtml += `<div class="d-flex justify-content-between align-items-center">`;
                                listaHtml += `<div>`;
                                listaHtml += `<strong>Orden ${diferencia.serie_orden}:</strong> ${presentacionNombre} - ${tipoPolloNombre}<br>`;
                                listaHtml += `<small class="text-muted">`;
                                listaHtml += `Precio en orden: <strong>S/ ${diferencia.precio_orden}</strong> | `;
                                listaHtml += `Precio del cliente: <strong>S/ ${diferencia.precio_cliente}</strong>`;
                                listaHtml += `</small>`;
                                listaHtml += `</div>`;
                                listaHtml += `<span class="badge ${badgeClass} badge-pill" style="font-size: 0.9rem;">${signo}S/ ${Math.abs(diferencia.diferencia).toFixed(2)}</span>`;
                                listaHtml += `</div>`;
                                listaHtml += `</li>`;
                            });

                            listaHtml += '</ul>';
                            $('#preciosDiferentesList').html(listaHtml);

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

                        // 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-sm btn-info" title="Ver detalles"> <i class="fas fa-eye"></i> </a>
                                                        <button class="btn btn-sm btn-danger btnEliminarOrden" title="Eliminar orden"> <i class="fas fa-trash"></i> </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) + ' KG');
                        $('#resumenTotalVenta').text('S/ ' + totalVenta.toFixed(2));
                        $('#resumenSaldoFavor').text('S/ ' + saldo.toFixed(2));
                        $('#resumenTotalPagar').text('S/ ' + 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" (desde el modal)
            $(document).on('click', '#btnAplicarTodosModal', 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 = [];

                    // Cerrar el modal
                    $('#modalPreciosDiferentes').modal('hide');

                    // 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, cerrar el modal
                    if (window.preciosDiferentes.length === 0) {
                        $('#modalPreciosDiferentes').modal('hide');
                    }

                    // 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) + ' KG');
                $('#resumenTotalVenta').text('S/ ' + totalVenta.toFixed(2));
                $('#resumenTotalPagar').text('S/ ' + totalPagar.toFixed(2));
            }


            //Generar la venta
            $('#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)
                    const pesoNeto = parseFloat($(this).find('td').eq(6).text()) || 0; // Peso Neto
                    const precio = parseFloat($(this).find('td').eq(7).find('input').val()) || 0; // Precio
                    const subtotal = parseFloat($(this).find('td').eq(8).text().replace('S/ ', '')) || 0; // Subtotal
                    const tipoPolloId = $(this).find('td:last').text(); // Última celda (oculta con tipoPolloId)

                    // Obtener los datos de la fila
                    const orden = {
                        id: ordenId,
                        pesoNeto: pesoNeto,
                        precio: precio,
                        subtotal: subtotal,
                        tipoPollo: tipoPolloId
                    };
                    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().replace(' KG', ''));
                const totalVenta = parseFloat($('#resumenTotalVenta').text().replace('S/ ', ''));
                const totalPagar = parseFloat($('#resumenTotalPagar').text().replace('S/ ', ''));
                const saldoFavor = parseFloat($('#resumenSaldoFavor').text().replace('S/ ', ''));
                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 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