@extends('adminlte::page')
@section('plugins.Select2', true)
@section('plugins.Sweetalert2', true)
@section('title', env('APP_NAME') . ' - Despacho a Destiempo')
@section('content_header')
    <h1><i class="fas fa-clock"></i> Despacho fuera de horario</h1>
    <p class="text-muted">Este despacho se realiza fuera de horario, por lo que se debe registrar con un comentario</p>
@stop

@section('content')

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

        <input type="hidden" value="{{ auth()->user()->id }}" id="userActiveId">

        <!-- Datos de la Orden -->
        <div class="card mb-3">
            <div class="card-header bg-primary text-white">
                <h3 class="card-title mb-0">
                    <i class="fas fa-file-invoice mr-2"></i> Datos de la Orden
                </h3>
            </div>
            <div class="card-body">
                <div class="row">

                    <!-- Serie de Venta -->
                    <div class="col-md-3">
                        <div class="form-group">
                            <label for="serie_orden">Serie de Orden</label>
                            <input type="text" id="serie_orden" name="serie_orden" class="form-control" required
                                value="{{ $serie->number }}-{{ $serie->serie }}" readonly>
                            @error('serie_orden')
                                <span class="text-danger">{{ $message }}</span>
                            @enderror
                        </div>
                    </div>

                    <!-- Fecha de Venta -->
                    <div class="col-md-3">
                        <div class="form-group">
                            <label for="fecha_despacho">Fecha de Despacho</label>
                            <input type="date" id="fecha_despacho" name="fecha_despacho" class="form-control" required>
                            @error('fecha_despacho')
                                <span class="text-danger">{{ $message }}</span>
                            @enderror
                        </div>
                    </div>

                    <!-- Select Cliente -->
                    <div class="col-md-4">

                        <div class="form-group">
                            <label for="cliente_id">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>
                            @error('cliente_id')
                                <span class="text-danger">{{ $message }}</span>
                            @enderror
                        </div>
                    </div>

                    <!-- Botón Nuevo Cliente -->
                    <div class="col-md-2">
                        <div class="form-group">
                            <label>&nbsp;</label>
                            <button type="button" class="btn btn-info btn-block" data-toggle="modal" data-target="#createClientModal">
                                <i class="fa fa-user mr-1"></i> Nuevo Cliente
                            </button>
                        </div>
                    </div>
                </div>

                <!-- Comentario y Opciones -->
                <div class="row">
                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="comentario">Comentario <span class="text-danger">*</span></label>
                            <textarea name="comentario" id="comentario" class="form-control" rows="2" placeholder="Agregar comentario al despacho" required></textarea>
                        </div>
                    </div>

                    @if (auth()->user()->autorizador)
                        <div class="col-md-3">
                            <div class="form-group">
                                <label>&nbsp;</label>
                                <div class="form-check mt-2">
                                    <input class="form-check-input" type="checkbox" value="" name="check-peso-bruto" id="checkPesoBruto">
                                    <label class="form-check-label" for="checkPesoBruto">
                                        <small><b>¿Desea habilitar el campo Peso Bruto?</b></small>
                                    </label>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="form-group">
                                <label>&nbsp;</label>
                                <div class="form-check mt-2">
                                    <input class="form-check-input" type="checkbox" name="fuera_de_horario" id="fuera_de_horario" checked>
                                    <label class="form-check-label" for="fuera_de_horario">
                                        <small><b>Fuera de Horario</b></small>
                                    </label>
                                </div>
                            </div>
                        </div>
                    @else
                        <div class="col-md-6">
                            <div class="form-group">
                                <label>&nbsp;</label>
                                <div class="form-check mt-2">
                                    <input class="form-check-input" type="checkbox" name="fuera_de_horario" id="fuera_de_horario" checked>
                                    <label class="form-check-label" for="fuera_de_horario">
                                        <small><b>Fuera de Horario</b></small>
                                    </label>
                                </div>
                            </div>
                        </div>
                    @endif
                </div>
            </div>
        </div>

        <!-- Detalles de la Orden -->
        <div class="card mb-3">
            <div class="card-header bg-info text-white">
                <h3 class="card-title mb-0">
                    <i class="fas fa-list mr-2"></i> Detalles de la Orden
                </h3>
            </div>
            <div class="card-body">
                <!-- Primera Fila -->
                <div class="row">
                    <!-- Tipo de Pollo -->
                    <div class="col-md-2">
                        <div class="form-group">
                            <label for="tipo_pollo_id">Tipo de Pollo <span class="text-danger">*</span></label>
                            <select id="tipo_pollo_id" name="tipo_pollo_id" class="form-control form-control-sm">
                                @foreach ($tipoPollos as $tipo)
                                    <option value="{{ $tipo->id }}">{{ $tipo->descripcion }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>

                    <!-- Disponibilidad -->
                    <div class="col-md-2">
                        <div class="form-group">
                            <label for="cantidad_disponible_tipo">Cantidad Disponible</label>
                            <input type="text" id="cantidad_disponible_tipo" class="form-control form-control-sm bg-light" readonly>
                        </div>
                    </div>
                    <div class="col-md-2">
                        <div class="form-group">
                            <label for="peso_disponible_tipo">Peso Disponible (kg)</label>
                            <input type="text" id="peso_disponible_tipo" class="form-control form-control-sm bg-light" readonly>
                        </div>
                    </div>
                    <div class="col-md-2">
                        <div class="form-group">
                            <label for="tara">Tara (kg) <span class="text-danger">*</span></label>
                            <input type="text" id="tara" name="tara" class="form-control form-control-sm">
                        </div>
                    </div>
                </div>

                <!-- Campos ocultos necesarios para el funcionamiento -->
                <input type="hidden" id="precio" name="precio" value="0">
                <input type="hidden" id="tipo_ingreso" value="2">
                <input type="hidden" id="presentacion_pollo_id" value="1">
                <input type="hidden" id="generateNotaIngreso" value="0">
                <input type="hidden" id="checkConversionPollo" value="0">

                <!-- Segunda Fila -->
                <div class="row">
                    <div class="col-md-2">
                        <div class="form-group">
                            <label for="cantidad_jabas">N° Jabas <span class="text-danger">*</span></label>
                            <input type="number" id="cantidad_jabas" name="cantidad_jabas" class="form-control form-control-sm" min="0">
                            @error('cantidad_jabas')
                                <span class="text-danger small">{{ $message }}</span>
                            @enderror
                        </div>
                    </div>
                    <div class="col-md-2">
                        <div class="form-group">
                            <label for="pollos_jaba">Pollos por Jaba <span class="text-danger">*</span></label>
                            <input type="number" id="pollos_jaba" name="pollos_jaba" class="form-control form-control-sm" min="0">
                            @error('pollos_jaba')
                                <span class="text-danger small">{{ $message }}</span>
                            @enderror
                        </div>
                    </div>
                    <div class="col-md-2">
                        <div class="form-group">
                            <label for="cantidad_pollos">Cantidad Pollos</label>
                            <input type="number" id="cantidad_pollos" name="cantidad_pollos" class="form-control form-control-sm bg-light" min="0" readonly>
                            @error('cantidad_pollos')
                                <span class="text-danger small">{{ $message }}</span>
                            @enderror
                        </div>
                    </div>
                    <div class="col-md-2">
                        <div class="form-group">
                            <label for="peso_bruto">Peso Bruto (kg)</label>
                            <input type="number" step="0.01" id="peso_bruto" name="peso_bruto" class="form-control form-control-sm" min="0" readonly>
                            @error('peso_bruto')
                                <span class="text-danger small">{{ $message }}</span>
                            @enderror
                        </div>
                    </div>
                    <div class="col-md-2">
                        <div class="form-group">
                            <label for="peso_promedio">Promedio Ave (kg)</label>
                            <input type="number" step="0.01" id="peso_promedio" name="peso_promedio" class="form-control form-control-sm bg-light" min="0" readonly>
                            @error('peso_promedio')
                                <span class="text-danger small">{{ $message }}</span>
                            @enderror
                        </div>
                    </div>
                    <div class="col-md-2 d-flex align-items-center">
                        <button type="button" id="addDetailBtn" class="btn btn-primary btn-sm btn-block" style="margin-top: 20px !important;">
                            <i class="fas fa-plus mr-1"></i> Agregar
                        </button>
                    </div>
                </div>
            </div>
        </div>

        <!-- Tabla de Detalles -->
        <div class="card mb-3">
            <div class="card-header bg-light">
                <h3 class="card-title mb-0">
                    <i class="fas fa-table mr-2"></i> Detalles Agregados
                </h3>
            </div>
            <div class="card-body p-0">
                <div class="table-responsive" id="tableContainer" style="max-height: 500px; overflow-y: auto;">
                    <table class="table table-bordered table-hover mb-0" id="detailsTable">
                        <thead class="bg-light">
                            <tr>
                                <th style="width: 5%;">#</th>
                                <th style="width: 20%;">Presentación</th>
                                <th style="width: 20%;">Tipo de Pollo</th>
                                <th style="width: 10%;" class="text-center">Cant. Pollos</th>
                                <th style="width: 10%;" class="text-right">Peso Bruto</th>
                                <th style="width: 8%;" class="text-center">Jabas</th>
                                <th style="width: 8%;" class="text-right">Tara</th>
                                <th style="width: 10%;" class="text-right">Peso Neto</th>
                                <th style="width: 9%;" class="text-right">Promedio</th>
                                <th style="width: 10%;" class="text-center">Acciones</th>
                            </tr>
                        </thead>
                        <tbody>
                            <!-- Las filas de la tabla se agregarán aquí mediante JavaScript -->
                        </tbody>
                        <tfoot class="bg-light font-weight-bold" id="tableFooter">
                            <tr>
                                <th colspan="3" class="text-right">TOTALES:</th>
                                <th class="text-center" id="totalChiken">0</th>
                                <th class="text-right" id="totalWeight">0.00</th>
                                <th class="text-center" id="totalBoxes">0</th>
                                <th class="text-right" id="totalTara">0.00</th>
                                <th class="text-right" id="totalNetWeight">0.00</th>
                                <th class="text-right" id="pesoPromedio">0.00</th>
                                <th></th>
                            </tr>
                        </tfoot>
                    </table>
                </div>
            </div>
        </div>

        <!-- Botones de Acción -->
        <div class="card">
            <div class="card-footer">
                <button type="button" id="saveOrderBtn" class="btn btn-success btn-lg">
                    <i class="fas fa-save mr-2"></i> REGISTRAR ORDEN DE DESPACHO
                </button>
                <a href="{{ route('ordenes-de-despacho.index') }}" class="btn btn-warning btn-lg ml-2">
                    <i class="fas fa-list mr-2"></i> Lista de Órdenes
                </a>
            </div>
        </div>
    </form>

    <!-- Modal Imprimir documentos mejorado -->
    <div class="modal fade" id="selectDocumentTypeModal" tabindex="-1" aria-labelledby="selectDocumentTypeModalLabel"
        aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered modal-lg">
            <div class="modal-content">
                <div class="modal-header bg-default text-black">
                    <h5 class="modal-title" id="selectDocumentTypeModalLabel">
                        <i class="fas fa-print mr-2"></i>Generar Documentos
                    </h5>
                    <button type="button" class="close text-black" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <!-- Columna izquierda para visor PDF -->
                        <div class="col-md-8">
                            <div id="pdfViewerContainer" class="border rounded" style="width:100%; height: 500px;">
                                <iframe id="pdfViewer" src="" width="100%" height="100%"
                                    frameborder="0"></iframe>
                            </div>
                        </div>

                        <!-- Columna derecha para opciones -->
                        <div class="col-md-4">
                            <div class="card">
                                <div class="card-header bg-light">
                                    <h6 class="mb-0">Opciones de Documento</h6>
                                </div>
                                <div class="card-body">
                                    <!-- Botones de tipo de documento -->
                                    <div class="mb-4">
                                        <label class="font-weight-bold mb-2">Tipo de Documento:</label>
                                        <div class="d-grid gap-2">
                                            <a class="btn btn-primary btn-block" target="_blank" id="btnDocumentA4">
                                                <i class="fas fa-file-pdf mr-2"></i>Formato A4
                                            </a>
                                            <a class="btn btn-secondary btn-block" target="_blank"
                                                id="btnDocumentTicket">
                                                <i class="fas fa-receipt mr-2"></i>Formato Ticket
                                            </a>
                                            <a class="btn btn-info btn-block" target="_blank" id="btnDocumentA4Public">
                                                <i class="fas fa-share-alt mr-2"></i>Versión Pública
                                            </a>
                                        </div>
                                    </div>

                                    <!-- Sección WhatsApp -->
                                    <div class="mb-4">
                                        <label class="font-weight-bold mb-2">Compartir por WhatsApp:</label>
                                        <div class="input-group mb-2">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text">+51</span>
                                            </div>
                                            <input id="whatsappNumber" type="text" class="form-control"
                                                placeholder="Número de teléfono" autocomplete="off" />
                                        </div>
                                        <button id="whatsappButton" class="btn btn-success btn-block">
                                            <i class="fab fa-whatsapp mr-2"></i>Enviar a WhatsApp
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-danger" id="btnReloadPage">
                        <i class="fas fa-times mr-2"></i>Cerrar y Recargar
                    </button>
                </div>
            </div>
        </div>
    </div>

@stop

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

        .card {
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        }

        .table thead th {
            background-color: #f8f9fa;
            font-weight: 600;
            border: 1px solid #dee2e6;
        }

        .table tbody tr:hover {
            background-color: #f8f9fa;
        }

        .form-control-sm {
            padding: 0.25rem 0.5rem;
            font-size: 0.875rem;
        }

        .bg-light {
            background-color: #f8f9fa !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 pricesCliente = @json($pricesCliente);
        const prices = @json($prices);
        const stocks = @json($stockPollo);
        const userId = $('#userActiveId').val();


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

            obtenerPrecio();
            obtenerTara();
            obtenerDisponibilidad();
            loadDetailsFromLocalStorage();
            $('#fuera_de_horario').prop('checked', true);

            //peso api
            $('#peso_bruto').on('focus', function() {

                if ($('#presentacion_pollo_id').val() == 2) {

                    $.ajax({
                        url: "{{ env('APP_URL') }}/api/peso-beneficiado", // URL del endpoint
                        method: 'GET',
                        success: function(response) {
                            // Asigna el peso al campo de texto
                            if (response.peso !== null) {
                                $('#peso_bruto').val(response.peso);
                            } else {
                                $('#peso_bruto').val('No hay peso registrado');
                            }
                        },
                        error: function() {
                            $('#peso_bruto').val('Error al obtener peso');
                        }
                    });


                } else {
                    // Pollo vivo (presentacion_pollo_id = 1)
                    $.ajax({
                        url: "{{ env('APP_URL') }}/api/peso/" + userId, // URL del endpoint
                        method: 'GET',
                        success: function(response) {
                            // Asigna el peso al campo de texto
                            if (response.peso !== null) {
                                $('#peso_bruto').val(response.peso);
                            } else {
                                $('#peso_bruto').val('No hay peso registrado');
                            }
                        },
                        error: function() {
                            $('#peso_bruto').val('Error al obtener peso');
                        }
                    });
                }

            });

            $('#peso_bruto').change(function() {
                calcularPromedioAve();
            })

            $('#cantidad_pollos').focus(function(e) {
                e.preventDefault();
                const cantidad_jabas = $('#cantidad_jabas').val();
                const pollos_jaba = $('#pollos_jaba').val();

                // checkBolsa no existe en esta vista, siempre calcular automáticamente
                $('#cantidad_pollos').val(cantidad_jabas * pollos_jaba);
                calcularPromedioAve();
            });



            function calcularPromedioAve() {
                const pesoBruto = document.getElementById('peso_bruto').value;
                const tara = document.getElementById('tara').value;
                const cantidadPollos = $('#cantidad_pollos').val();
                const numeroJabas = document.getElementById('cantidad_jabas').value;
                const taraFinal = numeroJabas * tara;
                const pesoNeto = pesoBruto - taraFinal;
                $('#peso_promedio').val((pesoNeto / cantidadPollos).toFixed(2));
            }


            // Set initial fecha_despacho based on current time 22:00
            function getDateBasedOnTime() {
                const now = new Date();
                const hour = now.getHours();

                // Si es después de las 22:00, suma un día
                if (hour >= 22) {
                    now.setDate(now.getDate() + 1);
                }

                const year = now.getFullYear();
                const month = String(now.getMonth() + 1).padStart(2, '0');
                const day = String(now.getDate()).padStart(2, '0');
                return `${year}-${month}-${day}`;
            }
            document.getElementById('fecha_despacho').value = getDateBasedOnTime();



            document.getElementById('addDetailBtn').addEventListener('click', function() {
                const cantidadPollos = document.getElementById('cantidad_pollos').value;
                const pesoBruto = document.getElementById('peso_bruto').value;
                const numeroJabas = document.getElementById('cantidad_jabas').value;
                const taraPorDefecto = document.getElementById('tara').value;
                const precio = document.getElementById('precio').value;
                const tipo_ingreso = 2;// pollo de almacen || pollo vivo || pollo stock
                const cantidadPolloDisponible = document.getElementById('cantidad_disponible_tipo').value;
                const pollos_jaba = $('#pollos_jaba').val();


                console.log('disponible: ' + cantidadPolloDisponible);
                console.log('pedido:' + cantidadPollos);

                // Validar que los valores no sean negativos
                if (numeroJabas <= 0 || cantidadPollos <= 0 || pollos_jaba <= 0 || pesoBruto <= 0) {
                    Swal.fire({
                        icon: 'warning',
                        title: 'Valores inválidos',
                        text: 'Las cantidades y pesos no pueden ser negativos o cero.',
                        confirmButtonColor: '#3085d6',
                        confirmButtonText: 'Aceptar'
                    });
                    return;
                }


                // Validar que los campos no estén vacíos
                if (!cantidadPollos || !pesoBruto || !numeroJabas) {
                    Swal.fire({
                        icon: 'warning',
                        title: 'Campos incompletos',
                        text: 'Por favor, complete todos los campos.',
                        confirmButtonColor: '#3085d6',
                        confirmButtonText: 'Aceptar'
                    });
                    return;
                }

                if (parseInt(cantidadPollos) > parseInt(cantidadPolloDisponible)) {
                    Swal.fire({
                        icon: 'warning',
                        title: 'Cantidad no disponible',
                        text: 'La cantidad solicitada de pollos no puede ser mayor que la cantidad disponible.',
                        confirmButtonColor: '#3085d6',
                        confirmButtonText: 'Aceptar'
                    });
                    return;
                }

                // Calcular la tara y el peso neto
                const tara = numeroJabas * taraPorDefecto;
                const pesoNeto = pesoBruto - tara;
                const subtotal = precio * pesoNeto;

                // Crear una nueva fila para la tabla de detalles
                const tableBody = document.getElementById('detailsTable').getElementsByTagName('tbody')[0];
                const newRow = tableBody.insertRow();

                // Asignar datos a la nueva fila
                newRow.dataset.tipo_pollo_id = $('#tipo_pollo_id').val();
                newRow.dataset.presentacion_pollo_id = 1; // pollo vivo
                newRow.dataset.precio = precio;
                newRow.dataset.subtotal = subtotal;
                newRow.dataset.tipo_ingreso = tipo_ingreso;

                const presentation = presentacion_pollos.find(presentation => presentation.id == newRow.dataset.presentacion_pollo_id);

                const type = tipo_pollos.find(type => type.id == newRow.dataset.tipo_pollo_id);

                const pesoPromedio = pesoNeto / cantidadPollos;

                // Obtener el número de fila (índice + 1)
                const rowNumber = tableBody.rows.length;

                // Insertar celdas en la nueva fila (incluyendo el número de fila)
                const cellValues = [
                    rowNumber, // Número de fila
                    presentation.descripcion,
                    type.descripcion,
                    cantidadPollos,
                    pesoBruto,
                    numeroJabas,
                    tara.toFixed(2),
                    pesoNeto.toFixed(2),
                    pesoPromedio.toFixed(2),
                ];

                cellValues.forEach((value, index) => {
                    const cell = newRow.insertCell(index);
                    if (index === 0) {
                        cell.className = 'text-center';
                    } else if (index === 3 || index === 5) {
                        cell.className = 'text-center';
                    } else if (index === 4 || index === 6 || index === 7 || index === 8) {
                        cell.className = 'text-right';
                    }
                    cell.textContent = value;
                });

                // Crear el botón de eliminación
                const deleteBtn = document.createElement('button');
                deleteBtn.innerHTML = '<i class="fas fa-trash"></i>';
                deleteBtn.className = 'btn btn-danger btn-sm btn-delete';
                deleteBtn.setAttribute('type', 'button');
                deleteBtn.setAttribute('title', 'Eliminar');
                const actionCell = newRow.insertCell(9);
                actionCell.className = 'text-center';
                actionCell.appendChild(deleteBtn);


                // Actualizar la cantidad de pollos disponibles
                const cantidadDisponibleInput = document.getElementById('cantidad_disponible_tipo');
                const cantidadActual = parseInt(cantidadDisponibleInput.value) || 0;
                const nuevaCantidad = Math.max(0, cantidadActual - cantidadPollos);
                cantidadDisponibleInput.value = nuevaCantidad;

                // Actualizar el peso neto disponible
                const pesoNetoDisponibleInput = document.getElementById('peso_disponible_tipo');
                const pesoNetoActual = parseFloat(pesoNetoDisponibleInput.value) || 0;
                const nuevoPesoNeto = Math.max(0, pesoNetoActual - pesoNeto);
                pesoNetoDisponibleInput.value = nuevoPesoNeto.toFixed(2);

                // Limpiar los campos del formulario
                clearFormFields();

                // Actualizar los totales
                updateTotals();

                // Guardar todos los detalles en localStorage
                saveDetailsToLocalStorage();
            });

            $('#saveOrderBtn').click(function() {
                // Recoger los datos del formulario
                let clienteId = $('#cliente_id').val();
                let serieOrden = $('#serie_orden').val();
                let fechaDespacho = $('#fecha_despacho').val();
                var presentacionPolloId = 1; // pollo vivo
                var tipo_pollo_id = $('#tipo_pollo_id').val();
                let comentario = $('#comentario').val();
                const fuera_de_horario = $('#fuera_de_horario').is(':checked') ? 1 : 0;
                // Estos campos son ocultos, leer como valores booleanos
                const generateNotaIngreso = $('#generateNotaIngreso').val() == '1';
                const conversionPollo = $('#checkConversionPollo').val() == '1';

                // Validar el cliente_id
                if (!clienteId) {
                    Swal.fire({
                        icon: 'warning',
                        title: 'Atención',
                        text: 'Por favor, seleccione un cliente.',
                    });
                    return;
                }


                // Recoger los datos de la tabla
                let totalChiken = $('#totalChiken').text();
                let totalWeight = $('#totalWeight').text();
                let totalBoxes = $('#totalBoxes').text();
                let totalTara = $('#totalTara').text();
                let totalNetWeight = $('#totalNetWeight').text();
                let subtotal = $('#subtotal').text();


                // Recoger los datos de la tabla (ajustar índices porque ahora hay columna #)
                let detalles = [];
                $('#detailsTable tbody tr').each(function() {
                    let cantidadPollos = $(this).find('td:eq(3)').text();
                    let pesoBruto = $(this).find('td:eq(4)').text();
                    let cantidadJabas = $(this).find('td:eq(5)').text();
                    let tara = $(this).find('td:eq(6)').text();
                    let pesoNeto = $(this).find('td:eq(7)').text();
                    let precio = $(this).data('precio');
                    let subtotalItem = $(this).data('subtotal');
                    let tipo_ingreso = $(this).data('tipo_ingreso');
                    detalles.push({
                        cantidad_pollos: cantidadPollos,
                        peso_bruto: pesoBruto,
                        cantidad_jabas: cantidadJabas,
                        tara: tara,
                        peso_neto: pesoNeto,
                        tipo_pollo_id: $(this).data('tipo_pollo_id'),
                        presentacion_pollo_id: $(this).data('presentacion_pollo_id'),
                        precio: precio,
                        subtotal: subtotalItem,
                        peso_promedio: $(this).find('td:eq(8)').text(),
                        tipo_ingreso: tipo_ingreso
                    });
                });

                // Validar que hay detalles en la tabla
                if (detalles.length === 0) {
                    Swal.fire({
                        icon: 'warning',
                        title: 'Atención',
                        text: 'La tabla no tiene datos.',
                    });
                    return;
                }

                // Preparar los datos a enviar
                let data = {
                    cliente_id: clienteId,
                    serie_orden: serieOrden,
                    fecha_despacho: fechaDespacho,
                    presentacion_pollo_id: presentacionPolloId,
                    tipo_pollo_id: tipo_pollo_id,
                    cantidad_pollos: totalChiken,
                    peso_total_bruto: totalWeight,
                    cantidad_jabas: totalBoxes,
                    tara: totalTara,
                    peso_total_neto: totalNetWeight,
                    generar_nota_ingreso: generateNotaIngreso,
                    conversion_pollo_vivo: conversionPollo,
                    comentario: comentario,
                    detalles: detalles, // Aquí se envían los detalles
                    _token: $('meta[name="csrf-token"]').attr('content'),
                    fuera_de_horario: fuera_de_horario
                };

                // Enviar los datos al controlador usando AJAX
                Swal.fire({
                    title: '¿Estás seguro?',
                    text: '¿Deseas registrar la orden?',
                    icon: 'warning',
                    showCancelButton: true,
                    confirmButtonColor: '#3085d6',
                    cancelButtonColor: '#d33',
                    confirmButtonText: 'Sí, generar',
                    cancelButtonText: 'Cancelar'
                }).then((result) => {
                    if (result.isConfirmed) {
                        $.ajax(
                            {
                                url: '{{ route('ordenes-despacho-destiempo.store') }}', // Utiliza el nombre de la ruta
                                method: 'POST',
                                data: data
                            })
                            .then(function(response) {
                                Swal.fire({
                                    icon: 'success',
                                    title: 'Éxito',
                                    text: response.message,
                                    showConfirmButton: false,
                                    timer: 1500
                                }).then(() => {
                                    setPrint(response.data, response.cliente);
                                    $('#selectDocumentTypeModal').modal('show');
                                    localStorage.removeItem('detalles'); // Limpiar localStorage después de guardar la orden
                                });
                            })
                            .fail(function(error) {
                                $('#saveOrderBtn').prop('disabled', false);
                                if (error.responseJSON) {
                                    Swal.fire({
                                        icon: 'error',
                                        title: 'Error',
                                        text: error.responseJSON.error || 'Ocurrió un error',
                                    });
                                }
                            });
                    }
                });
            });



            // Función para guardar los detalles en localStorage
            function saveDetailsToLocalStorage() {
                const detalles = [];
                const rows = document.getElementById('detailsTable').getElementsByTagName('tbody')[0]
                    .getElementsByTagName('tr');

                for (let row of rows) {
                    const detalle = {
                        cantidad_pollos: row.cells[3].textContent,
                        peso_bruto: row.cells[4].textContent,
                        cantidad_jabas: row.cells[5].textContent,
                        tara: row.cells[6].textContent,
                        peso_neto: row.cells[7].textContent,
                        tipo_pollo_id: row.dataset.tipo_pollo_id,
                        presentacion_pollo_id: row.dataset.presentacion_pollo_id,
                        precio: row.dataset.precio,
                        subtotal: row.dataset.subtotal,
                        peso_promedio: row.cells[8].textContent,
                        tipo_ingreso: row.dataset.tipo_ingreso
                    };
                    detalles.push(detalle);
                }

                localStorage.setItem('detalles', JSON.stringify(detalles));
            }

            // Función para cargar los detalles desde localStorage
            function loadDetailsFromLocalStorage() {
                const detalles = JSON.parse(localStorage.getItem('detalles')) || [];

                // Primero obtener la disponibilidad inicial
                obtenerDisponibilidad();

                // Cargar todos los detalles en la tabla
                detalles.forEach(detalle => {
                    const tableBody = document.getElementById('detailsTable').getElementsByTagName('tbody')[0];
                    const newRow = tableBody.insertRow();

                    // Asignar datos a la nueva fila
                    newRow.dataset.tipo_pollo_id = detalle.tipo_pollo_id;
                    newRow.dataset.presentacion_pollo_id = detalle.presentacion_pollo_id;
                    newRow.dataset.precio = detalle.precio;
                    newRow.dataset.subtotal = detalle.subtotal;
                    newRow.dataset.tipo_ingreso = detalle.tipo_ingreso;

                    const presentation = presentacion_pollos.find(presentation => presentation.id == detalle.presentacion_pollo_id);
                    const type = tipo_pollos.find(type => type.id == detalle.tipo_pollo_id);

                    // Parsear valores para evitar NaN
                    const pesoNetoNum = parseFloat(detalle.peso_neto) || 0;
                    const cantidadPollosNum = parseInt(detalle.cantidad_pollos) || 1;
                    const pesoPromedio = cantidadPollosNum > 0 ? pesoNetoNum / cantidadPollosNum : 0;

                    // Obtener el número de fila (índice + 1)
                    const rowNumber = tableBody.rows.length;

                    // Insertar celdas en la nueva fila (incluyendo el número de fila)
                    const cellValues = [
                        rowNumber, // Número de fila
                        presentation ? presentation.descripcion : '',
                        type ? type.descripcion : '',
                        detalle.cantidad_pollos || '0',
                        detalle.peso_bruto || '0.00',
                        detalle.cantidad_jabas || '0',
                        detalle.tara || '0.00',
                        detalle.peso_neto || '0.00',
                        isNaN(pesoPromedio) ? '0.00' : pesoPromedio.toFixed(2),
                    ];

                    cellValues.forEach((value, index) => {
                        const cell = newRow.insertCell(index);
                        if (index === 0) {
                            cell.className = 'text-center';
                        } else if (index === 3 || index === 5) {
                            cell.className = 'text-center';
                        } else if (index === 4 || index === 6 || index === 7 || index === 8) {
                            cell.className = 'text-right';
                        }
                        cell.textContent = value;
                    });

                    // Crear el botón de eliminación
                    const deleteBtn = document.createElement('button');
                    deleteBtn.innerHTML = '<i class="fas fa-trash"></i>';
                    deleteBtn.className = 'btn btn-danger btn-sm btn-delete';
                    deleteBtn.setAttribute('type', 'button');
                    deleteBtn.setAttribute('title', 'Eliminar');
                    const actionCell = newRow.insertCell(9);
                    actionCell.className = 'text-center';
                    actionCell.appendChild(deleteBtn);
                });

                // Actualizar los totales de la tabla
                updateTotals();

                // Ahora restar los totales de la tabla de la disponibilidad inicial
                const cantidadDisponibleInput = document.getElementById('cantidad_disponible_tipo');
                const pesoDisponibleInput = document.getElementById('peso_disponible_tipo');

                // Obtener los totales de la tabla
                const totalCantidadPollos = parseInt(document.getElementById('totalChiken').textContent) || 0;
                const totalPesoNeto = parseFloat(document.getElementById('totalNetWeight').textContent) || 0;

                // Obtener la disponibilidad inicial (ya cargada por obtenerDisponibilidad)
                const cantidadInicial = parseInt(cantidadDisponibleInput.value) || 0;
                const pesoInicial = parseFloat(pesoDisponibleInput.value) || 0;

                // Restar los totales de la disponibilidad inicial
                const nuevaCantidadDisponible = Math.max(0, cantidadInicial - totalCantidadPollos);
                const nuevoPesoDisponible = Math.max(0, pesoInicial - totalPesoNeto);

                // Actualizar los campos de disponibilidad
                cantidadDisponibleInput.value = nuevaCantidadDisponible;
                pesoDisponibleInput.value = nuevoPesoDisponible.toFixed(2);
            }

            // Función para limpiar los campos del formulario
            function clearFormFields() {
                document.getElementById('cantidad_pollos').value = '';
                document.getElementById('peso_bruto').value = '';
                document.getElementById('cantidad_jabas').value = '';
                document.getElementById('pollos_jaba').value = '';
                document.getElementById('peso_promedio').value = '';
                document.getElementById('cantidad_jabas').select();
            }

            //actualizar los totales de la tabla details despacho
            function updateTotals() {
                const tableBody = document.getElementById('detailsTable').getElementsByTagName('tbody')[0];
                const rows = Array.from(tableBody.getElementsByTagName('tr'));

                let totals = {
                    totalChiken: 0,
                    totalWeight: 0,
                    totalTara: 0,
                    totalNetWeight: 0,
                    totalBoxes: 0,
                    pesoPromedio: 0
                };

                // Sumar los valores de cada fila (ajustar índices porque ahora hay columna #)
                rows.forEach(row => {
                    const cells = row.getElementsByTagName('td');
                    totals.totalChiken += parseInt(cells[3].textContent) || 0;
                    totals.totalWeight += parseFloat(cells[4].textContent) || 0;
                    totals.totalBoxes += parseInt(cells[5].textContent) || 0;
                    totals.totalTara += parseFloat(cells[6].textContent) || 0;
                    totals.totalNetWeight += parseFloat(cells[7].textContent) || 0;
                    totals.pesoPromedio += parseFloat(cells[8].textContent) || 0;
                });

                // Actualizar números de fila
                rows.forEach((row, index) => {
                    row.cells[0].textContent = index + 1;
                });

                // Mostrar los totales en el pie de la tabla
                document.getElementById('totalChiken').textContent = totals.totalChiken;
                document.getElementById('totalWeight').textContent = totals.totalWeight.toFixed(2);
                document.getElementById('totalBoxes').textContent = totals.totalBoxes;
                document.getElementById('totalTara').textContent = totals.totalTara.toFixed(2);
                document.getElementById('totalNetWeight').textContent = totals.totalNetWeight.toFixed(2);
                document.getElementById('pesoPromedio').textContent = totals.pesoPromedio.toFixed(2);
            }

             //remove filas de la tabla detalle despacho
             $(document).on('click', '.btn-delete', function() {
                const row = $(this).parents('tr');

                Swal.fire({
                    title: '¿Está seguro?',
                    text: "¡Esta acción no se puede deshacer!",
                    icon: 'warning',
                    showCancelButton: true,
                    confirmButtonColor: '#d33',
                    cancelButtonColor: '#3085d6',
                    confirmButtonText: 'Sí, eliminar',
                    cancelButtonText: 'Cancelar'
                }).then((result) => {
                    if (result.isConfirmed) {
                        row.remove();
                        updateTotals();
                        Swal.fire(
                            'Eliminado',
                            'La fila ha sido eliminada.',
                            'success'
                        );

                        // Obtener el índice de la fila eliminada
                        const rowIndex = row.index();

                        // Obtener los detalles actuales del localStorage
                        let details = JSON.parse(localStorage.getItem('detalles') || '[]');
                        // Eliminar el elemento en el índice correspondiente
                        details.splice(rowIndex, 1);
                        // Guardar el array actualizado en localStorage
                        localStorage.setItem('detalles', JSON.stringify(details));

                        // Obtener los valores de la fila eliminada (ajustar índices porque ahora hay columna #)
                        const cantidadPollosEliminados = parseInt(row.find('td:eq(3)').text()) || 0;
                        const pesoNetoEliminado = parseFloat(row.find('td:eq(7)').text()) || 0;

                        // Obtener los valores actuales de disponibilidad
                        const cantidadDisponibleInput = $('#cantidad_disponible_tipo');
                        const pesoDisponibleInput = $('#peso_disponible_tipo');

                        const cantidadDisponibleActual = parseInt(cantidadDisponibleInput.val()) ||
                            0;
                        const pesoDisponibleActual = parseFloat(pesoDisponibleInput.val()) || 0;

                        // Sumar los valores eliminados a la disponibilidad
                        cantidadDisponibleInput.val(cantidadDisponibleActual +
                            cantidadPollosEliminados);
                        pesoDisponibleInput.val((pesoDisponibleActual + pesoNetoEliminado).toFixed(
                            2));
                    }
                });


            });



            document.getElementById('btnReloadPage').addEventListener('click', function() {
                location.reload();
            });

            /*
            * Metodos jquery
            */

            $('.select2').select2({
                width: '100%'
            });


            // Event listeners para tipo_ingreso y presentacion_pollo_id no son necesarios
            // en esta vista ya que están hardcodeados (tipo_ingreso=2, presentacion_pollo_id=1)
            // Se mantienen los campos ocultos para compatibilidad con el código existente


            $('#tipo_pollo_id').change(function(el) {
                obtenerPrecio();
                obtenerDisponibilidad();
            });

            $('#cliente_id').change(function(e) {
                e.preventDefault();
                let clientePiura = 'POLLO BENEFICIADO PIURA';
                let clienteTalara = 'POLLO BENEFICIADO TALARA';
                let clienteTumbes = 'POLLO BENEFICIADO TUMBES';
                let clienteBeneficiado = $('#cliente_id option:selected').text();


                // generateNotaIngreso no es necesario para despacho a destiempo
                // Mantener valor por defecto (0)

                obtenerPrecio();

            });


            /*
             * Funciones
             */

            function setPrint(orden, cliente) {
                // Establecer las URLs para los botones
                $('#btnDocumentA4').attr('href', orden.url_pdf);
                $('#btnDocumentTicket').attr('href', orden.url_ticket);
                $('#btnDocumentA4Public').attr('href', orden.url_public);

                // Mostrar el visor PDF en el modal
                let pdfViewer = $('#pdfViewer');
                let pdfViewerContainer = $('#pdfViewerContainer');

                // Si hay una URL para el PDF, mostramos el iframe con el PDF
                if (orden.url_pdf) {
                    pdfViewer.attr('src', orden.url_pdf);
                    pdfViewerContainer.show(); // Mostrar el contenedor del PDF
                }

                // Si no hay URL para el PDF, ocultamos el iframe
                if (!orden.url_pdf) {
                    pdfViewerContainer.hide(); // Ocultar el visor PDF
                }

                // Mostrar el modal
                $('#selectDocumentTypeModal').modal('show');
                $('#whatsappNumber').val(cliente.celular);

                // Asegurarse de que el modal se ajusta bien al contenido (en algunos casos es necesario)
                $('#selectDocumentTypeModal').on('shown.bs.modal', function() {
                    $(this).find('.modal-body').css('max-height', 'calc(100vh - 210px)').css('overflow-y',
                        'auto');
                });
            }


            function dataMessageWhatsApp(number, message) {
                // Crear la URL de WhatsApp
                var whatsappUrl = "https://wa.me/" + number + "?text=" + encodeURIComponent(message);
                // Abrir la URL en WhatsApp Web de forma automática
                window.open(whatsappUrl, "_blank");
            }

            $('#whatsappButton').click(function() {
                // Obtener el número ingresado en el campo de texto
                var number = $('#whatsappNumber').val().trim();

                // Verificar si se ingresó un número
                if (number) {

                    // Obtener el valor del atributo 'href' de #btnDocumentA4 (url_pdf)
                    var urlPdf = $('#btnDocumentA4Public').attr(
                        'href'); // Esto te da la URL del documento PDF
                    var message = "Descarga tu documento en PDF: " + urlPdf;

                    // Llamar a la función para generar la URL y actualizar el enlace
                    dataMessageWhatsApp(number, message);
                } else {
                    alert("Por favor, ingresa un número de teléfono.");
                }
            });


            function obtenerPrecio() {

                const value_presentacion = 1; // pollo vivo
                const value_tipo_pollo = $('#tipo_pollo_id').val();
                const cliente_id = $('#cliente_id').val();

                const precioBuscadoCliente = pricesCliente.find(price =>
                    price.presentacion_pollo_id == value_presentacion &&
                    price.tipo_pollo_id == value_tipo_pollo &&
                    price.cliente_id == cliente_id);

                if (precioBuscadoCliente) {
                    $('#precio').val(precioBuscadoCliente?.precio);

                    return;
                }

                const precioBuscado = prices.find(price =>
                    price.presentacion_pollo_id == value_presentacion &&
                    price.tipo_pollo_id == value_tipo_pollo);

                if (precioBuscado) {
                    $('#precio').val(precioBuscado?.precio);
                }
            }

            //obtener tara presentacion pollo vivo
            function obtenerTara() {
                const value = 1;
                const type = presentacion_pollos.find(type => type.id == value);
                if (type) {
                    $('#tara').val(type?.tara)
                }
            }

            function obtenerDisponibilidad() {
                const type = $('#tipo_pollo_id').val();
                // En esta vista, presentacion_pollo_id siempre es 1 (pollo vivo) y tipo_ingreso es 2 (stock)
                // Filtrar stocks por tipo_pollo_id y sumar cantidad y peso_neto
                const stockDisponible = stocks.filter(stock => stock.tipo_pollo_id == type)
                    .reduce((acc, curr) => {
                        return {
                            cantidad: acc.cantidad + Number(curr.cantidad),
                            peso_neto: acc.peso_neto + Number(curr.peso_neto)
                        };
                    }, {
                        cantidad: 0,
                        peso_neto: 0
                    });

                $('#cantidad_disponible_tipo').val(stockDisponible.cantidad);
                $('#peso_disponible_tipo').val(stockDisponible.peso_neto);
            }


            //habilitar peso bruto, peso digitado
            const checkPesoBruto = document.getElementById('checkPesoBruto');
            const pesoBrutoInput = document.getElementById('peso_bruto');

            const restaurarEventoPesoBruto = () => {
                if (!pesoBrutoInput) {
                    return;
                }

                $('#peso_bruto').off('focus').on('focus', function() {
                    // En esta vista, siempre es pollo vivo (presentacion_pollo_id = 1)
                    $.ajax({
                        url: "{{ env('APP_URL') }}/api/peso/" + userId,
                        method: 'GET',
                        success: function(response) {
                            if (response.peso !== null) {
                                $('#peso_bruto').val(response.peso);
                            } else {
                                $('#peso_bruto').val('No hay peso registrado');
                            }
                        },
                        error: function() {
                            $('#peso_bruto').val('Error al obtener peso');
                        }
                    });
                });
            };

            // Inicializar el evento focus al cargar la página
            restaurarEventoPesoBruto();

            if (checkPesoBruto && pesoBrutoInput) {
                checkPesoBruto.addEventListener('change', function() {
                    const serieOrdenId = $('#serie_orden').val();

                    if (this.checked) {
                        Swal.fire({
                            icon: 'warning',
                            title: 'Código de autorización',
                            text: 'Ingresa el código verificador del administrador para habilitar el campo.',
                            input: 'password',
                            inputLabel: 'Código de autorización',
                            inputAttributes: {
                                maxlength: 50,
                                autocapitalize: 'off',
                                autocorrect: 'off'
                            },
                            showCancelButton: true,
                            confirmButtonText: 'Validar',
                            cancelButtonText: 'Cancelar',
                            showLoaderOnConfirm: true,
                            preConfirm: (codigo) => {
                                if (!codigo) {
                                    Swal.showValidationMessage('Debes ingresar el código de autorización');
                                    return false;
                                }

                                return $.ajax({
                                    type: 'POST',
                                    url: "{{ route('ordenes-de-despacho.historyOrdersPesaje') }}",
                                    data: {
                                        _token: '{{ csrf_token() }}',
                                        serieOrdenId: serieOrdenId,
                                        codigo_autorizacion: codigo
                                    },
                                    dataType: 'json'
                                }).then((response) => {
                                    if (!response.success) {
                                        throw new Error(response.message || 'Código de autorización inválido');
                                    }
                                    return response;
                                }).catch((error) => {
                                    const message = error?.responseJSON?.message || error.message ||
                                        'No se pudo validar el código de autorización';
                                    Swal.showValidationMessage(message);
                                    return false;
                                });
                            },
                            allowOutsideClick: () => !Swal.isLoading()
                        }).then((result) => {
                            if (result.isConfirmed) {
                                pesoBrutoInput.removeAttribute('readonly');
                                $('#peso_bruto').off('focus');
                                Swal.fire({
                                    icon: 'success',
                                    title: 'Autorización válida',
                                    text: result.value?.message || 'El campo de peso bruto ha sido habilitado.'
                                });
                            } else {
                                this.checked = false;
                                pesoBrutoInput.setAttribute('readonly', 'readonly');
                                restaurarEventoPesoBruto();
                            }
                        });
                    } else {
                        // Si el checkbox se desmarca, asegurarse de que el campo se mantenga deshabilitado
                        pesoBrutoInput.setAttribute('readonly', 'readonly');
                        restaurarEventoPesoBruto();
                    }
                });
            }

            $('#selectDocumentTypeModal').on('hidden.bs.modal', function(e) {
                location.reload();
            })


        });
    </script>
@stop

@include('admin.clientes.partials.nuevo_cliente')