@extends('layouts.panel')

@section('title', app(\App\Services\TitleService::class)->generate())

@section('content')
<main class="w-full">
    <header class="flex flex-col sm:flex-row justify-between items-start sm:items-center border-b pb-4 mb-6 border-slate-700">
        <h1 class="text-2xl font-bold text-slate-100">لیست موجودی های انبار</h1>
        <a href="{{ route('admin.inventory.add') }}" class="px-6 py-3 bg-gradient-to-r from-blue-600 to-indigo-600 hover:from-blue-700 hover:to-indigo-700 text-white font-medium rounded-xl transition-all duration-200 transform hover:scale-105 shadow-lg hover:shadow-xl glow">
            <span>افزودن موجودی جدید</span>
        </a>
    </header>

    <section class="glass rounded-2xl p-6 mb-8">
        <h2 class="text-xl font-bold mb-4">جستجو سریع</h2>
        <form id="inventory-search-form" class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
            <input type="text" id="search-product-name" placeholder="نام محصول..." class="w-full rounded-md bg-white/5 border-slate-700 text-slate-200 shadow-sm focus:border-blue-500 focus:ring-blue-500 placeholder:text-slate-500">
            <input type="text" id="search-location" placeholder="مکان..." class="w-full rounded-md bg-white/5 border-slate-700 text-slate-200 shadow-sm focus:border-blue-500 focus:ring-blue-500 placeholder:text-slate-500">
            <select id="search-status" class="w-full rounded-md bg-white/5 border-slate-700 text-slate-200 shadow-sm focus:border-blue-500 focus:ring-blue-500">
                <option value="">همه وضعیت‌ها</option>
                <option value="complete">کامل</option>
                <option value="incomplete">ناقص</option>
            </select>
        </form>
    </section>

    <section class="table-card">
        <div class="table-wrapper">
            <table id="inventoryTable" class="min-w-full text-sm">
                <thead>
                    <tr>
                        <th style="width:60px">ردیف</th>
                        <th>نام محصول</th>
                        <th>انبار</th>
                        <th>شماره ردیف انبار</th>
                        <th>مقدار موجودی</th>
                        <th>برند</th>
                        <th>گرید</th>
                        <th>تاریخ انقضا</th>
                        <th style="width:120px">عملیات</th>
                    </tr>
                </thead>
                <tbody id="inventory-table-body"></tbody>
            </table>
        </div>
        <div id="inventory-empty" class="empty-state hidden">موردی یافت نشد</div>
        <footer class="table-footer">
            <div id="inventory-range" class="range-info"></div>
        </footer>
    </section>

    <!-- Inventory Modal for Edit -->
    <div id="inventory-modal" class="fixed inset-0 z-50 flex items-center justify-center bg-black bg-opacity-60 backdrop-blur-sm hidden transition-opacity duration-300">
        <div class="glass rounded-2xl w-full max-w-4xl max-h-[90vh] overflow-y-auto">
            <div class="sticky top-0 glass p-6 border-b border-slate-700 flex justify-between items-center">
                <h2 class="text-xl font-bold">ویرایش موجودی انبار</h2>
                <button id="close-inventory-modal" class="close-modal-btn inline-flex w-9 h-9 min-w-9 max-w-9 flex-shrink-0 flex-grow-0 items-center justify-center rounded-lg transition-colors">
                    <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6"><path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12"/></svg>
                </button>
            </div>
            <form id="inventory-form" class="p-6 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-x-6 gap-y-5">
                @csrf
                <div>
                    <label class="block text-sm font-medium text-slate-400 mb-1">محصول</label>
                    <div class="relative">
                        <input type="text" id="inv-product-name" name="product_name" class="block w-full rounded-md bg-white/5 border-slate-700 text-slate-200 shadow-sm" placeholder="نام محصول را وارد کنید" autocomplete="off">
                        <input type="hidden" id="inv-product-id" name="product_id">
                        <div id="product-list" class="absolute z-10 w-full mt-1 rounded-lg shadow-lg overflow-hidden hidden bg-slate-800 border border-slate-600"></div>
                    </div>
                </div>
                <div>
                    <label class="block text-sm font-medium text-slate-400 mb-1">انبار</label>
                    <div class="relative">
                        <input type="text" id="inv-warehouse-name" name="warehouse_name" class="block w-full rounded-md bg-white/5 border-slate-700 text-slate-200 shadow-sm" placeholder="نام انبار را وارد کنید" autocomplete="off">
                        <input type="hidden" id="inv-warehouse-id" name="warehouse_id">
                        <div id="warehouse-list" class="absolute z-10 w-full mt-1 rounded-lg shadow-lg overflow-hidden hidden bg-slate-800 border border-slate-600"></div>
                    </div>
                </div>
                <div>
                    <label class="block text-sm font-medium text-slate-400 mb-1">شماره ردیف انبار</label>
                    <input type="text" name="warehouse_row_number" class="block w-full rounded-md bg-white/5 border-slate-700 text-slate-200 shadow-sm" placeholder="شماره ردیف انبار را وارد کنید">
                </div>
                <div>
                    <label class="block text-sm font-medium text-slate-400 mb-1">برند</label>
                    <input type="text" name="brand" class="block w-full rounded-md bg-white/5 border-slate-700 text-slate-200 shadow-sm" placeholder="برند">
                </div>
                <div>
                    <label class="block text-sm font-medium text-slate-400 mb-1">کشور</label>
                    <input type="text" name="country" class="block w-full rounded-md bg-white/5 border-slate-700 text-slate-200 shadow-sm" placeholder="کشور">
                </div>
                <div>
                    <label class="block text-sm font-medium text-slate-400 mb-1">گرید</label>
                    <input type="text" name="grade" class="block w-full rounded-md bg-white/5 border-slate-700 text-slate-200 shadow-sm" placeholder="گرید">
                </div>
                <div>
                    <label class="block text-sm font-medium text-slate-400 mb-1">خلوص</label>
                    <input type="text" name="purity" class="block w-full rounded-md bg-white/5 border-slate-700 text-slate-200 shadow-sm" placeholder="99.9%">
                </div>
                <div>
                    <label class="block text-sm font-medium text-slate-400 mb-1">بچ نامبر</label>
                    <input type="text" name="batch_number" class="block w-full rounded-md bg-white/5 border-slate-700 text-slate-200 shadow-sm" placeholder="BN-12345">
                </div>
                <div>
                    <label class="block text-sm font-medium text-slate-400 mb-1">مقدار</label>
                    <div class="flex rounded-md shadow-sm">
                        <input type="number" step="0.001" name="quantity" class="flex-1 block w-full rounded-r-md bg-white/5 border-slate-700 text-slate-200 focus:border-blue-500 focus:ring-blue-500" placeholder="1000" style="min-width: 200px;">
                        <select name="unit" class="rounded-l-md bg-white/5 border-slate-700 text-slate-200 focus:border-blue-500 focus:ring-blue-500 border-r-0" style="width: 80px;">
                            <option value="kg">kg</option>
                            <option value="g">g</option>
                            <option value="L">L</option>
                            <option value="ml">ml</option>
                            <option value="pcs">pcs</option>
                        </select>
                    </div>
                </div>
                <div>
                    <label class="block text-sm font-medium text-slate-400 mb-1">بسته‌بندی</label>
                    <input type="text" name="packaging" class="block w-full rounded-md bg-white/5 border-slate-700 text-slate-200 shadow-sm" placeholder="کیسه 25 کیلویی">
                </div>
                <div>
                    <label class="block text-sm font-medium text-slate-400 mb-1">تاریخ تولید</label>
                    <input type="text" 
                           id="production_date_shamsi" 
                           placeholder="برای انتخاب تاریخ کلیک کنید" 
                           readonly
                           class="block w-full rounded-md bg-white/5 border-slate-700 text-slate-200 shadow-sm cursor-pointer"
                           style="cursor: pointer;">
                    <input type="hidden" 
                           name="production_date" 
                           id="production_date">
                </div>
                <div>
                    <label class="block text-sm font-medium text-slate-400 mb-1">تاریخ انقضا</label>
                    <input type="text" 
                           id="expiration_date_shamsi" 
                           placeholder="برای انتخاب تاریخ کلیک کنید" 
                           readonly
                           class="block w-full rounded-md bg-white/5 border-slate-700 text-slate-200 shadow-sm cursor-pointer"
                           style="cursor: pointer;">
                    <input type="hidden" 
                           name="expiration_date" 
                           id="expiration_date">
                </div>
                <div>
                    <label class="block text-sm font-medium text-slate-400 mb-1">تاریخ ورود</label>
                    <input type="text" 
                           id="entry_date_shamsi" 
                           placeholder="برای انتخاب تاریخ کلیک کنید" 
                           readonly
                           class="block w-full rounded-md bg-white/5 border-slate-700 text-slate-200 shadow-sm cursor-pointer"
                           style="cursor: pointer;">
                    <input type="hidden" 
                           name="entry_date" 
                           id="entry_date">
                </div>
                <div>
                    <label class="block text-sm font-medium text-slate-400 mb-1">تامین‌کننده (اختیاری)</label>
                    <input type="number" name="supplier_id" class="block w-full rounded-md bg-white/5 border-slate-700 text-slate-200 shadow-sm" placeholder="ID تامین‌کننده">
                </div>
                <div>
                    <label class="block text-sm font-medium text-slate-400 mb-1">قیمت (اختیاری)</label>
                    <input type="text" name="price" class="block w-full rounded-md bg-white/5 border-slate-700 text-slate-200 shadow-sm" placeholder="2,500,000 تومان" data-currency-enhanced="1">
                </div>
                <div>
                    <label class="block text-sm font-medium text-slate-400 mb-1">آستانه کم شدن</label>
                    <input type="number" step="0.001" min="0" name="low_stock_threshold" class="block w-full rounded-md bg-white/5 border-slate-700 text-slate-200 shadow-sm" placeholder="100">
                </div>
                <div class="col-span-1 md:col-span-2 lg:col-span-3">
                    <label class="block text-sm font-medium text-slate-400">توضیحات</label>
                    <textarea name="description" rows="3" class="mt-2 block w-full rounded-md bg-white/5 border-slate-700 text-slate-200 shadow-sm" placeholder="توضیحات تکمیلی..."></textarea>
                </div>
                <div class="col-span-1 md:col-span-2 lg:col-span-3 flex justify-end mt-2">
                    <button type="submit" class="px-6 py-2 bg-green-600 text-white font-medium rounded-xl shadow-lg hover:bg-green-700 transition">به‌روزرسانی موجودی</button>
                </div>
            </form>
        </div>
    </div>
