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

@section('content')

    <div class="card">
        <div class="card-body">
            <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 -->
                <hr>
                <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>

                    <!-- Espacios vacíos para alineación -->
                    <div class="col-md-2">
                        <button type="button" class="btn btn-info" data-toggle="modal" data-target="#createClientModal"
                            style="margin-top: 35px">
                            <i class="fa fa-user"></i> Nuevo Cliente
                        </button>
                    </div>

                </div>

                <!-- Datos de la orden -->
                <hr>
                <div class="row pb-5">

                    <div class="col-md-4">
                        <label for="">Comentario</label>
                        <textarea name="comentario" id="comentario" class="form-control" placeholder="Agregar comentario al despacho"></textarea>
                    </div>

                    @if (auth()->user()->autorizador)
                        <div class="row" style="margin-top: 40px">
                            <div class="col-md-12">
                                <div class="form-check">
                                    <!-- Checkbox -->
                                    <input class="form-check-input" type="checkbox" value="" name="check-peso-bruto"
                                        id="checkPesoBruto">

                                    <!-- Label asociado al checkbox -->
                                    <label class="form-check-label" for="checkPesoBruto"><b>¿DESEA HABILITAR EL CAMPO
                                            PESO
                                            BRUTO?</b></label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="form-check">
                                    <input class="form-check-input" type="checkbox" name="fuera_de_horario"
                                        id="fuera_de_horario">
                                    <label class="form-check-label" for="fuera_de_horario"><b>¿FUERA DE
                                            HORARIO?</b></label>
                                </div>
                            </div>
                        </div>
                    @endif

                </div>

                <!-- Detalles de la orden -->
                <hr>
                <div class="row mt-3">

                    <div class="col-md-2 mb-3">
                        <div class="form-grup">
                            <label for="tipo_pollo">Tipo de Pollo:</label>
                            <select id="tipo_pollo_id" name="tipo_pollo_id" class="form-control">
                                @foreach ($tipoPollos as $tipo)
                                    <option value="{{ $tipo->id }}"> {{ $tipo->descripcion }} </option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="col-md-2 mb-3">
                        <div class="form-group">
                            <label for="tara">Cantidad Pollo disponible</label>
                            <input type="text" id="cantidad_disponible_tipo" class="form-control" readonly>
                        </div>
                    </div>
                    <div class="col-md-2 mb-3">
                        <div class="form-group">
                            <label for="tara">Peso disponible</label>
                            <input type="text" id="peso_disponible_tipo" class="form-control" readonly>
                        </div>
                    </div>
                    <div class="col-md-2">
                        <div class="form-group">
                            <label for="tara">Tara kg.</label>
                            <input type="text" id="tara" name="tara" class="form-control">
                        </div>
                    </div>

                    <div class="col-md-2 mb-3">

                    </div>



                    <div class="col-md-2 mb-3 d-none">
                        <div class="form-group">
                            <label for="precio">Precio.</label>
                            <input type="number" id="precio" name="precio" class="form-control">
                        </div>
                    </div>
                    <!-- Número de Jabas -->
                    <div class="col-md-2"></div>

                    <div class="col-md-2 mb-3">
                        <div class="form-group">
                            <label for="cantidad_jabas">Número de Jabas</label>
                            <input type="number" id="cantidad_jabas" name="cantidad_jabas" class="form-control"
                                min="0">
                            @error('cantidad_jabas')
                                <span class="text-danger">{{ $message }}</span>
                            @enderror
                        </div>
                    </div>

                    <!-- Cantidad de Pollos -->
                    <div class="col-md-2">
                        <div class="form-group">
                            <label for="pollos_jaba">Pollos por jaba</label>
                            <input type="number" id="pollos_jaba" name="pollos_jaba" class="form-control"
                                min="0">
                            @error('pollos_jaba')
                                <span class="text-danger">{{ $message }}</span>
                            @enderror
                        </div>
                    </div>

                    <!-- Cantidad de Pollos -->
                    <div class="col-md-2">
                        <div class="form-group">
                            <label for="cantidad_pollos">Cantidad de Pollos</label>
                            <input type="number" id="cantidad_pollos" name="cantidad_pollos" class="form-control"
                                min="0" readonly>
                            @error('cantidad_pollos')
                                <span class="text-danger">{{ $message }}</span>
                            @enderror
                        </div>
                    </div>

                    <!-- Peso Bruto -->
                    <div class="col-md-2">
                        <div class="form-group">
                            <label for="peso_bruto">Peso Bruto</label>
                            <input type="number" step="0.01" id="peso_bruto" name="peso_bruto" class="form-control"
                                min="0" readonly>
                            @error('peso_bruto')
                                <span class="text-danger">{{ $message }}</span>
                            @enderror
                        </div>
                    </div>
                    <!-- Peso Bruto -->
                    <div class="col-md-2">
                        <div class="form-group">
                            <label for="peso_promedio">Promedio Ave</label>
                            <input type="number" step="0.01" id="peso_promedio" name="peso_promedio"
                                class="form-control" min="0" readonly>
                            @error('peso_promedio')
                                <span class="text-danger">{{ $message }}</span>
                            @enderror
                        </div>
                    </div>

                    <!-- Botón para agregar detalles -->
                    <div class="col-md-2 pt-2">
                        <button type="button" id="addDetailBtn" class="btn btn-primary mt-4"><i class="fas fa-plus"></i> Agregar al Detalle</button>
                    </div>

                </div>

                <!-- Tabla de Detalles -->
                <div class="mt-3">
                    <table class="table table-bordered" id="detailsTable">
                        <thead class="table-dark">
                            <tr>
                                <th>Presentación de Pollo</th>
                                <th>Tipo de Pollo</th>
                                <th>Cantidad de Pollos</th>
                                <th>Peso Bruto</th>
                                <th>Cantidad de Jabas</th>
                                <th>Tara</th>
                                <th class="d-none">Precio</th>
                                <th>Peso Neto</th>
                                <th class="d-none">Sub Total</th>
                                <th>Peso Promedio</th>
                                <th>Acciones</th>
                            </tr>
                        </thead>
                        <tbody>
                            <!-- Las filas de la tabla se agregarán aquí mediante JavaScript -->
                        </tbody>
                        <tfoot>
                            <tr>
                                {{-- <th>Total</th> --}}
                                <th id="presentacionPolloId">-</th>
                                <th id="tipoPolloId">-</th>
                                <th id="totalChiken">0.00</th>
                                <th id="totalWeight">0.00</th>
                                <th id="totalBoxes">0</th>
                                <th id="totalTara">0.00</th>
                                <th id="precio" class="d-none">0.00</th>
                                <th id="totalNetWeight">0.00</th>
                                <th id="pesoPromedio">0.00</th>
                                {{-- <th id="subtotal" class="d-none">0.00</th> --}}
                                <th></th>
                            </tr>
                        </tfoot>
                    </table>
                </div>

                <!-- Botón de Submit -->
                <br>
                <button type="button" id="saveOrderBtn" class="btn btn-success"><i class="fas fa-save"></i> REGISTRAR ODEN DESPACHO</button>
            </form>
        </div>
    </div>

    <!-- 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;
        }
    </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 {


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

                if ($('#checkBolsa').is(':checked')) {
                    $('#cantidad_pollos').val('');
                    calcularPromedioAve();
                } else {
                    $('#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;

                // Insertar celdas en la nueva fila
                const cellValues = [
                    presentation.descripcion,
                    type.descripcion,
                    cantidadPollos,
                    pesoBruto,
                    numeroJabas,
                    tara.toFixed(2),
                    pesoNeto.toFixed(2),
                    pesoPromedio.toFixed(2),
                ];

                cellValues.forEach((value, index) => newRow.insertCell(index).textContent = value);

                // Crear el botón de eliminación
                const deleteBtn = document.createElement('button');
                deleteBtn.textContent = 'Eliminar';
                deleteBtn.className = 'btn btn-danger btn-sm btn-delete';
                deleteBtn.setAttribute('type', 'button');
                newRow.insertCell(8).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();

                //actualizar datos
                $('#checkBolsa').prop('checked', false);
            });

            $('#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;
                const generateNotaIngreso = $('#generateNotaIngreso').is(':checked');
                const conversionPollo = $('#checkConversionPollo').is(':checked');

                // 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
                let detalles = [];
                $('#detailsTable tbody tr').each(function() {
                    let cantidadPollos = $(this).find('td:eq(2)').text();
                    let pesoBruto = $(this).find('td:eq(3)').text();
                    let cantidadJabas = $(this).find('td:eq(4)').text();
                    let tara = $(this).find('td:eq(5)').text();
                    let pesoNeto = $(this).find('td:eq(6)').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(7)').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[2].textContent,
                        peso_bruto: row.cells[3].textContent,
                        cantidad_jabas: row.cells[4].textContent,
                        tara: row.cells[5].textContent,
                        peso_neto: row.cells[6].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[7].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')) || [];
                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);

                    const pesoPromedio = detalle.peso_neto / detalle.cantidad_pollos;

                    // Insertar celdas en la nueva fila
                    const cellValues = [
                        presentation.descripcion,
                        type.descripcion,
                        detalle.cantidad_pollos,
                        detalle.peso_bruto,
                        detalle.cantidad_jabas,
                        detalle.tara,
                        detalle.peso_neto,
                        pesoPromedio.toFixed(2),
                    ];

                    cellValues.forEach((value, index) => newRow.insertCell(index).textContent = value);

                    // Crear el botón de eliminación
                    const deleteBtn = document.createElement('button');
                    deleteBtn.textContent = 'Eliminar';
                    deleteBtn.className = 'btn btn-danger btn-sm btn-delete';
                    deleteBtn.setAttribute('type', 'button');
                    newRow.insertCell(8).appendChild(deleteBtn);
                });

                updateTotals();
                obtenerDisponibilidad();
            }

            // 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
                rows.forEach(row => {
                    const cells = row.getElementsByTagName('td');
                    totals.totalChiken += parseInt(cells[2].textContent) || 0;
                    totals.totalWeight += parseFloat(cells[3].textContent) || 0;
                    totals.totalBoxes += parseInt(cells[4].textContent) || 0;
                    totals.totalTara += parseFloat(cells[5].textContent) || 0;
                    totals.totalNetWeight += parseFloat(cells[6].textContent) || 0;
                    totals.pesoPromedio += parseFloat(cells[7].textContent) || 0;
                });

                // Mostrar los totales en el pie de la tabla
                Object.keys(totals).forEach(key => {
                    document.getElementById(key).textContent = totals[key].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
                        const cantidadPollosEliminados = parseInt(row.find('td:eq(2)').text()) || 0;
                        const pesoNetoEliminado = parseFloat(row.find('td:eq(6)').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%'
            });


            $('#tipo_ingreso').change(function() {
                let tipoIngreso = $(this).val(); // Obtiene el valor seleccionado
                console.log(tipoIngreso); // Verifica el valor seleccionado para depuración

                // Establecer el valor adecuado para #presentacion_pollo_id
                if (tipoIngreso === "1") {
                    // Camión
                    $('#presentacion_pollo_id').val("1"); // Marca "Camión"
                } else if (tipoIngreso === "2") {
                    // Stock
                    $('#presentacion_pollo_id').val(
                        "1"); // Marca "Camión" por defecto (puedes cambiar a "2" si deseas)
                } else if (tipoIngreso === "4") {
                    // Beneficiado
                    $('#presentacion_pollo_id').val("2"); // Marca "Beneficiado"
                }

                // Ejecutar la función obtenerDisponibilidad (si es necesario)
                obtenerDisponibilidad();
            });


            $('#presentacion_pollo_id').change(function(el) {
                obtenerTara();
                obtenerPrecio();
                obtenerDisponibilidad();

                if ($('#presentacion_pollo_id').val() == 2) {
                    $('#tipo_ingreso').val(4);
                    obtenerDisponibilidad();
                } else if ($('#presentacion_pollo_id').val() == 1) {
                    $('#tipo_ingreso').val(1);
                    obtenerDisponibilidad();
                } else {
                    $('#peso_bruto').val('');
                }
            });


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


                if (clienteBeneficiado == clientePiura || clienteBeneficiado == clienteTalara ||
                    clienteBeneficiado == clienteTumbes) {
                    $('#generateNotaIngreso').prop('checked', true);
                } else {
                    $('#generateNotaIngreso').prop('checked', false);
                }

                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();
                const presentation = $('#presentacion_pollo_id').val();
                const tipoIngreso = $('#tipo_ingreso').val();
                // 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
            document.getElementById('checkPesoBruto').addEventListener('change', function() {

                const serieOrdenId = $('#serie_orden').val(); // "OD01-6434"


                if (this.checked) {
                    // Mostrar SweetAlert cuando el checkbox es marcad

                    Swal.fire({
                        title: '¿Estás seguro?',
                        text: "¿Deseas habilitar la edición del campo 'Peso Bruto'?",
                        icon: 'warning',
                        showCancelButton: true,
                        confirmButtonText: 'Sí, habilitar',
                        cancelButtonText: 'No, cancelar'
                    }).then((result) => {
                        if (result.isConfirmed) {
                            // Si el usuario hace clic en "Sí", habilitar el campo
                            document.getElementById('peso_bruto').removeAttribute('readonly');
                            // Swal.fire(
                            //     'Habilitado!',
                            //     'El campo de peso bruto ahora está habilitado.',
                            //     'success'
                            // );

                            // Realizar la solicitud AJAX para registrar el historial
                            $.ajax({
                                type: "POST",
                                url: "{{ route('ordenes-de-despacho.historyOrdersPesaje') }}", // Asegúrate de usar la ruta correcta
                                data: {
                                    _token: '{{ csrf_token() }}', // Agregar el token CSRF
                                    serieOrdenId: serieOrdenId
                                },
                                dataType: "json", // Definir el tipo de datos que esperamos de la respuesta
                                success: function(response) {
                                    if (response.success) {
                                        Swal.fire(
                                            'Éxito',
                                            response
                                            .message, // Mostrar el mensaje de éxito
                                            'success'
                                        );
                                    } else {
                                        Swal.fire(
                                            'Error',
                                            response
                                            .message, // Mostrar el mensaje de error
                                            'error'
                                        );
                                    }
                                },
                                error: function(xhr, status, error) {
                                    Swal.fire(
                                        'Error',
                                        'Hubo un problema al procesar la solicitud.',
                                        'error'
                                    );
                                }
                            });


                        } else {
                            // Si el usuario hace clic en "No", desmarcar el checkbox
                            document.getElementById('checkPesoBruto').checked = false;
                            document.getElementById('peso_bruto').setAttribute('readonly',
                                'readonly');
                            Swal.fire(
                                'Cancelado',
                                'El campo de peso bruto permanece deshabilitado.',
                                'info'
                            );
                        }
                    });
                } else {
                    // Si el checkbox se desmarca, asegurarse de que el campo se mantenga deshabilitado
                    document.getElementById('peso_bruto').setAttribute('readonly', 'readonly');
                }

                // Deshabilitar el evento focus en peso_bruto cuando checkPesoBruto está marcado
                if (document.getElementById('checkPesoBruto').checked) {
                    $('#peso_bruto').off('focus');
                } else {
                    // Rehabilitar el evento focus cuando checkPesoBruto está desmarcado
                    $('#peso_bruto').on('focus', function() {
                        if ($('#presentacion_pollo_id').val() == 2) {
                            $.ajax({
                                url: "{{ env('APP_URL') }}/api/peso-beneficiado",
                                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');
                                }
                            });
                        } else {
                            $.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');
                                }
                            });
                        }
                    });
                }

            });

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


        });
    </script>
@stop

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