@extends('adminlte::page')

@section('title', env('APP_NAME') . ' - Registro pedido')
@section('plugins.Datatables', true)
@section('plugins.Select2', true)

@section('content_header')
    <div class="d-flex justify-content-between align-items-center">
        <h1>Nuevo Pedido</h1>
        <div>
            <button type="button" class="btn btn-warning btn-sm" id="btnLimpiarDatos" title="Limpiar datos guardados automáticamente">
                <i class="fas fa-broom"></i> Limpiar Datos Guardados
            </button>
        </div>
    </div>
@stop

@section('content')
<div class="row">
    <!-- Sección principal -->
    <div class="col-md-9">
        <div class="card mb-3">
            <div class="card-header bg-primary text-white">
                <h4 class="card-title mb-0"><i class="fas fa-clipboard-list"></i> Datos Generales del Pedido</h4>
            </div>
            <div class="card-body">
                <form id="pedidoForm" action="{{ route('pedidos.store') }}" method="POST" autocomplete="off">
                    <div class="row">
                        <div class="col-md-4">
                            <div class="form-group">
                                <label for="fecha_pedido">Fecha de pedido</label>
                                <input type="date" name="fecha_pedido" id="fecha_pedido" class="form-control" autofocus required>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                <label for="tipo_lista">Seleccionar Lista</label>
                                <select name="tipo_lista" id="tipo_lista" class="form-control">
                                    <option value="0">Pollo Vivo</option>
                                    <option value="1">Pollo Beneficiado</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <hr>
                    <!-- Sección Cliente -->
                    <div class="row mb-3 align-items-end">
                        <div class="col-md-8">
                            <div class="form-group">
                                <label for="cliente_id">Seleccionar cliente</label>
                                <div class="input-group">
                                    <select name="cliente_id" id="cliente_id" class="form-control select2" required>
                                        <option value="">-- Seleccione un cliente --</option>
                                        @foreach ($clientes as $cliente)
                                            <option value="{{ $cliente->id }}">{{ $cliente->nombre_comercial }}</option>
                                        @endforeach
                                    </select>

                                </div>
                            </div>
                        </div>
                    </div>


                    <!-- Modal simulado para nuevo cliente -->
                    <div class="modal fade" id="modalNuevoCliente" tabindex="-1" role="dialog" aria-labelledby="modalNuevoClienteLabel" aria-hidden="true">
                        <div class="modal-dialog" role="document">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <h5 class="modal-title" id="modalNuevoClienteLabel">Agregar Nuevo Cliente</h5>
                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                        <span aria-hidden="true">&times;</span>
                                    </button>
                                </div>
                                <div class="modal-body">
                                    <div class="form-group">
                                        <label for="nuevo_cliente_nombre">Nombre Comercial</label>
                                        <input type="text" class="form-control" id="nuevo_cliente_nombre" placeholder="Nombre comercial">
                                    </div>
                                    <div class="form-group">
                                        <label for="nuevo_cliente_ruc">RUC</label>
                                        <input type="text" class="form-control" id="nuevo_cliente_ruc" placeholder="RUC">
                                    </div>
                                </div>
                                <div class="modal-footer">
                                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
                                    <button type="button" class="btn btn-primary" id="guardarNuevoCliente">Guardar</button>
                                </div>
                            </div>
                        </div>
                    </div>
                    <hr>
                    <!-- Sección Productos/Pedido -->
                    <div class="card mb-3">
                        <div class="card-header bg-info text-white">
                            <h5 class="mb-0"><i class="fas fa-drumstick-bite"></i> Detalle del Pedido</h5>
                        </div>
                        <div class="card-body pb-1" id="toma-de-pedidos">
                            <div class="row">
                                <div class="col-md-2 mb-1">
                                    <div class="form-group">
                                        <label for="cantidad_brasa">Pollo Hembra (Brasa)</label>
                                        <input type="number" name="cantidad_brasa" id="cantidad_brasa" class="form-control" value="0" min="0">
                                    </div>
                                </div>
                                <div class="col-md-1 mb-1">
                                    <div class="form-group">
                                        <label for="promedio_brasa" class="text-red">P. Promedio</label>
                                        <input type="number" name="promedio_brasa" id="promedio_brasa" class="form-control text-red" value="0" min="0">
                                    </div>
                                </div>
                                <div class="col-md-2 mb-1">
                                    <div class="form-group">
                                        <label for="cantidad_presa">Pollo Macho (Presa)</label>
                                        <input type="number" name="cantidad_presa" id="cantidad_presa" class="form-control" value="0" min="0">
                                    </div>
                                </div>
                                <div class="col-md-1 mb-1">
                                    <div class="form-group">
                                        <label for="promedio_presa" class="text-red">P. Promedio</label>
                                        <input type="number" name="promedio_presa" id="promedio_presa" class="form-control text-red" value="0" min="0">
                                    </div>
                                </div>
                                <div class="col-md-2 mb-1">
                                    <div class="form-group">
                                        <label for="cantidad_tipo">Pollo Tipo</label>
                                        <input type="number" name="cantidad_tipo" id="cantidad_tipo" class="form-control" value="0" min="0">
                                    </div>
                                </div>
                                <div class="col-md-1 mb-1">
                                    <div class="form-group">
                                        <label for="promedio_tipo" class="text-red">P. Promedio</label>
                                        <input type="number" name="promedio_tipo" id="promedio_tipo" class="form-control text-red" value="0" min="0">
                                    </div>
                                </div>
                                <div class="col-md-2 mb-1">
                                    <div class="form-group">
                                        <label for="cantidad_pollada">Pollo Brasero</label>
                                        <input type="number" name="cantidad_pollada" id="cantidad_pollada" class="form-control" value="0" min="0">
                                    </div>
                                </div>
                                <div class="col-md-1 mb-1">
                                    <div class="form-group">
                                        <label for="promedio_pollada" class="text-red">P. Promedio</label>
                                        <input type="number" name="promedio_pollada" id="promedio_pollada" class="form-control text-red" value="0" min="0">
                                    </div>
                                </div>
                                <div class="col-lg-6 col-md-12 mb-4">
                                    <div class="form-group">
                                        <label for="comentario">Observación</label>
                                        <textarea id="comentario" class="form-control" rows="2" placeholder="Escribe alguna observación aquí..."></textarea>
                                    </div>
                                </div>
                                <!-- boton para agregar a lista -->
                                <div class="col-md-4" style="margin-top: 30px;">
                                    <div class="form-group">
                                        <button type="button" class="btn btn-info flex-grow-1 btn-sm mr-2" id="btnAddDetail"><i class="fas fa-plus"></i> Agregar a Lista</button>
                                        <button type="button" class="btn btn-success flex-grow-1 btn-sm" id="btnClientesFrecuentes" title="Cargar todos los clientes frecuentes directamente a la lista">
                                            <i class="fas fa-star"></i> Clientes Frecuentes
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- Tabla Detalle Pedido -->
                    <div class="table-responsive">
                        <table class="table table-bordered table-hover mt-3" id="detailsPedido">
                            <thead class="thead-light">
                                <tr>
                                    <th>Cliente</th>
                                    <th>C. Brasa</th>
                                    <th class="text-red">P. Promedio</th>
                                    <th>C. Presa</th>
                                    <th class="text-red">P. Promedio</th>
                                    <th>C. Tipo</th>
                                    <th class="text-red">P. Promedio</th>
                                    <th>C. Brasero</th>
                                    <th class="text-red">P. Promedio</th>
                                    <th>Comentario</th>
                                    <th>Acción</th>
                                </tr>
                            </thead>
                            <tbody>
                                {{-- crear desde jquery --}}
                            </tbody>
                            <tfoot>
                                <tr>
                                    <th>Totales</th>
                                    <th id="totalBrasa">0</th>
                                    <th id="promedioBrasa">-</th>
                                    <th id="totalPresa">0</th>
                                    <th id="promedioPresa">-</th>
                                    <th id="totalTipo">0</th>
                                    <th id="promedioTipo">-</th>
                                    <th id="totalPollada">0</th>
                                    <th id="promedioPollada">-</th>
                                </tr>
                            </tfoot>
                        </table>
                    </div>
                    <div class="form-group mt-4 mb-0 d-flex justify-content-between">
                        @csrf
                        @method('POST')
                        <button class="btn btn-primary btn-lg" type="button" id="addPedido"><i class="fas fa-save"></i> Registrar Lista de pedidos <span class="ml-2 badge badge-light" id="shortcutSave">(Ctrl+G)</span></button>
                        <a href="{{ route('pedidos.index') }}" class="btn btn-warning btn-lg"><i class="fas fa-list"></i> Lista de pedidos</a>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <!-- Sidebar lateral -->
    <div class="col-md-3">
        <!-- Control de Inventario -->
        <div class="card">
            <div class="card-header bg-warning text-dark">
                <h5 class="mb-0"><i class="fas fa-clipboard-check"></i> Control de Inventario</h5>
            </div>
            <div class="card-body">
                <form id="formControlInventario">
                    @csrf
                    <input type="hidden" name="pedido_id" value="">

                    <!-- INGRESO CHIMU BRASA NORTE -->
                    <div class="mb-3">
                        <h6 class="text-primary mb-2">
                            <i class="fas fa-truck"></i> INGRESO CHIMU BRASA NORTE
                        </h6>
                        <div class="row">
                            <div class="col-6">
                                <div class="form-group mb-2">
                                    <label class="text-pink small">HEMBRA</label>
                                    <input type="number" class="form-control form-control-sm"
                                           name="cantidad_pollo_hembra" id="cantidad_pollo_hembra"
                                           value="0">
                                </div>
                            </div>
                            <div class="col-6">
                                <div class="form-group mb-2">
                                    <label class="text-blue small">MACHO</label>
                                    <input type="number" class="form-control form-control-sm"
                                           name="cantidad_pollo_macho" id="cantidad_pollo_macho"
                                           value="0">
                                </div>
                            </div>
                            <div class="col-6">
                                <div class="form-group mb-2">
                                    <label class="text-orange small">TIPO</label>
                                    <input type="number" class="form-control form-control-sm"
                                           name="cantidad_pollo_tipo" id="cantidad_pollo_tipo"
                                           value="0">
                                </div>
                            </div>
                            <div class="col-6">
                                <div class="form-group mb-2">
                                    <label class="text-purple small">BRASA</label>
                                    <input type="number" class="form-control form-control-sm"
                                           name="cantidad_pollo_brasa" id="cantidad_pollo_brasa"
                                           value="0">
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- STOCK -->
                    <div class="mb-3">
                        <h6 class="text-info mb-2">
                            <i class="fas fa-warehouse"></i> STOCK
                        </h6>
                        <div class="row">
                            <div class="col-6">
                                <div class="form-group mb-2">
                                    <label class="text-pink small">HEMBRA</label>
                                    <input type="number" class="form-control form-control-sm"
                                           name="cantidad_pollo_hembra_stock" id="cantidad_pollo_hembra_stock"
                                           value="0">
                                </div>
                            </div>
                            <div class="col-6">
                                <div class="form-group mb-2">
                                    <label class="text-blue small">MACHO</label>
                                    <input type="number" class="form-control form-control-sm"
                                           name="cantidad_pollo_macho_stock" id="cantidad_pollo_macho_stock"
                                           value="0">
                                </div>
                            </div>
                            <div class="col-6">
                                <div class="form-group mb-2">
                                    <label class="text-orange small">TIPO</label>
                                    <input type="number" class="form-control form-control-sm"
                                           name="cantidad_pollo_tipo_stock" id="cantidad_pollo_tipo_stock"
                                           value="0">
                                </div>
                            </div>
                            <div class="col-6">
                                <div class="form-group mb-2">
                                    <label class="text-purple small">BRASA</label>
                                    <input type="number" class="form-control form-control-sm"
                                           name="cantidad_pollo_brasa_stock" id="cantidad_pollo_brasa_stock"
                                           value="0">
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- TOTAL DESPACHO -->
                    <div class="mb-3">
                        <h6 class="text-warning mb-2">
                            <i class="fas fa-shipping-fast"></i> TOTAL DESPACHO
                        </h6>
                        <div class="row">
                            <div class="col-6">
                                <div class="form-group mb-2">
                                    <label class="text-pink small">HEMBRA (BRASA)</label>
                                    <input type="number" class="form-control form-control-sm"
                                           name="cantidad_pollo_hembra_despacho" id="cantidad_pollo_hembra_despacho"
                                           value="0" readonly>
                                </div>
                            </div>
                            <div class="col-6">
                                <div class="form-group mb-2">
                                    <label class="text-blue small">MACHO (PRESA)</label>
                                    <input type="number" class="form-control form-control-sm"
                                           name="cantidad_pollo_macho_despacho" id="cantidad_pollo_macho_despacho"
                                           value="0" readonly>
                                </div>
                            </div>
                            <div class="col-6">
                                <div class="form-group mb-2">
                                    <label class="text-orange small">TIPO</label>
                                    <input type="number" class="form-control form-control-sm"
                                           name="cantidad_pollo_tipo_despacho" id="cantidad_pollo_tipo_despacho"
                                           value="0" readonly>
                                </div>
                            </div>
                            <div class="col-6">
                                <div class="form-group mb-2">
                                    <label class="text-purple small">BRASERO</label>
                                    <input type="number" class="form-control form-control-sm"
                                           name="cantidad_pollo_brasa_despacho" id="cantidad_pollo_brasa_despacho"
                                           value="0" readonly>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- TOTAL SOBRANTES -->
                    <div class="mb-3">
                        <h6 class="text-danger mb-2">
                            <i class="fas fa-exclamation-triangle"></i> TOTAL SOBRANTES
                        </h6>
                        <div class="row">
                            <div class="col-6">
                                <div class="form-group mb-2">
                                    <label class="text-pink small">HEMBRA</label>
                                    <input type="number" class="form-control form-control-sm"
                                           name="cantidad_pollo_hembra_sobrantes" id="cantidad_pollo_hembra_sobrantes"
                                           value="0" readonly>
                                </div>
                            </div>
                            <div class="col-6">
                                <div class="form-group mb-2">
                                    <label class="text-blue small">MACHO</label>
                                    <input type="number" class="form-control form-control-sm"
                                           name="cantidad_pollo_macho_sobrantes" id="cantidad_pollo_macho_sobrantes"
                                           value="0" readonly>
                                </div>
                            </div>
                            <div class="col-6">
                                <div class="form-group mb-2">
                                    <label class="text-orange small">TIPO</label>
                                    <input type="number" class="form-control form-control-sm"
                                           name="cantidad_pollo_tipo_sobrantes" id="cantidad_pollo_tipo_sobrantes"
                                           value="0" readonly>
                </div>
                </div>
                            <div class="col-6">
                                <div class="form-group mb-2">
                                    <label class="text-purple small">BRASA</label>
                                    <input type="number" class="form-control form-control-sm"
                                           name="cantidad_pollo_brasa_sobrantes" id="cantidad_pollo_brasa_sobrantes"
                                           value="0" readonly>
                </div>
                            </div>
                        </div>
                    </div>

                    <!-- RESUMEN FINAL -->
                    <div class="alert alert-info p-2 mb-3">
                        <div class="row text-center">
                            <div class="col-4">
                                <small><strong>AVES + STOCK</strong></small><br>
                                <span id="totalDisponible" class="text-default font-weight-bold">0</span>
                            </div>
                            <div class="col-4">
                                <small><strong>DESPACHADOS</strong></small><br>
                                <span id="totalDespachados" class="text-default font-weight-bold">0</span>
                            </div>
                            <div class="col-4">
                                <small><strong>SOBRANTES</strong></small><br>
                                <span id="totalSobrantes" class="text-default font-weight-bold">0</span>
                            </div>
                        </div>
                    </div>

                    <!-- OBSERVACIONES -->
                    <div class="form-group mb-3">
                        <label class="small">Observaciones</label>
                        <textarea class="form-control form-control-sm"
                                  name="observaciones" id="observaciones"
                                  rows="2" placeholder="Observaciones adicionales..."></textarea>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