</main>
@endsection

@push('styles')
<style>
    /* Override width 100% for close button in inventory modal */
    #close-inventory-modal,
    #close-inventory-modal:hover,
    #close-inventory-modal.close-modal-btn,
    #close-inventory-modal.close-modal-btn:hover,
    button#close-inventory-modal,
    button#close-inventory-modal:hover,
    button.close-modal-btn,
    button.close-modal-btn:hover {
        width: 36px !important;
        min-width: 36px !important;
        max-width: 36px !important;
        flex-basis: auto !important;
    }
    
    /* Custom hover background without affecting width */
    #close-inventory-modal:hover {
        background-color: rgba(255, 255, 255, 0.05) !important;
    }
</style>
@endpush

@push('scripts')
<script>
document.addEventListener('DOMContentLoaded', () => {
    const tableBody = document.getElementById('inventory-table-body');
    const searchForm = document.getElementById('inventory-search-form');
    const modal = document.getElementById('inventory-modal');
    const closeBtn = document.getElementById('close-inventory-modal');
    const form = document.getElementById('inventory-form');
    const productInput = document.getElementById('inv-product-name');
    const productIdInput = document.getElementById('inv-product-id');
    const productList = document.getElementById('product-list');
    const warehouseInput = document.getElementById('inv-warehouse-name');
    const warehouseIdInput = document.getElementById('inv-warehouse-id');
    const warehouseList = document.getElementById('warehouse-list');

    function renderRows(items) {
        tableBody.innerHTML = '';
        if (!items || items.length === 0) {
            tableBody.innerHTML = '<tr><td colspan="9" class="text-center py-8 text-slate-400">موردی یافت نشد</td></tr>';
            return;
        }
        items.forEach((item, index) => {
            const isIncomplete = item.isIncomplete || false;
            const missingFields = item.missingFields || [];
            const rowClass = isIncomplete ? 'bg-yellow-500/10 border-l-4 border-yellow-500' : 'hover:bg-white/5';
            
            // Extract data from notes
            const notes = item.notes || '';
            const warehouseRowNumber = extractFromNotes(notes, 'شماره ردیف انبار:') || '-';
            const brand = extractFromNotes(notes, 'برند:') || '-';
            let expirationDate = extractFromNotes(notes, 'تاریخ انقضا:') || '-';
            // Convert Gregorian date to Jalali if it's a valid date
            if (expirationDate !== '-' && expirationDate) {
                expirationDate = convertToJalali(expirationDate);
            }
            let grade = extractFromNotes(notes, 'گرید:') || '-';
            // Remove star emoji if present
            if (grade !== '-') {
                grade = grade.replace(/⭐\s*/g, '').trim();
            }
            
            // Display quantity (already formatted from server without decimals and unit)
            let quantityDisplay = '-';
            if (item.quantity !== null && item.quantity !== undefined && item.quantity !== '') {
                if (typeof item.quantity === 'string' && item.quantity.includes(',')) {
                    quantityDisplay = item.quantity;
                } else {
                    const quantityNum = parseFloat(item.quantity.toString().replace(/,/g, ''));
                    if (!isNaN(quantityNum)) {
                        quantityDisplay = Math.floor(quantityNum).toLocaleString('en-US');
                    }
                }
            }
            
            const row = `
                <tr class="${rowClass} transition duration-150 ease-in-out">
                    <td class="px-4 py-4 whitespace-nowrap text-sm font-medium text-slate-300">${index + 1}</td>
                    <td class="px-4 py-4 whitespace-nowrap text-sm font-medium text-slate-200">${item.productName || '-'}</td>
                    <td class="px-4 py-4 whitespace-nowrap text-sm text-slate-400">${item.location || '-'}</td>
                    <td class="px-4 py-4 whitespace-nowrap text-sm text-slate-400">${warehouseRowNumber}</td>
                    <td class="px-4 py-4 whitespace-nowrap text-sm text-slate-400">${quantityDisplay}</td>
                    <td class="px-4 py-4 whitespace-nowrap text-sm text-slate-400">${brand}</td>
                    <td class="px-4 py-4 whitespace-nowrap text-sm text-slate-400">${grade}</td>
                    <td class="px-4 py-4 whitespace-nowrap text-sm text-slate-400">${expirationDate}</td>
                    <td>
                        <div class="actions">
                            <a href="/admin/inventory/${item.id}" class="btn-action">مشاهده</a>
                            <a href="#" class="btn-action btn-edit" onclick="event.preventDefault(); editInventory(${item.id});">ویرایش</a>
                            <button class="btn-action btn-delete" onclick="deleteInventory(${item.id})" data-inventory-id="${item.id}" data-product-name="${item.productName || ''}">حذف</button>
                        </div>
                    </td>
                </tr>`;
            tableBody.insertAdjacentHTML('beforeend', row);
        });
    }

    function extractFromNotes(notes, key) {
        const lines = notes.split('\n');
        for (const line of lines) {
            if (line.includes(key)) {
                return line.replace(key, '').trim();
            }
        }
        return null;
    }

    // Convert Gregorian date (YYYY-MM-DD) to Jalali (YYYY/MM/DD)
    function convertToJalali(gregorianDate) {
        if (!gregorianDate || gregorianDate === '-') return '-';
        
        // Try to parse the date
        let date;
        if (gregorianDate.includes('-')) {
            // Format: YYYY-MM-DD
            const parts = gregorianDate.split('-');
            if (parts.length === 3) {
                date = new Date(parseInt(parts[0]), parseInt(parts[1]) - 1, parseInt(parts[2]));
            } else {
                return gregorianDate; // Return as is if can't parse
            }
        } else if (gregorianDate.includes('/')) {
            // Format: YYYY/MM/DD
            const parts = gregorianDate.split('/');
            if (parts.length === 3) {
                date = new Date(parseInt(parts[0]), parseInt(parts[1]) - 1, parseInt(parts[2]));
            } else {
                return gregorianDate; // Return as is if can't parse
            }
        } else {
            // Try to parse as Date string
            date = new Date(gregorianDate);
        }
        
        if (isNaN(date.getTime())) {
            return gregorianDate; // Return as is if invalid date
        }
        
        // Convert to Jalali
        const [jy, jm, jd] = gregorianToJalali(date.getFullYear(), date.getMonth() + 1, date.getDate());
        return `${jy}/${String(jm).padStart(2, '0')}/${String(jd).padStart(2, '0')}`;
    }

    // Gregorian to Jalali conversion function
    function gregorianToJalali(gy, gm, gd) {
        const g_d_m = [0, 31, 59, 90, 120, 151, 181, 212, 243, 273, 304, 334];
        let jy = (gy <= 1600) ? 0 : 979;
        let gy2 = (gy <= 1600) ? gy : gy - 1600;
        let days = (365 * gy2) + parseInt((gy2 + 3) / 4) - parseInt((gy2 + 99) / 100) + parseInt((gy2 + 399) / 400) - 80 + gd + g_d_m[gm - 1];
        jy += 33 * parseInt(days / 12053);
        days %= 12053;
        jy += 4 * parseInt(days / 1461);
        days %= 1461;
        if (days > 365) {
            jy += parseInt((days - 1) / 365);
            days = (days - 1) % 365;
        }
        let jm = (days < 186) ? 1 + parseInt(days / 31) : 7 + parseInt((days - 186) / 30);
        let jd = 1 + ((days < 186) ? (days % 31) : ((days - 186) % 30));
        return [jy, jm, jd];
    }

    function fetchList() {
        const params = new URLSearchParams();
        const p = document.getElementById('search-product-name').value.trim();
        const l = document.getElementById('search-location').value.trim();
        const s = document.getElementById('search-status').value;
        if (p) params.append('product', p);
        if (l) params.append('location', l);
        if (s) params.append('status', s);
        tableBody.innerHTML = '<tr><td colspan="9" class="text-center py-8 text-slate-400">در حال بارگذاری...</td></tr>';
        fetch(`{{ route('admin.inventory.list') }}?${params.toString()}`, { headers: { 'Accept': 'application/json' } })
            .then(r => r.json())
            .then(json => {
                let data = json.data || [];
                if (s === 'complete') {
                    data = data.filter(item => !item.isIncomplete);
                } else if (s === 'incomplete') {
                    data = data.filter(item => item.isIncomplete);
                }
                renderRows(data);
            })
            .catch(() => tableBody.innerHTML = '<tr><td colspan="9" class="text-center py-8 text-red-400">خطا در دریافت اطلاعات</td></tr>');
    }
    
    // Make fetchList available globally
    window.fetchInventoryList = fetchList;

    let t; const debounce = (fn, ms=300) => { clearTimeout(t); t = setTimeout(fn, ms); };
    if (searchForm) searchForm.addEventListener('input', () => debounce(fetchList));
    
    if (closeBtn && modal) closeBtn.addEventListener('click', () => modal.classList.add('hidden'));
    if (modal) modal.addEventListener('click', (e) => { if (e.target === modal) modal.classList.add('hidden'); });

    // Product search functionality
    if (productInput && productList) {
        let productSearchTimer = null;
        
        productInput.addEventListener('input', function() {
            const query = this.value.trim();
            productIdInput.value = '';
            
            clearTimeout(productSearchTimer);
            productSearchTimer = setTimeout(() => {
                if (query.length >= 2) {
                    searchProducts(query);
                } else {
                    hideProductList();
                }
            }, 300);
        });
        
        function searchProducts(query) {
            fetch(`/admin/products/live-search?q=${encodeURIComponent(query)}`)
                .then(response => response.json())
                .then(data => {
                    if (data && data.products) {
                        displayProducts(data.products);
                    } else {
                        hideProductList();
                    }
                })
                .catch(() => hideProductList());
        }
        
        function displayProducts(products) {
            productList.innerHTML = '';
            if (products.length === 0) {
                productList.innerHTML = '<div class="px-4 py-2 text-slate-400 text-sm">محصولی یافت نشد</div>';
            } else {
                products.forEach(product => {
                    const div = document.createElement('div');
                    div.className = 'px-4 py-3 cursor-pointer hover:bg-slate-700 text-slate-200 border-b border-slate-600 last:border-b-0 transition duration-200';
                    div.innerHTML = `
                        <div class="font-medium text-sm">${product.name}</div>
                        <div class="text-xs text-slate-400 mt-1">ID: ${product.id}</div>
                    `;
                    div.addEventListener('click', () => {
                        productInput.value = product.name;
                        productIdInput.value = product.id;
                        hideProductList();
                    });
                    productList.appendChild(div);
                });
            }
            productList.classList.remove('hidden');
        }
        
        function hideProductList() {
            productList.classList.add('hidden');
            productList.innerHTML = '';
        }
        
        document.addEventListener('click', function(e) {
            if (!productList.contains(e.target) && e.target !== productInput) {
                hideProductList();
            }
        });
    }

    // Warehouse search functionality
    if (warehouseInput && warehouseList) {
        let warehouseSearchTimer = null;
        
        warehouseInput.addEventListener('input', function() {
            const query = this.value.trim();
            warehouseIdInput.value = '';
            
            clearTimeout(warehouseSearchTimer);
            warehouseSearchTimer = setTimeout(() => {
                if (query.length >= 2) {
                    searchWarehouses(query);
                } else {
                    hideWarehouseList();
                }
            }, 300);
        });
        
        function searchWarehouses(query) {
            fetch(`/admin/inventory/warehouses/search?q=${encodeURIComponent(query)}`)
                .then(response => response.json())
                .then(data => {
                    if (data && data.warehouses) {
                        displayWarehouses(data.warehouses);
                    } else {
                        hideWarehouseList();
                    }
                })
                .catch(() => hideWarehouseList());
        }
        
        function displayWarehouses(warehouses) {
            warehouseList.innerHTML = '';
            if (warehouses.length === 0) {
                warehouseList.innerHTML = '<div class="px-4 py-2 text-slate-400 text-sm">انباری یافت نشد</div>';
            } else {
                warehouses.forEach(warehouse => {
                    const displayName = `${warehouse.name} / ${warehouse.location || ''}`;
                    const div = document.createElement('div');
                    div.className = 'px-4 py-3 cursor-pointer hover:bg-slate-700 text-slate-200 border-b border-slate-600 last:border-b-0 transition duration-200';
                    div.innerHTML = `
                        <div class="font-medium text-sm">${displayName}</div>
                    `;
                    div.addEventListener('click', () => {
                        warehouseInput.value = displayName;
                        warehouseIdInput.value = warehouse.id;
                        hideWarehouseList();
                    });
                    warehouseList.appendChild(div);
                });
            }
            warehouseList.classList.remove('hidden');
        }
        
        function hideWarehouseList() {
            warehouseList.classList.add('hidden');
            warehouseList.innerHTML = '';
        }
        
        document.addEventListener('click', function(e) {
            if (!warehouseList.contains(e.target) && e.target !== warehouseInput) {
                hideWarehouseList();
            }
        });
    }

    // Form submission for update
    if (form) {
        form.addEventListener('submit', function(e) {
            e.preventDefault();
            
            const formData = new FormData(form);
            const inventoryId = form.action.split('/').pop();
            
            // Add method override for PUT
            formData.append('_method', 'PUT');
            
            const submitButton = form.querySelector('button[type="submit"]');
            const originalButtonText = submitButton.textContent;
            submitButton.disabled = true;
            submitButton.textContent = 'در حال به‌روزرسانی...';
            
            fetch(`/admin/inventory/${inventoryId}`, {
                method: 'POST',
                body: formData,
                headers: {
                    'Accept': 'application/json',
                    'X-Requested-With': 'XMLHttpRequest'
                },
                credentials: 'same-origin'
            })
            .then(response => response.json())
            .then(data => {
                if (data && data.ok) {
                    modal.classList.add('hidden');
                    form.reset();
                    productIdInput.value = '';
                    warehouseIdInput.value = '';
                    
                    if (window.showSuccessModalWithAutoClose) {
                        window.showSuccessModalWithAutoClose('موجودی با موفقیت به‌روزرسانی شد');
                    } else {
                        alert('موجودی با موفقیت به‌روزرسانی شد');
                    }
                    
                    fetchList();
                } else {
                    const errorMessage = data.message || data.error || 'خطا در به‌روزرسانی موجودی';
                    if (window.showErrorModal) {
                        window.showErrorModal(errorMessage);
                    } else {
                        alert(errorMessage);
                    }
                }
            })
            .catch(error => {
                console.error('Error:', error);
                if (window.showErrorModal) {
                    window.showErrorModal('خطا در ارتباط با سرور');
                } else {
                    alert('خطا در ارتباط با سرور');
                }
            })
            .finally(() => {
                submitButton.disabled = false;
                submitButton.textContent = originalButtonText;
            });
        });
    }
    
    fetchList();
});

