@extends('layouts.app')

@section('title', 'Inventario')

@push('styles')
    <style>
        [x-cloak] {
            display: none !important;
        }
    </style>
@endpush

{{--
    KARDEX Y CATÁLOGO MANAGER
    Permite administrar la información del producto.
    Usa interceptores Fetch (`submitForm()`) para refrescar la tabla dinámica 
    sin recargar la vista entera (AJAX Pagination / Sorting persistente).
--}}

@section('content')
    <div x-data="inventoryApp()" @keydown.escape.window="deleteModal.open = false; stockAdjust.open = false">
        @include('inventario.partials.header')

        @if(session('success'))
            <div
                class="glass-card bg-green-50 dark:bg-green-500/10 text-green-800 dark:text-green-400 p-4 rounded-xl mb-6 border-l-4 border-l-fresh-green shadow-sm">
                {{ session('success') }}
            </div>
        @endif
        @if(session('warning'))
            <div
                class="glass-card bg-amber-50 dark:bg-amber-500/10 text-amber-800 dark:text-amber-400 p-4 rounded-xl mb-6 border-l-4 border-l-brand-orange shadow-sm">
                {{ session('warning') }}
            </div>
        @endif

        <!-- Barra de Búsqueda y Filtros Refinada -->
        @include('inventario.partials.filters')

        <!-- Barra de Asignación Masiva de Categoría -->
        <div x-show="selectedProducts.length > 0" 
             x-transition:enter="transition ease-out duration-300"
             x-transition:enter-start="opacity-0 -translate-y-2"
             x-transition:enter-end="opacity-100 translate-y-0"
             class="p-4 mb-4 bg-brand-orange/10 dark:bg-brand-orange/20 rounded-2xl border border-brand-orange/30 flex flex-wrap items-center justify-between gap-4 shadow-md"
             x-cloak>
            <div class="flex items-center gap-3">
                <div class="w-8 h-8 rounded-xl bg-brand-orange text-white flex items-center justify-center font-black text-xs shadow-sm">
                    <span x-text="selectedProducts.length"></span>
                </div>
                <span class="text-xs font-black text-slate-800 dark:text-white uppercase tracking-wider">
                    Producto(s) Seleccionado(s)
                </span>
            </div>
            
            <div class="flex items-center gap-3 flex-wrap">
                <label class="text-[10px] font-black text-slate-500 dark:text-slate-400 uppercase tracking-widest">Asignar Categoría:</label>
                <select x-model="targetCategoryForBulk" class="bg-white dark:bg-slate-900 border-slate-200 dark:border-slate-700 rounded-xl py-2 px-4 text-xs font-bold text-slate-800 dark:text-white shadow-sm focus:ring-2 focus:ring-brand-orange">
                    <option value="">-- Sin Categoría / Quitar --</option>
                    <template x-for="cat in categories" :key="cat.id">
                        <option :value="cat.id" x-text="(cat.icono ? cat.icono + ' ' : '') + cat.nombre"></option>
                    </template>
                </select>
                <button @click="assignCategoryBulk()" :disabled="bulkSaving" class="px-5 py-2 bg-brand-orange hover:bg-brand-wine text-white rounded-xl text-xs font-black uppercase tracking-wider transition-all shadow-md flex items-center gap-2">
                    <span x-show="!bulkSaving">Aplicar Categoría</span>
                    <span x-show="bulkSaving">Guardando...</span>
                </button>
                <button @click="selectedProducts = []" class="px-3 py-2 text-slate-400 hover:text-slate-600 text-xs font-bold uppercase">
                    Cancelar
                </button>
            </div>
        </div>

        <!-- Tabla de Productos -->
        <div id="inventory-table-container">
            @include('inventario.table')
        </div>


        <!-- Modal Administrador de Categorías (Premium UI) -->

        <!-- Modal Administrador de Categorías (Premium UI) -->
        @include('inventario.modals.categories')




        <!-- MODALES REUBICADOS CORRECTAMENTE AL FINAL DEL SCOPE -->

        {{-- 1. Modal Crear/Editar Producto (Premium) --}}
        @include('inventario.modals.product-form')

        {{-- 2. Modal Importación Masiva (Premium) --}}
        @include('inventario.modals.import')

        {{-- 3. Modal Exportar Inventario (Premium) --}}
        @include('inventario.modals.export')

        {{-- 4. Modal Auditoría Rápida (Premium) --}}
        @include('inventario.modals.audit')

        {{-- 5. Modal Ingresar Cosecha (Premium) --}}
        @include('inventario.modals.harvest')

        <!-- 1. Modal Ajuste Rápido Stock -->
        @include('inventario.modals.stock-adjust')

        <!-- 2. Modal Confirmación Eliminar -->
        @include('inventario.modals.delete')

        {{-- 3. Modal Detalles y Medios (Premium) --}}
        @include('inventario.modals.details')
    </div> <!-- Cierre inventoryApp -->

    @push('scripts')
        <script src="https://cdn.jsdelivr.net/npm/sortablejs@1.15.0/Sortable.min.js"></script>
        <script>
            document.addEventListener('alpine:init', () => {
                Alpine.data('inventoryApp', () => ({
                    search: @json(request('search', '')),
                    stockFilter: @json(request('stock_filter')),
                    categoriaFilter: @json(request('categoria_id', '')),
                    categories: @json($categorias),
                    perPage: @json(request('per_page', 50)),
                    sortBy: @json(request('sort_by', 'orden')),
                    sortDir: @json(request('sort_dir', 'asc')),
                    searchTimeout: null,
                    manualOrderMode: false,
                    categoryModalOpen: false,
                    isEditing: false,

                    // Asignación Masiva de Categorías
                    selectedProducts: [],
                    targetCategoryForBulk: '',
                    bulkSaving: false,

                    toggleSelectAllProducts(event) {
                        if (event.target.checked) {
                            const ids = Array.from(document.querySelectorAll('input[name="bulk_product_ids[]"]')).map(el => parseInt(el.value));
                            this.selectedProducts = ids;
                        } else {
                            this.selectedProducts = [];
                        }
                    },

                    async assignCategoryBulk() {
                        if (this.selectedProducts.length === 0) return;
                        this.bulkSaving = true;
                        try {
                            const res = await fetch('{{ url("/inventario/bulk-category") }}', {
                                method: 'POST',
                                headers: {
                                    'Content-Type': 'application/json',
                                    'X-CSRF-TOKEN': '{{ csrf_token() }}'
                                },
                                body: JSON.stringify({
                                    product_ids: this.selectedProducts,
                                    categoria_id: this.targetCategoryForBulk || null
                                })
                            });
                            const data = await res.json();
                            if (data.success) {
                                window.dispatchEvent(new CustomEvent('notify', { detail: { title: 'Categoría Asignada', message: data.message, type: 'success' } }));
                                this.selectedProducts = [];
                                this.submitForm();
                            } else {
                                window.dispatchEvent(new CustomEvent('notify', { detail: { title: 'Error', message: data.message || 'Error al asignar categoría', type: 'error' } }));
                            }
                        } catch (e) {
                            console.error("Error asignando categoría masiva", e);
                        } finally {
                            this.bulkSaving = false;
                        }
                    },
                    form: {
                        id: null,
                        nombre: '',
                        icono: '',
                        color: 'slate'
                    },
                    colors: [{
                        v: 'slate',
                        l: 'Gris',
                        h: '#475569'
                    }, {
                        v: 'stone',
                        l: 'Café',
                        h: '#57534e'
                    }, {
                        v: 'red',
                        l: 'Rojo',
                        h: '#dc2626'
                    }, {
                        v: 'orange',
                        l: 'Naranja',
                        h: '#ea580c'
                    }, {
                        v: 'amber',
                        l: 'Ámbar',
                        h: '#d97706'
                    }, {
                        v: 'green',
                        l: 'Verde',
                        h: '#16a34a'
                    }, {
                        v: 'emerald',
                        l: 'Esmeralda',
                        h: '#059669'
                    }, {
                        v: 'teal',
                        l: 'Turquesa',
                        h: '#0d9488'
                    }, {
                        v: 'cyan',
                        l: 'Cian',
                        h: '#0891b2'
                    }, {
                        v: 'sky',
                        l: 'Azul Cielo',
                        h: '#0284c7'
                    }, {
                        v: 'blue',
                        l: 'Azul',
                        h: '#2563eb'
                    }, {
                        v: 'indigo',
                        l: 'Índigo',
                        h: '#4f46e5'
                    }, {
                        v: 'violet',
                        l: 'Violeta',
                        h: '#7c3aed'
                    }, {
                        v: 'purple',
                        l: 'Púrpura',
                        h: '#9333ea'
                    }, {
                        v: 'fuchsia',
                        l: 'Fucsia',
                        h: '#c026d3'
                    }, {
                        v: 'pink',
                        l: 'Rosa',
                        h: '#db2777'
                    }, {
                        v: 'rose',
                        l: 'Coral',
                        h: '#e11d48'
                    }],
                    resetForm() {
                        this.isEditing = false;
                        this.form = {
                            id: null,
                            nombre: '',
                            icono: '',
                            color: 'slate'
                        };
                    },
                    deleteModal: {
                        open: false,
                        action: '',
                        nombre: ''
                    },
                    stockAdjust: {
                        open: false,
                        productId: null,
                        productName: '',
                        currentStock: 0,
                        newStock: 0,
                        saving: false
                    },
                    saving: false,
                    waTemplates: {},
                    async fetchWATemplates() {
                        try {
                            const res = await fetch('{{ url('/settings/whatsapp-templates') }}');
                            this.waTemplates = await res.json();
                        } catch (e) {
                            console.error("Error fetching WA templates:", e);
                        }
                    },
                    async copyAvailability() {
                        try {
                            const res = await fetch('{{ url('/whatsapp/availability') }}');
                            const data = await res.json();
                            
                            const productosFormateados = data.productos_formateados;
                            const costoDomicilio = data.costo_domicilio_formateado || '$7.500';

                            let template = this.waTemplates.disponibilidad;
                            if (!template || template.trim() === "") {
                                template = "Hola 👋 Feliz {fecha} 🐍🐍\n\n🗣️ Le presentamos nuestra disponibilidad para hoy:\n{lista_productos}\n\n🏍️ _Domicilio {costo_domicilio}_\nQuedamos atentos a tomar ✍🏼 su pedido!\n_oferta válida hasta agotar disponibilidad_";
                            }
                            
                            let message = template;
                            message = message.replace(/{fecha}/g, data.fecha)
                                            .replace(/{lista_productos}/g, productosFormateados)
                                            .replace(/{costo_domicilio}/g, costoDomicilio);

                            await navigator.clipboard.writeText(message.trim());
                            window.dispatchEvent(new CustomEvent('notify', { detail: { title: 'Copiado', message: 'Lista de disponibilidad copiada.', type: 'success' } }));
                        } catch (e) {
                            console.error("Error copying availability:", e);
                        }
                    },

                    // Logic for Harvest Modal
                    allProducts: @json($allProducts ?? []),

                    init() {
                        console.log('InventoryApp Initialized', this);
                        this.fetchWATemplates();
                        this.$nextTick(() => {
                            this.initSortable();
                        });
                    },
                    harvestModal: {
                        open: false,
                        searchQuery: '',
                        showDropdown: false,
                        selectedProduct: null,
                        filteredProducts: [],
                        cantidad: 0,
                        observacion: '',
                        sending: false,
                        cart: []
                    },
                    filterProducts() {
                        if (this.harvestModal.searchQuery === '') {
                            this.harvestModal.filteredProducts = [];
                            return;
                        }
                        const query = this.harvestModal.searchQuery.toLowerCase();
                        if (!this.allProducts) { console.warn('allProducts is null'); return; }
                        this.harvestModal.filteredProducts = this.allProducts.filter(product => {
                            return product.nombre.toLowerCase().includes(query) || (product.codigo && product.codigo
                                .toLowerCase().includes(query));
                        }).slice(0, 10);
                    },

                    selectProduct(product) {
                        this.harvestModal.selectedProduct = product;
                        this.harvestModal.searchQuery = product.nombre;
                        this.harvestModal.showDropdown = false;
                    },
                    addToCart() {
                        if (!this.harvestModal.selectedProduct || this.harvestModal.cantidad <= 0) return;
                        this.harvestModal.cart.push({
                            producto_id: this.harvestModal.selectedProduct.id,
                            cantidad: parseInt(this.harvestModal.cantidad),
                            observacion: this.harvestModal.observacion,
                            productName: this.harvestModal.selectedProduct.nombre
                        });
                        this.clearSelection(); // Refocus search if needed
                    },
                    removeFromCart(index) {
                        this.harvestModal.cart.splice(index, 1);
                    },
                    clearSelection() {
                        this.harvestModal.selectedProduct = null;
                        this.harvestModal.searchQuery = '';
                        this.harvestModal.cantidad = 0;
                        this.harvestModal.observacion = '';
                        this.filterProducts();
                    },
                    openHarvestModal() {
                        this.harvestModal.open = true;
                        this.harvestModal.cart = [];
                        this.clearSelection();
                    },
                    async submitHarvest() {
                        if (this.harvestModal.cart.length === 0) return;
                        this.harvestModal.sending = true;
                        try {
                            const response = await fetch("{{ route('inventario.carga') }}", {
                                method: 'POST',
                                headers: {
                                    'Content-Type': 'application/json',
                                    'Accept': 'application/json',
                                    'X-CSRF-TOKEN': '{{ csrf_token() }}'
                                },
                                body: JSON.stringify({
                                    items: this.harvestModal.cart
                                })
                            });
                            const data = await response.json();
                            if (response.ok) {
                                window.dispatchEvent(new CustomEvent('notify', {
                                    detail: {
                                        type: 'success',
                                        title: 'Cosecha Registrada',
                                        message: data.message
                                    }
                                }));
                                setTimeout(() => window.location.reload(), 1500);
                            } else {
                                window.dispatchEvent(new CustomEvent('notify', {
                                    detail: {
                                        type: 'error',
                                        title: 'Error',
                                        message: data.message || 'Error al guardar'
                                    }
                                }));
                            }
                        } catch (error) {
                            window.dispatchEvent(new CustomEvent('notify', {
                                detail: {
                                    type: 'error',
                                    title: 'Error',
                                    message: 'Error de conexión'

                                }
                            }));
                        } finally {
                            this.harvestModal.sending = false;
                        }
                    },
                    saveCategoria() {
                        const url = this.isEditing ? '/categorias/' + this.form.id : '/categorias';
                        const method = this.isEditing ? 'PUT' : 'POST';
                        fetch(url, {
                            method: method,
                            headers: {
                                'Content-Type': 'application/json',
                                'Accept': 'application/json',
                                'X-CSRF-TOKEN': '{{ csrf_token() }}'
                            },
                            body: JSON.stringify(this.form)
                        }).then(async res => {
                            if (!res.ok) throw new Error(res.statusText);
                            return res.json();
                        }).then(data => {
                            if (data.success) {
                                if (this.isEditing) { // Update existing category in list
                                    const index = this.categories.findIndex(c => c.id === this.form.id);
                                    if (index !== -1) {
                                        this.categories[index] = data.categoria;
                                    }
                                    window.dispatchEvent(new CustomEvent('notify', {
                                        detail: {
                                            type: 'success',
                                            title: 'Actualizado',
                                            message: 'Categoría actualizada correctamente'
                                        }
                                    }));
                                } else { // Add new category to list
                                    this.categories.push(data.categoria);
                                    window.dispatchEvent(new CustomEvent('notify', {
                                        detail: {
                                            type: 'success',
                                            title: 'Creado',
                                            message: 'Categoría creada con éxito'
                                        }
                                    }));
                                    this.resetForm(); // Only reset on create
                                }
                            } else {
                                throw new Error(data.message || 'Error al guardar');
                            }
                        })
                            .catch(err => {
                                console.error(err);
                                window.dispatchEvent(new CustomEvent('notify', {
                                    detail: {
                                        type: 'error',
                                        title: 'Error',
                                        message: 'Error al procesar la solicitud'
                                    }
                                }));
                            });
                    },
                    deleteCategoria(id) {
                        fetch('/categorias/' + id, {
                            method: 'DELETE',
                            headers: {
                                'Content-Type': 'application/json',
                                'Accept': 'application/json',
                                'X-CSRF-TOKEN': '{{ csrf_token() }}'
                            }
                        }).then(async res => {
                            if (!res.ok) throw new Error(res.statusText);
                            return res.json();
                        }).then(data => {
                            if (data.success) {
                                this.categories = this.categories.filter(c => c.id !== id);
                                window.dispatchEvent(new CustomEvent('notify', {
                                    detail: {
                                        type: 'success',
                                        title: 'Eliminado',
                                        message: data.message
                                    }
                                }));
                            } else {
                                throw new Error('Error al eliminar');
                            }
                        }).catch(err => {
                            console.error(err);
                            window.dispatchEvent(new CustomEvent('notify', {
                                detail: {
                                    type: 'error',
                                    title: 'Error',
                                    message: 'No se pudo eliminar. Verifique que no tenga productos asociados.'
                                }
                            }));
                        });
                    },
                    initSortable() {
                        let el = document.getElementById('sortable-table');
                        if (!el) return;

                        // Destruir instancia previa si existe
                        let existingInstance = Sortable.get(el);
                        if (existingInstance) {
                            existingInstance.destroy();
                        }

                        // Solo permitir sort si no hay filtros y el orden es el activo (ASC)
                        const hasFilters = (this.search && this.search.trim()) || this.stockFilter;
                        if (this.sortBy === 'orden' && this.sortDir === 'asc' && !hasFilters) {
                            Sortable.create(el, {
                                handle: '.drag-handle',
                                animation: 150,
                                ghostClass: 'bg-indigo-50',
                                dragClass: 'shadow-2xl',
                                onEnd: async (evt) => {
                                    let sortable = Sortable.get(el);
                                    let order = sortable.toArray();

                                    // 1. Actualizar números visualmente de inmediato
                                    let rows = el.querySelectorAll('tr[data-id]');
                                    let currentPage = {{ $productos->currentPage() }};
                                    let perPage = {{ $productos->perPage() }};
                                    let start = (currentPage - 1) * perPage;

                                    rows.forEach((row, index) => {
                                        let span = row.querySelector('.order-index');
                                        if (span) {
                                            span.textContent = start + index + 1;
                                        }
                                    });

                                    // 2. Enviar al backend con feedback visual
                                    try {
                                        const response = await fetch('{{ route('inventario.reorder') }}', {
                                            method: 'POST',
                                            headers: {
                                                'Content-Type': 'application/json',
                                                'X-CSRF-TOKEN': '{{ csrf_token() }}'
                                            },
                                            body: JSON.stringify({
                                                orden: order,
                                                offset: start
                                            })
                                        });

                                        if (response.ok) {
                                            window.dispatchEvent(new CustomEvent('notify', {
                                                detail: {
                                                    type: 'success',
                                                    title: 'Orden Actualizado',
                                                    message: 'La posición de los productos se guardó correctamente.'
                                                }
                                            }));
                                        }
                                    } catch (error) {
                                        console.error('Error reordering:', error);
                                        window.dispatchEvent(new CustomEvent('notify', {
                                            detail: {
                                                type: 'error',
                                                title: 'Error',
                                                message: 'No se pudo guardar el nuevo orden.'
                                            }
                                        }));
                                    }
                                }
                            });
                        }
                    },
                    async updateOrder(id, newOrder) {
                        try {
                            const response = await fetch('{{ route('inventario.reorder') }}', {
                                method: 'POST',
                                headers: {
                                    'Content-Type': 'application/json',
                                    'Accept': 'application/json',
                                    'X-CSRF-TOKEN': '{{ csrf_token() }}'
                                },
                                body: JSON.stringify({
                                    producto_id: id,
                                    new_order: newOrder
                                })
                            });
                            const data = await response.json();
                            if (data.success) {
                                this.manualOrderMode = false;
                                this.submitForm();
                            } else {
                                alert(data.message || 'Error al actualizar orden');
                            }
                        } catch (error) {
                            console.error(error);
                            alert('Error de conexión');
                        }
                    },

                    {{--
                        INTERCEPTOR DE TABLA (SPA-feel)
                        En lugar de la navegación típica de Laravel, inyecta el HTML retornado 
                        directamente en #inventory-table-container, preservando modales abiertos.
                    --}}
                    handleSearch() {
                        clearTimeout(this.searchTimeout);
                        this.searchTimeout = setTimeout(() => {
                            this.submitForm();
                        }, 1000);
                    },
                    submitForm() {
                        const params = new URLSearchParams({
                            search: this.search,
                            stock_filter: this.stockFilter,
                            categoria_id: this.categoriaFilter,
                            per_page: this.perPage,
                            sort_by: this.sortBy,
                            sort_dir: this.sortDir
                        });

                        fetch(`{{ route('inventario.index') }}?${params.toString()}`, {
                            headers: {
                                'X-Requested-With': 'XMLHttpRequest'
                            }
                        })
                            .then(response => response.text())
                            .then(html => {
                                document.getElementById('inventory-table-container').innerHTML = html;
                                this.$nextTick(() => {
                                    this.initSortable();
                                });
                                // Update URL without reloading
                                window.history.pushState({}, '', `?${params.toString()}`);
                            })
                            .catch(error => {
                                console.error('Error fetching table:', error);
                            });
                    },
                    sortColumn(column) {
                        if (this.sortBy === column) {
                            this.sortDir = this.sortDir === 'asc' ? 'desc' : 'asc';
                        } else {
                            this.sortBy = column;
                            this.sortDir = 'asc';
                        }
                        // Al cambiar orden o dirección, desactivamos modo manual
                        this.manualOrderMode = false;

                        this.$nextTick(() => {
                            this.submitForm();
                            this.initSortable();
                        });
                    },
                    resetForm() {
                        this.isEditing = false;
                        this.form = {
                            id: null,
                            nombre: '',
                            icono: '',
                            color: 'slate'
                        };
                    },
                    async submitCategoria() {
                        try {
                            const url = this.form.id ? `{{ url('/categorias') }}/${this.form.id}` : `{{ route('categorias.store') }}`;
                            const method = this.form.id ? 'PUT' : 'POST';

                            const response = await fetch(url, {
                                method: method,
                                headers: {
                                    'Content-Type': 'application/json',
                                    'X-CSRF-TOKEN': '{{ csrf_token() }}'
                                },
                                body: JSON.stringify(this.form)
                            });

                            const data = await response.json();

                            if (response.ok && data.success) {
                                // Actualizar lista localmente
                                if (this.form.id) {
                                    const index = this.categories.findIndex(c => c.id === this.form.id);
                                    if (index !== -1) {
                                        this.categories[index] = data.categoria;
                                    }
                                } else {
                                    this.categories.push(data.categoria);
                                }

                                // Cerrar modal y resetear
                                // this.categoryModalOpen = false;
                                this.resetForm();

                                // Refrescar tabla de fondo
                                this.submitForm();

                                // Feedback visual
                                window.dispatchEvent(new CustomEvent('notify', {
                                    detail: {
                                        type: 'success',
                                        title: 'Operación Exitosa',
                                        message: this.form.id ? 'Categoría actualizada correctamente' : 'Categoría creada correctamente'
                                    }
                                }));
                            } else {
                                alert(data.message || 'Error al guardar categoría');
                            }
                        } catch (error) {
                            console.error(error);
                            alert('Error inesperado');
                        }
                    },
                    async deleteCategoria(id) {
                        try {
                            const response = await fetch(`{{ url('/categorias') }}/${id}`, {
                                method: 'DELETE',
                                headers: {
                                    'Content-Type': 'application/json',
                                    'X-CSRF-TOKEN': '{{ csrf_token() }}'
                                }
                            });

                            const data = await response.json();

                            if (response.ok && data.success) {
                                // Filtrar lista localmente
                                this.categories = this.categories.filter(c => c.id !== id);

                                // Refrescar tabla
                                this.submitForm();
                            } else {
                                alert(data.message || 'Error al eliminar categoría');
                            }
                        } catch (error) {
                            console.error(error);
                            alert('Error inesperado');
                        }
                    },
                    openStockAdjust(id, name, stock) {
                        this.stockAdjust.productId = id;
                        this.stockAdjust.productName = name;
                        this.stockAdjust.currentStock = stock;
                        this.stockAdjust.newStock = stock;
                        this.stockAdjust.open = true;
                    },
                    async saveStockAdjust() {
                        this.stockAdjust.saving = true;
                        try {
                            const response = await fetch(`/inventario/${this.stockAdjust.productId}/quick-stock`, {
                                method: 'POST',
                                headers: {
                                    'Content-Type': 'application/json',
                                    'Accept': 'application/json',
                                    'X-CSRF-TOKEN': '{{ csrf_token() }}'
                                },
                                body: JSON.stringify({
                                    stock_actual: this.stockAdjust.newStock
                                })
                            });
                            const data = await response.json();
                            if (data.success) {
                                window.location.reload();
                            } else {
                                alert(data.message || 'Error al actualizar stock');
                            }
                        } catch (error) {
                            alert('Error al actualizar stock');
                        } finally {
                            this.stockAdjust.saving = false;
                        }
                    },
                    formatTipoMovimiento(tipo) {
                        const types = {
                            'carga_inicial': {
                                text: 'Carga Cosecha',
                                class: 'bg-green-100 text-green-800'
                            },
                            'ajuste_rapido': {
                                text: 'Ajuste Rápido',
                                class: 'bg-blue-100 text-blue-800'
                            },
                            'ajuste_auditoria': {
                                text: 'Auditoría',
                                class: 'bg-purple-100 text-purple-800'
                            },
                            'merma': {
                                text: 'Merma',
                                class: 'bg-red-100 text-red-800'
                            },
                            'devolucion': {
                                text: 'Devolución / Sobrante',
                                class: 'bg-teal-100 text-teal-800'
                            }
                        };
                        return types[tipo] || {
                            text: tipo,
                            class: 'bg-gray-100 text-gray-800'
                        };
                    },
                }));
            });
        </script>
    @endpush
@endsection