@stop

@section('css')
    <style>
        .select2-container--default .select2-selection--single {
            height: 40px !important;
        }
        .sticky-top {
            position: sticky;
        }
        .text-red {
            color: #e3342f;
        }

        #detailsPedido  {
            font-size: 12px !important;
        }
        #detailsPedido textarea {
            font-size: 12px !important;
        }

        #toma-de-pedidos {
            font-size: 12px !important;
        }

        #toma-de-pedidos .form-control {
            font-size: 12px !important;
        }


        /* Diferenciar visualmente cantidades de promedios */
        .cantidad-input {
            background-color: #f8f9fa;
            border-color: #6c757d;
        }

        .promedio-input {
            background-color: #fff3cd;
            border-color: #ffc107;
        }

        /* Mejorar apariencia de la tabla */
        #detailsPedido td {
            vertical-align: middle;
            padding: 8px 4px;
        }

        #detailsPedido .form-control-sm {
            height: 28px;
            padding: 4px 6px;
        }

        /* Estilos para el control de inventario */
        .text-pink { color: #e83e8c !important; }
        .text-blue { color: #007bff !important; }
        .text-orange { color: #fd7e14 !important; }
        .text-purple { color: #6f42c1 !important; }

        .form-control-sm {
            height: 28px;
            padding: 4px 6px;
            font-size: 11px;
        }

        .card-header h5 {
            font-size: 14px;
        }

        .card-header h6 {
            font-size: 12px;
            font-weight: bold;
        }

        .small {
            font-size: 10px;
            font-weight: bold;
        }
    </style>
@stop

@section('js')
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<script>
    document.addEventListener("DOMContentLoaded", function() {
        // Atajo: Guardar pedido con Ctrl+G
        document.addEventListener('keydown', function(e) {
            if (e.ctrlKey && e.key.toLowerCase() === 'g') {
                e.preventDefault();
                document.getElementById('addPedido').click();
            }
        });
        // Atajo: Agregar a lista con Enter desde cualquier input de producto
        $('#cantidad_brasa, #promedio_brasa, #cantidad_presa, #promedio_presa, #cantidad_tipo, #promedio_tipo, #cantidad_pollada, #promedio_pollada, #comentario').on('keydown', function(e) {
            if (e.key === 'Enter') {
                e.preventDefault();
                $('#btnAddDetail').click();
                // Enfoca el primer campo de producto para ingreso rápido
                $('#cantidad_brasa').focus();
            }
        });
                // Clientes frecuentes - cargar directamente a la lista
        $('#btnClientesFrecuentes').on('click', function() {
            cargarClientesFrecuentesDirectamente();
        });



        function cargarClientesFrecuentesDirectamente() {
            $.ajax({
                url: '{{ route("pedidos.clientes-frecuentes") }}',
                type: 'GET',
                beforeSend: function() {
                    $('#btnClientesFrecuentes').html('<i class="fas fa-spinner fa-spin"></i> Cargando...');
                },
                success: function(response) {
                    if (response.success && response.clientes_frecuentes.length > 0) {
                        cargarTodosLosClientesFrecuentesDirectamente(response.clientes_frecuentes);
                    } else {
                        Swal.fire({
                            icon: 'info',
                            title: 'Sin clientes frecuentes',
                            text: 'No hay clientes frecuentes en la base de datos. Haga clic en "Actualizar" para generar la lista.',
                        });
                    }
                },
                error: function() {
                    Swal.fire({
                        icon: 'error',
                        title: 'Error',
                        text: 'No se pudieron cargar los clientes frecuentes.',
                    });
                },
                complete: function() {
                    $('#btnClientesFrecuentes').html('<i class="fas fa-star"></i> Clientes Frecuentes');
                }
            });
        }



        function cargarTodosLosClientesFrecuentesDirectamente(clientes) {
            let clientesAgregados = 0;

            clientes.forEach(function(cliente) {
                // Agregar cliente a la lista con todos los campos en 0 (permitir duplicados)
                var nuevaFila = `
                    <tr data-cliente-id="${cliente.cliente_id}">
                        <td class="cliente_nombre">${cliente.razon_social}</td>
                        <td class="cantidadBrasa">
                            <input type="number" class="form-control form-control-sm cantidad-input"
                                   value="0"  min="0"
                                   data-field="cantidadBrasa" style="width: 70px;">
                        </td>
                        <td class="promedioBrasa">
                            <input type="number" class="form-control form-control-sm promedio-input"
                                   value="0" step="0.01" min="0"
                                   data-field="promedioBrasa" style="width: 70px;">
                        </td>
                        <td class="cantidadPresa">
                            <input type="number" class="form-control form-control-sm cantidad-input"
                                   value="0"  min="0"
                                   data-field="cantidadPresa" style="width: 70px;">
                        </td>
                        <td class="promedioPresa">
                            <input type="number" class="form-control form-control-sm promedio-input"
                                   value="0" step="0.01" min="0"
                                   data-field="promedioPresa" style="width: 70px;">
                        </td>
                        <td class="cantidadTipo">
                            <input type="number" class="form-control form-control-sm cantidad-input"
                                   value="0"  min="0"
                                   data-field="cantidadTipo" style="width: 70px;">
                        </td>
                        <td class="promedioTipo">
                            <input type="number" class="form-control form-control-sm promedio-input"
                                   value="0" step="0.01" min="0"
                                   data-field="promedioTipo" style="width: 70px;">
                        </td>
                        <td class="cantidadPollada">
                            <input type="number" class="form-control form-control-sm cantidad-input"
                                   value="0"  min="0"
                                   data-field="cantidadPollada" style="width: 70px;">
                        </td>
                        <td class="promedioPollada">
                            <input type="number" class="form-control form-control-sm promedio-input"
                                   value="0" step="0.01" min="0"
                                   data-field="promedioPollada" style="width: 70px;">
                        </td>
                        <td class="comentario"></td>
                        <td><button class="btn btn-danger btn-xs eliminar"><i class="fas fa-trash"></i></button></td>
                    </tr>
                `;
                $('#detailsPedido tbody').append(nuevaFila);
                clientesAgregados++;
            });

            updateTotals();

            // Mostrar resultado
            Swal.fire({
                icon: 'success',
                title: 'Clientes frecuentes cargados',
                text: `Se agregaron ${clientesAgregados} clientes a la lista`,
                timer: 2000,
                showConfirmButton: false
            });
        }



        // Modal nuevo cliente
        $('#btnNuevoCliente').on('click', function() {
            $('#modalNuevoCliente').modal('show');
        });
        $('#guardarNuevoCliente').on('click', function() {
            // Simulación: agrega el nuevo cliente al select (en producción, usar AJAX y backend)
            let nombre = $('#nuevo_cliente_nombre').val();
            let ruc = $('#nuevo_cliente_ruc').val();
            if (nombre) {
                let newOption = new Option(`${nombre} (${ruc || 'Sin RUC'})`, 'nuevo_' + Date.now(), false, true);
                $('#cliente_id').append(newOption).trigger('change');
                $('#modalNuevoCliente').modal('hide');
                $('#nuevo_cliente_nombre').val('');
                $('#nuevo_cliente_ruc').val('');
            }
        });
        //Agregar a lista
        $('#btnAddDetail').on('click', function() {
            let idCliente = $('#cliente_id option:selected').val();
            let cliente = $('#cliente_id option:selected').text();
            let cantidadPresa = $('#cantidad_presa').val();
            let cantidadBrasa = $('#cantidad_brasa').val();
            let cantidadTipo = $('#cantidad_tipo').val();
            let cantidadPollada = $('#cantidad_pollada').val();
            let promedioPresa = $('#promedio_presa').val();
            let promedioBrasa = $('#promedio_brasa').val();
            let promedioTipo = $('#promedio_tipo').val();
            let promedioPollada = $('#promedio_pollada').val();
            let comentario = $('#comentario').val();

            // Validación rápida
            if (!cliente || !cantidadPresa || !cantidadBrasa || !idCliente) {
                Swal.fire({
                    icon: "error",
                    title: "Oops...",
                    text: "Por favor, complete todos los campos obligatorios.",
                });
                return;
            }

            // Permitir clientes duplicados - no validar duplicados

            // Si pasa todas las validaciones, agregar a la lista
            var nuevaFila = `
                <tr data-cliente-id="${idCliente}">
                    <td class="cliente_nombre">${cliente}</td>
                    <td class="cantidadBrasa">
                        <input type="number" class="form-control form-control-sm cantidad-input"
                               value="${cantidadBrasa}" step="0.01" min="0"
                               data-field="cantidadBrasa" style="width: 70px;">
                    </td>
                    <td class="promedioBrasa">
                        <input type="number" class="form-control form-control-sm promedio-input"
                               value="${promedioBrasa}" step="0.01" min="0"
                               data-field="promedioBrasa" style="width: 70px;">
                    </td>
                    <td class="cantidadPresa">
                        <input type="number" class="form-control form-control-sm cantidad-input"
                               value="${cantidadPresa}" step="0.01" min="0"
                               data-field="cantidadPresa" style="width: 70px;">
                    </td>
                    <td class="promedioPresa">
                        <input type="number" class="form-control form-control-sm promedio-input"
                               value="${promedioPresa}" step="0.01" min="0"
                               data-field="promedioPresa" style="width: 70px;">
                    </td>
                    <td class="cantidadTipo">
                        <input type="number" class="form-control form-control-sm cantidad-input"
                               value="${cantidadTipo}" step="0.01" min="0"
                               data-field="cantidadTipo" style="width: 70px;">
                    </td>
                    <td class="promedioTipo">
                        <input type="number" class="form-control form-control-sm promedio-input"
                               value="${promedioTipo}" step="0.01" min="0"
                               data-field="promedioTipo" style="width: 70px;">
                    </td>
                    <td class="cantidadPollada">
                        <input type="number" class="form-control form-control-sm cantidad-input"
                               value="${cantidadPollada}" step="0.01" min="0"
                               data-field="cantidadPollada" style="width: 70px;">
                    </td>
                    <td class="promedioPollada">
                        <input type="number" class="form-control form-control-sm promedio-input"
                               value="${promedioPollada}" step="0.01" min="0"
                               data-field="promedioPollada" style="width: 70px;">
                    </td>
                    <td class="comentario"><textarea rows="1" class="form-control">${comentario}</textarea></td>
                    <td><button class="btn btn-danger btn-xs eliminar"><i class="fas fa-trash"></i></button></td>
                </tr>
            `;
            $('table tbody').append(nuevaFila);
            clearInputs();
            updateTotals();
        });
        function clearInputs() {
            $('#cantidad_presa').val(0);
            $('#cantidad_brasa').val(0);
            $('#cantidad_tipo').val(0);
            $('#cantidad_pollada').val(0);
            $('#promedio_presa').val(0);
            $('#promedio_brasa').val(0);
            $('#promedio_tipo').val(0);
            $('#promedio_pollada').val(0);
            $('#comentario').val('');
        }
        // Eliminar fila de la tabla
        $('table').on('click', '.eliminar', function() {
            $(this).closest('tr').remove();
            updateTotals();
        });



        // Manejar cuando se pierde el foco en inputs de cantidades
        $(document).on('blur', '.cantidad-input', function() {
            let value = parseInt($(this).val()) || 0;
            $(this).val(value);
            updateTotals();
        });



        // Manejar cuando se pierde el foco en inputs de promedios
        $(document).on('blur', '.promedio-input', function() {
            let value = parseFloat($(this).val()) || 0;
            $(this).val(value.toFixed(2));
        });


        // Función para actualizar los totales y el resumen lateral
        function updateTotals() {
            let totalPresa = 0;
            let totalBrasa = 0;
            let totalTipo = 0;
            let totalPollada = 0;
            $('#detailsPedido tbody tr').each(function() {
                totalPresa += parseInt($(this).find('.cantidadPresa input').val()) || 0;
                totalBrasa += parseInt($(this).find('.cantidadBrasa input').val()) || 0;
                totalTipo += parseInt($(this).find('.cantidadTipo input').val()) || 0;
                totalPollada += parseInt($(this).find('.cantidadPollada input').val()) || 0;
            });
            $('#totalPresa').text(totalPresa);
            $('#totalBrasa').text(totalBrasa);
            $('#totalTipo').text(totalTipo);
            $('#totalPollada').text(totalPollada);
            // Actualiza resumen lateral
            $('#resumenPresa').text(totalPresa);
            $('#resumenBrasa').text(totalBrasa);
            $('#resumenTipo').text(totalTipo);
            $('#resumenPollada').text(totalPollada);

            // Actualizar campos de despacho en el control de inventario automáticamente
            $('#cantidad_pollo_hembra_despacho').val(totalBrasa);
            $('#cantidad_pollo_macho_despacho').val(totalPresa);
            $('#cantidad_pollo_tipo_despacho').val(totalTipo);
            $('#cantidad_pollo_brasa_despacho').val(totalPollada);

            // Recalcular totales del control de inventario
            calcularTotalesInventario();
        }
        // Guardar pedido (AJAX)
        $('#addPedido').on('click', function() {
            var detalles = [];
            $('#detailsPedido tbody tr').each(function() {
                let clienteId = $(this).data('cliente-id'); // Obtener el ID del cliente del atributo data
                let cantidadPresa = parseFloat($(this).find('.cantidadPresa input').val()) || 0;
                let cantidadBrasa = parseFloat($(this).find('.cantidadBrasa input').val()) || 0;
                let cantidadTipo = parseFloat($(this).find('.cantidadTipo input').val()) || 0;
                let cantidadPollada = parseFloat($(this).find('.cantidadPollada input').val()) || 0;
                let promedioPresa = parseFloat($(this).find('.promedioPresa input').val()) || 0;
                let promedioBrasa = parseFloat($(this).find('.promedioBrasa input').val()) || 0;
                let promedioTipo = parseFloat($(this).find('.promedioTipo input').val()) || 0;
                let promedioPollada = parseFloat($(this).find('.promedioPollada input').val()) || 0;
                let comentario = $(this).find('.comentario').text();
                detalles.push({
                    cliente_id: clienteId,
                    cantidad_presa: cantidadPresa,
                    cantidad_brasa: cantidadBrasa,
                    cantidad_tipo: cantidadTipo,
                    cantidad_pollada: cantidadPollada,
                    promedio_presa: promedioPresa,
                    promedio_brasa: promedioBrasa,
                    promedio_tipo: promedioTipo,
                    promedio_pollada: promedioPollada,
                    comentario: comentario
                });
            });
            // Crear FormData para enviar los datos correctamente
            var formData = new FormData();
            formData.append('fecha_pedido', $('#fecha_pedido').val());
            formData.append('total_presa', $('#totalPresa').text());
            formData.append('total_brasa', $('#totalBrasa').text());
            formData.append('total_tipo', $('#totalTipo').text());
            formData.append('total_pollada', $('#totalPollada').text());
            formData.append('tipo_lista', $('#tipo_lista').val());
            formData.append('_token', $('input[name="_token"]').val());

            // Agregar datos del control de inventario
            formData.append('cantidad_pollo_hembra', $('#cantidad_pollo_hembra').val());
            formData.append('cantidad_pollo_macho', $('#cantidad_pollo_macho').val());
            formData.append('cantidad_pollo_tipo', $('#cantidad_pollo_tipo').val());
            formData.append('cantidad_pollo_brasa', $('#cantidad_pollo_brasa').val());
            formData.append('cantidad_pollo_hembra_stock', $('#cantidad_pollo_hembra_stock').val());
            formData.append('cantidad_pollo_macho_stock', $('#cantidad_pollo_macho_stock').val());
            formData.append('cantidad_pollo_tipo_stock', $('#cantidad_pollo_tipo_stock').val());
            formData.append('cantidad_pollo_brasa_stock', $('#cantidad_pollo_brasa_stock').val());
            formData.append('cantidad_pollo_hembra_despacho', $('#cantidad_pollo_hembra_despacho').val());
            formData.append('cantidad_pollo_macho_despacho', $('#cantidad_pollo_macho_despacho').val());
            formData.append('cantidad_pollo_tipo_despacho', $('#cantidad_pollo_tipo_despacho').val());
            formData.append('cantidad_pollo_brasa_despacho', $('#cantidad_pollo_brasa_despacho').val());
            formData.append('cantidad_pollo_hembra_sobrantes', $('#cantidad_pollo_hembra_sobrantes').val());
            formData.append('cantidad_pollo_macho_sobrantes', $('#cantidad_pollo_macho_sobrantes').val());
            formData.append('cantidad_pollo_tipo_sobrantes', $('#cantidad_pollo_tipo_sobrantes').val());
            formData.append('cantidad_pollo_brasa_sobrantes', $('#cantidad_pollo_brasa_sobrantes').val());
            formData.append('observaciones', $('#observaciones').val());

            // Agregar cada detalle como campos separados
            detalles.forEach(function(detalle, index) {
                formData.append(`detalle[${index}][cliente_id]`, detalle.cliente_id);
                formData.append(`detalle[${index}][cantidad_presa]`, detalle.cantidad_presa);
                formData.append(`detalle[${index}][cantidad_brasa]`, detalle.cantidad_brasa);
                formData.append(`detalle[${index}][cantidad_tipo]`, detalle.cantidad_tipo);
                formData.append(`detalle[${index}][cantidad_pollada]`, detalle.cantidad_pollada);
                formData.append(`detalle[${index}][promedio_presa]`, detalle.promedio_presa);
                formData.append(`detalle[${index}][promedio_brasa]`, detalle.promedio_brasa);
                formData.append(`detalle[${index}][promedio_tipo]`, detalle.promedio_tipo);
                formData.append(`detalle[${index}][promedio_pollada]`, detalle.promedio_pollada);
                formData.append(`detalle[${index}][comentario]`, detalle.comentario);
            });
            $.ajax({
                type: 'POST',
                url: '{{ route('pedidos.store') }}',
                data: formData,
                processData: false,
                contentType: false,
                success: function(response) {
                    Swal.fire(
                        'Registrado!',
                        'El pedido se ha registrado con éxito.',
                        'success'
                    ).then(() => {
                        window.location.href = '{{ route('pedidos.index') }}';
                    });
                },
                error: function(xhr) {
                    let errorMessage = 'No se pudo registrar el pedido.';
                    let errorDetails = '';

                    if (xhr.responseJSON && xhr.responseJSON.errors) {
                        // Construir mensaje detallado con todos los errores
                        const errors = xhr.responseJSON.errors;
                        errorDetails = '<ul style="text-align: left; margin: 10px 0;">';

                        Object.keys(errors).forEach(function(field) {
                            errors[field].forEach(function(error) {
                                errorDetails += `<li> ${error}</li>`;
                            });
                        });

                        errorDetails += '</ul>';
                        errorMessage = 'Por favor, corrija los siguientes errores:';
                    } else if (xhr.responseJSON && xhr.responseJSON.message) {
                        errorMessage = xhr.responseJSON.message;
                    }

                    Swal.fire({
                        icon: 'error',
                        title: 'Error de Validación',
                        html: errorMessage + errorDetails,
                        confirmButtonText: 'Entendido',
                        confirmButtonColor: '#3085d6'
                    });
                    console.log('Error completo:', xhr.responseJSON);
                }
            });
        });
        $(".select2").select2({
            width: '100%',
            placeholder: 'Buscar cliente...',
            allowClear: true
        });

        // ===== CONTROL DE INVENTARIO =====

        // Función para calcular totales del control de inventario
        function calcularTotalesInventario() {
            // Ingresos
            const ingresoHembra = parseInt($('#cantidad_pollo_hembra').val()) || 0;
            const ingresoMacho = parseInt($('#cantidad_pollo_macho').val()) || 0;
            const ingresoTipo = parseInt($('#cantidad_pollo_tipo').val()) || 0;
            const ingresoBrasa = parseInt($('#cantidad_pollo_brasa').val()) || 0;

            // Stock
            const stockHembra = parseInt($('#cantidad_pollo_hembra_stock').val()) || 0;
            const stockMacho = parseInt($('#cantidad_pollo_macho_stock').val()) || 0;
            const stockTipo = parseInt($('#cantidad_pollo_tipo_stock').val()) || 0;
            const stockBrasa = parseInt($('#cantidad_pollo_brasa_stock').val()) || 0;

            // Despachos (readonly - se actualizan desde pedidos)
            const despachoHembra = parseInt($('#cantidad_pollo_hembra_despacho').val()) || 0;
            const despachoMacho = parseInt($('#cantidad_pollo_macho_despacho').val()) || 0;
            const despachoTipo = parseInt($('#cantidad_pollo_tipo_despacho').val()) || 0;
            const despachoBrasa = parseInt($('#cantidad_pollo_brasa_despacho').val()) || 0;

            // Calcular totales
            const totalIngresos = ingresoHembra + ingresoMacho + ingresoTipo + ingresoBrasa;
            const totalStock = stockHembra + stockMacho + stockTipo + stockBrasa;
            const totalDespachos = despachoHembra + despachoMacho + despachoTipo + despachoBrasa;
            const totalDisponible = totalIngresos + totalStock;
            const totalSobrantes = totalDisponible - totalDespachos;

            // Calcular sobrantes por tipo
            const sobranteHembra = (ingresoHembra + stockHembra) - despachoHembra;
            const sobranteMacho = (ingresoMacho + stockMacho) - despachoMacho;
            const sobranteTipo = (ingresoTipo + stockTipo) - despachoTipo;
            const sobranteBrasa = (ingresoBrasa + stockBrasa) - despachoBrasa;

            // Actualizar campos de sobrantes
            $('#cantidad_pollo_hembra_sobrantes').val(sobranteHembra);
            $('#cantidad_pollo_macho_sobrantes').val(sobranteMacho);
            $('#cantidad_pollo_tipo_sobrantes').val(sobranteTipo);
            $('#cantidad_pollo_brasa_sobrantes').val(sobranteBrasa);

            // Actualizar resumen
            $('#totalDisponible').text(totalDisponible);
            $('#totalDespachados').text(totalDespachos);
            $('#totalSobrantes').text(totalSobrantes);
        }

        // Event listeners para calcular totales automáticamente
        $('#cantidad_pollo_hembra, #cantidad_pollo_macho, #cantidad_pollo_tipo, #cantidad_pollo_brasa, ' +
          '#cantidad_pollo_hembra_stock, #cantidad_pollo_macho_stock, #cantidad_pollo_tipo_stock, #cantidad_pollo_brasa_stock')
            .on('input', calcularTotalesInventario);

        // ===== SISTEMA DE AUTOGUARDADO LOCAL =====

        // Función para guardar datos en localStorage
        function guardarDatosLocal() {
            const datos = {
                // Datos del formulario principal
                formulario: {
                    cliente_id: $('#cliente_id').val(),
                    cantidadBrasa: $('#cantidadBrasa').val(),
                    promedioBrasa: $('#promedioBrasa').val(),
                    cantidadPresa: $('#cantidadPresa').val(),
                    promedioPresa: $('#promedioPresa').val(),
                    cantidadTipo: $('#cantidadTipo').val(),
                    promedioTipo: $('#promedioTipo').val(),
                    cantidadPollada: $('#cantidadPollada').val(),
                    promedioPollada: $('#promedioPollada').val(),
                    observacion: $('#observacion').val()
                },
                // Datos de la tabla de pedidos
                tablaPedidos: [],
                // Datos del control de inventario
                controlInventario: {
                    cantidad_pollo_hembra: $('#cantidad_pollo_hembra').val(),
                    cantidad_pollo_macho: $('#cantidad_pollo_macho').val(),
                    cantidad_pollo_tipo: $('#cantidad_pollo_tipo').val(),
                    cantidad_pollo_brasa: $('#cantidad_pollo_brasa').val(),
                    cantidad_pollo_hembra_stock: $('#cantidad_pollo_hembra_stock').val(),
                    cantidad_pollo_macho_stock: $('#cantidad_pollo_macho_stock').val(),
                    cantidad_pollo_tipo_stock: $('#cantidad_pollo_tipo_stock').val(),
                    cantidad_pollo_brasa_stock: $('#cantidad_pollo_brasa_stock').val(),
                    observaciones: $('#observaciones').val()
                },
                // Timestamp de guardado
                timestamp: new Date().toISOString()
            };

            // Guardar datos de la tabla
            $('#detailsPedido tbody tr').each(function() {
                const fila = {
                    cliente_id: $(this).data('cliente-id'),
                    cliente_nombre: $(this).find('.cliente_nombre').text(),
                    cantidadBrasa: $(this).find('.cantidadBrasa input').val(),
                    promedioBrasa: $(this).find('.promedioBrasa input').val(),
                    cantidadPresa: $(this).find('.cantidadPresa input').val(),
                    promedioPresa: $(this).find('.promedioPresa input').val(),
                    cantidadTipo: $(this).find('.cantidadTipo input').val(),
                    promedioTipo: $(this).find('.promedioTipo input').val(),
                    cantidadPollada: $(this).find('.cantidadPollada input').val(),
                    promedioPollada: $(this).find('.promedioPollada input').val(),
                    comentario: $(this).find('.comentario textarea').val()
                };
                datos.tablaPedidos.push(fila);
            });

            localStorage.setItem('pedido_create_datos', JSON.stringify(datos));
        }

        // Función para cargar datos desde localStorage
        function cargarDatosLocal() {
            const datosGuardados = localStorage.getItem('pedido_create_datos');
            if (!datosGuardados) return false;

            try {
                const datos = JSON.parse(datosGuardados);

                // Verificar si los datos no son muy antiguos (máximo 24 horas)
                const fechaGuardado = new Date(datos.timestamp);
                const fechaActual = new Date();
                const horasDiferencia = (fechaActual - fechaGuardado) / (1000 * 60 * 60);

                if (horasDiferencia > 24) {
                    localStorage.removeItem('pedido_create_datos');
                    return false;
                }

                // Mostrar notificación de datos recuperados
                Swal.fire({
                    icon: 'info',
                    title: 'Datos recuperados',
                    html: `
                        <p>Se encontraron datos guardados automáticamente del ${fechaGuardado.toLocaleString()}.</p>
                        <p>¿Desea restaurar estos datos?</p>
                    `,
                    showCancelButton: true,
                    confirmButtonText: 'Sí, restaurar',
                    cancelButtonText: 'No, empezar nuevo',
                    confirmButtonColor: '#28a745',
                    cancelButtonColor: '#6c757d'
                }).then((result) => {
                    if (result.isConfirmed) {
                        restaurarDatos(datos);
                    } else {
                        limpiarDatosLocal();
                    }
                });

                return true;
            } catch (e) {
                console.error('Error al cargar datos guardados:', e);
                localStorage.removeItem('pedido_create_datos');
                return false;
            }
        }

        // Función para restaurar datos
        function restaurarDatos(datos) {
            // Restaurar formulario principal
            if (datos.formulario) {
                $('#cliente_id').val(datos.formulario.cliente_id).trigger('change');
                $('#cantidadBrasa').val(datos.formulario.cantidadBrasa);
                $('#promedioBrasa').val(datos.formulario.promedioBrasa);
                $('#cantidadPresa').val(datos.formulario.cantidadPresa);
                $('#promedioPresa').val(datos.formulario.promedioPresa);
                $('#cantidadTipo').val(datos.formulario.cantidadTipo);
                $('#promedioTipo').val(datos.formulario.promedioTipo);
                $('#cantidadPollada').val(datos.formulario.cantidadPollada);
                $('#promedioPollada').val(datos.formulario.promedioPollada);
                $('#observacion').val(datos.formulario.observacion);
            }

            // Restaurar tabla de pedidos
            if (datos.tablaPedidos && datos.tablaPedidos.length > 0) {
                $('#detailsPedido tbody').empty();
                datos.tablaPedidos.forEach(function(fila) {
                    const nuevaFila = `
                        <tr data-cliente-id="${fila.cliente_id}">
                            <td class="cliente_nombre">${fila.cliente_nombre}</td>
                            <td class="cantidadBrasa">
                                <input type="number" class="form-control form-control-sm cantidad-input"
                                       value="${fila.cantidadBrasa}" step="0.01" min="0"
                                       data-field="cantidadBrasa" style="width: 70px;">
                            </td>
                            <td class="promedioBrasa">
                                <input type="number" class="form-control form-control-sm promedio-input"
                                       value="${fila.promedioBrasa}" step="0.01" min="0"
                                       data-field="promedioBrasa" style="width: 70px;">
                            </td>
                            <td class="cantidadPresa">
                                <input type="number" class="form-control form-control-sm cantidad-input"
                                       value="${fila.cantidadPresa}" step="0.01" min="0"
                                       data-field="cantidadPresa" style="width: 70px;">
                            </td>
                            <td class="promedioPresa">
                                <input type="number" class="form-control form-control-sm promedio-input"
                                       value="${fila.promedioPresa}" step="0.01" min="0"
                                       data-field="promedioPresa" style="width: 70px;">
                            </td>
                            <td class="cantidadTipo">
                                <input type="number" class="form-control form-control-sm cantidad-input"
                                       value="${fila.cantidadTipo}" step="0.01" min="0"
                                       data-field="cantidadTipo" style="width: 70px;">
                            </td>
                            <td class="promedioTipo">
                                <input type="number" class="form-control form-control-sm promedio-input"
                                       value="${fila.promedioTipo}" step="0.01" min="0"
                                       data-field="promedioTipo" style="width: 70px;">
                            </td>
                            <td class="cantidadPollada">
                                <input type="number" class="form-control form-control-sm cantidad-input"
                                       value="${fila.cantidadPollada}" step="0.01" min="0"
                                       data-field="cantidadPollada" style="width: 70px;">
                            </td>
                            <td class="promedioPollada">
                                <input type="number" class="form-control form-control-sm promedio-input"
                                       value="${fila.promedioPollada}" step="0.01" min="0"
                                       data-field="promedioPollada" style="width: 70px;">
                            </td>
                            <td class="comentario"><textarea rows="1" class="form-control">${fila.comentario || ''}</textarea></td>
                            <td><button class="btn btn-danger btn-xs eliminar"><i class="fas fa-trash"></i></button></td>
                        </tr>
                    `;
                    $('#detailsPedido tbody').append(nuevaFila);
                });
            }

            // Restaurar control de inventario
            if (datos.controlInventario) {
                $('#cantidad_pollo_hembra').val(datos.controlInventario.cantidad_pollo_hembra);
                $('#cantidad_pollo_macho').val(datos.controlInventario.cantidad_pollo_macho);
                $('#cantidad_pollo_tipo').val(datos.controlInventario.cantidad_pollo_tipo);
                $('#cantidad_pollo_brasa').val(datos.controlInventario.cantidad_pollo_brasa);
                $('#cantidad_pollo_hembra_stock').val(datos.controlInventario.cantidad_pollo_hembra_stock);
                $('#cantidad_pollo_macho_stock').val(datos.controlInventario.cantidad_pollo_macho_stock);
                $('#cantidad_pollo_tipo_stock').val(datos.controlInventario.cantidad_pollo_tipo_stock);
                $('#cantidad_pollo_brasa_stock').val(datos.controlInventario.cantidad_pollo_brasa_stock);
                $('#observaciones').val(datos.controlInventario.observaciones);
            }

            // Recalcular totales
            updateTotals();
            calcularTotalesInventario();

            Swal.fire({
                icon: 'success',
                title: 'Datos restaurados',
                text: 'Los datos se han restaurado correctamente.',
                timer: 2000,
                showConfirmButton: false
            });
        }

        // Función para limpiar datos guardados
        function limpiarDatosLocal() {
            localStorage.removeItem('pedido_create_datos');
        }

        // Event listeners para autoguardado
        $('#cliente_id, #cantidadBrasa, #promedioBrasa, #cantidadPresa, #promedioPresa, ' +
          '#cantidadTipo, #promedioTipo, #cantidadPollada, #promedioPollada, #observacion, ' +
          '#cantidad_pollo_hembra, #cantidad_pollo_macho, #cantidad_pollo_tipo, #cantidad_pollo_brasa, ' +
          '#cantidad_pollo_hembra_stock, #cantidad_pollo_macho_stock, #cantidad_pollo_tipo_stock, ' +
          '#cantidad_pollo_brasa_stock, #observaciones')
            .on('input change', function() {
                setTimeout(guardarDatosLocal, 500); // Guardar después de 500ms de inactividad
            });

        // Autoguardado cuando se agregan/eliminan elementos de la tabla
        $(document).on('click', '#btnAddDetail, .eliminar', function() {
            setTimeout(guardarDatosLocal, 1000);
        });

        // Limpiar datos al guardar exitosamente
        $('#addPedido').on('click', function() {
            // Limpiar datos guardados después de un guardado exitoso
            setTimeout(limpiarDatosLocal, 2000);
        });

        // Botón para limpiar datos guardados manualmente
        $('#btnLimpiarDatos').on('click', function() {
            Swal.fire({
                icon: 'question',
                title: 'Limpiar datos guardados',
                text: '¿Está seguro de que desea eliminar todos los datos guardados automáticamente?',
                showCancelButton: true,
                confirmButtonText: 'Sí, limpiar',
                cancelButtonText: 'Cancelar',
                confirmButtonColor: '#dc3545',
                cancelButtonColor: '#6c757d'
            }).then((result) => {
                if (result.isConfirmed) {
                    limpiarDatosLocal();
                    Swal.fire({
                        icon: 'success',
                        title: 'Datos limpiados',
                        text: 'Los datos guardados han sido eliminados.',
                        timer: 1500,
                        showConfirmButton: false
                    });
                }
            });
        });

        // Cargar datos al inicializar la página
        cargarDatosLocal();

        // Calcular totales iniciales
        calcularTotalesInventario();
    });
</script>
@stop