// Edit inventory function
async function editInventory(inventoryId) {
    try {
        const response = await fetch(`/admin/inventory/${inventoryId}`);
        if (!response.ok) return;
        
        const inventory = await response.json();
        
        // Open the existing modal and populate it with data
        document.getElementById('inventory-modal').classList.remove('hidden');
        
        // Populate form fields
        document.getElementById('inv-product-name').value = inventory.productName;
        document.getElementById('inv-product-id').value = inventoryId;
        
        // Parse location to extract warehouse
        const locationParts = inventory.location.split(' - ');
        if (locationParts.length > 0) {
            document.getElementById('inv-warehouse-name').value = locationParts[0];
        }
        
        // Parse notes to extract other fields
        const notes = inventory.notes || '';
        const lines = notes.split('\n');
        
        lines.forEach(line => {
            if (line.includes('شماره ردیف انبار:')) {
                document.querySelector('input[name="warehouse_row_number"]').value = line.replace('شماره ردیف انبار:', '').trim();
            } else if (line.includes('برند:')) {
                document.querySelector('input[name="brand"]').value = line.replace('برند:', '').trim();
            } else if (line.includes('کشور:')) {
                document.querySelector('input[name="country"]').value = line.replace('کشور:', '').trim();
            } else if (line.includes('گرید:')) {
                let gradeValue = line.replace('گرید:', '').trim();
                gradeValue = gradeValue.replace(/⭐\s*/g, '').trim();
                document.querySelector('input[name="grade"]').value = gradeValue;
            } else if (line.includes('خلوص:')) {
                document.querySelector('input[name="purity"]').value = line.replace('خلوص:', '').trim();
            } else if (line.includes('بچ نامبر:')) {
                document.querySelector('input[name="batch_number"]').value = line.replace('بچ نامبر:', '').trim();
            } else if (line.includes('بسته‌بندی:')) {
                document.querySelector('input[name="packaging"]').value = line.replace('بسته‌بندی:', '').trim();
            } else if (line.includes('تاریخ تولید:')) {
                document.querySelector('input[name="production_date"]').value = line.replace('تاریخ تولید:', '').trim();
            } else if (line.includes('تاریخ انقضا:')) {
                document.querySelector('input[name="expiration_date"]').value = line.replace('تاریخ انقضا:', '').trim();
            } else if (line.includes('قیمت:')) {
                const priceText = line.replace('قیمت:', '').trim();
                const price = priceText.replace(/[^\d]/g, '');
                document.querySelector('input[name="price"]').value = price;
            } else if (line.includes('آستانه کم شدن:')) {
                const threshold = line.replace('آستانه کم شدن:', '').trim();
                document.querySelector('input[name="low_stock_threshold"]').value = threshold;
            }
        });
        
        // Set quantity and unit
        document.querySelector('input[name="quantity"]').value = inventory.quantity;
        document.querySelector('input[name="unit"]').value = inventory.unit;
        
        // Change form action to update
        const form = document.getElementById('inventory-form');
        form.action = `/admin/inventory/${inventoryId}`;
        form.method = 'POST';
        
    } catch (error) {
        console.error('Error loading inventory for edit:', error);
    }
}

// Delete inventory function
async function deleteInventory(inventoryId) {
    const deleteButton = document.querySelector(`button.btn-delete[data-inventory-id="${inventoryId}"]`);
    let productName = 'این موجودی';
    
    if (deleteButton) {
        const dataProductName = deleteButton.getAttribute('data-product-name');
        if (dataProductName && dataProductName.trim() !== '') {
            productName = dataProductName.trim();
        } else {
            const row = deleteButton.closest('tr');
            if (row) {
                const productNameCell = row.querySelector('td:nth-child(2)');
                if (productNameCell) {
                    productName = productNameCell.textContent.trim() || 'این موجودی';
                }
            }
        }
    }
    
    if (!productName || productName.trim() === '') {
        productName = 'این موجودی';
    }
    
    if (window.showDeleteModal) {
        window.showDeleteModal(
            'حذف موجودی انبار',
            `آیا از حذف موجودی "${productName}" مطمئن هستید؟`,
            async () => {
                try {
                    const response = await fetch(`/admin/inventory/${inventoryId}`, {
                        method: 'DELETE',
                        headers: {
                            'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute('content'),
                            'Accept': 'application/json'
                        }
                    });
                    
                    if (response.ok) {
                        if (window.fetchInventoryList) {
                            window.fetchInventoryList();
                        } else {
                            window.location.reload();
                        }
                        
                        if (window.showSuccessModalWithAutoClose) {
                            window.showSuccessModalWithAutoClose('موجودی با موفقیت حذف شد.');
                        } else {
                            alert('موجودی با موفقیت حذف شد');
                        }
                    } else {
                        const errorData = await response.json().catch(() => ({}));
                        const errorMessage = errorData.message || 'خطا در حذف موجودی';
                        
                        if (window.showErrorModal) {
                            window.showErrorModal(errorMessage);
                        } else {
                            alert(errorMessage);
                        }
                    }
                } catch (error) {
                    console.error('Error deleting inventory:', error);
                    const errorMessage = 'خطا در حذف موجودی: ' + error.message;
                    
                    if (window.showErrorModal) {
                        window.showErrorModal(errorMessage);
                    } else {
                        alert(errorMessage);
                    }
                }
            },
            () => {}
        );
    } else {
        if (!confirm(`آیا از حذف موجودی "${productName}" مطمئن هستید؟`)) {
            return;
        }
        
        try {
            const response = await fetch(`/admin/inventory/${inventoryId}`, {
                method: 'DELETE',
                headers: {
                    'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute('content'),
                    'Accept': 'application/json'
                }
            });
            
            if (response.ok) {
                if (window.fetchInventoryList) {
                    window.fetchInventoryList();
                } else {
                    window.location.reload();
                }
                alert('موجودی با موفقیت حذف شد');
            } else {
                alert('خطا در حذف موجودی');
            }
        } catch (error) {
            console.error('Error deleting inventory:', error);
            alert('خطا در حذف موجودی');
        }
    }
}
</script>
@endpush