@extends('layouts.panel')

@push('styles')
<style>
    .glass {
        background: rgba(255, 255, 255, 0.05);
        backdrop-filter: blur(8px);
        border: 1px solid rgba(255, 255, 255, 0.1);
    }
    .glow {
        box-shadow: 0 0 16px rgba(59, 130, 246, 0.5), 0 0 10px rgba(79, 70, 229, 0.5);
    }
    @keyframes spin { to { transform: rotate(360deg);} }
    .animate-spin { animation: spin 1s linear infinite; }
    @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px);} to { opacity: 1; transform: translateY(0);} }
    .animate-fadeIn { animation: fadeIn 0.3s ease-out forwards; }
</style>
@endpush

@section('title', 'داشبورد کارشناس فروش - منیجینو ابزار برای مدیریت خرید و فروش مواد شیمیایی')

@section('content')
<div id="content-container" class="mx-auto w-full max-w-none px-4 py-8">
    <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>
    </header>

    <div class="space-y-8">
        @php
            // Resolve permissions of the actual target user when super admin is impersonating via admin.users.dashboard
            $perms = isset($targetPermissions) ? collect($targetPermissions) : collect(optional(auth()->user())->getAllPermissions()->pluck('name'));
            $canPR = $perms->contains(function($p){ return in_array($p, ['purchase_requests.view','purchase_requests.create']); });
            $canProducts = $perms->contains('products.view');
        @endphp
        <div class="glass rounded-2xl p-6">
            <h2 class="text-xl font-bold mb-4 text-white">آخرین به‌روزرسانی‌های قیمت</h2>
            <!-- Controls: search + rows per page -->
            <div class="flex flex-col sm:flex-row justify-between items-center mb-4 gap-4 p-4 bg-slate-800/50 border border-slate-700 rounded-lg">
                <div class="relative w-full sm:w-auto">
                    <label for="searchInput" class="sr-only">جستجو</label>
                    <input type="text" id="searchInput" placeholder="جستجو در محصولات..." class="w-full sm:w-80 p-2 pr-4 bg-slate-800 border border-slate-600 text-gray-300 rounded-lg focus:ring-2 focus:ring-emerald-500 focus:border-emerald-500 transition">
                </div>
                <div class="flex items-center gap-2">
                    <label for="rowsPerPage" class="text-sm text-gray-400">نمایش</label>
                    <select id="rowsPerPage" class="p-2 bg-slate-800 border border-slate-600 text-gray-300 rounded-lg focus:ring-2 focus:ring-emerald-500 focus:border-emerald-500 transition">
                        <option value="5">5</option>
                        <option value="10" selected>10</option>
                        <option value="all">همه</option>
                    </select>
                    <span class="text-sm text-gray-400">ردیف</span>
                </div>
            </div>

            <!-- Table wrapper -->
            <div class="overflow-x-auto shadow-lg rounded-lg border border-slate-700">
                <table id="priceTable" class="w-full text-sm text-right text-gray-300">
                    <thead class="text-xs text-gray-400 uppercase bg-slate-800">
                        <tr>
                            <th scope="col" class="px-6 py-3">ردیف</th>
                            <th scope="col" class="px-6 py-3">اسم محصول</th>
                            <th scope="col" class="px-6 py-3">تامین‌کننده</th>
                            <th scope="col" class="px-6 py-3">قیمت قبلی</th>
                            <th scope="col" class="px-6 py-3">جدیدترین قیمت</th>
                            <th scope="col" class="px-6 py-3">تاریخ آخرین استعلام</th>
                            <th scope="col" class="px-6 py-3">گرید محصول</th>
                        </tr>
                    </thead>
                    <tbody id="priceUpdateTableBody" class="bg-slate-900">
                        <tr><td colspan="7" class="px-6 py-6 text-center text-slate-400">در حال بارگذاری...</td></tr>
                    </tbody>
                </table>
            </div>

            <!-- Tooltip element -->
            <div id="tooltip" class="hidden"></div>
        </div>

        <!-- Removed summary cards as requested -->

<!-- Purchase Request Modal -->
<div id="purchaseRequestModal" class="fixed inset-0 bg-gray-600 bg-opacity-50 overflow-y-auto h-full w-full hidden z-50">
    <div class="relative top-20 mx-auto p-8 w-11/12 md:w-1/2 lg:w-1/3 shadow-2xl rounded-2xl glass animate-fadeIn">
        <div class="flex justify-between items-center pb-3 border-b mb-6 border-slate-800">
            <h3 class="text-xl font-bold text-slate-100">درخواست خرید</h3>
            <button data-modal="purchaseRequestModal" class="text-gray-400 hover:text-gray-600 text-2xl font-bold">&times;</button>
        </div>
        <form id="quickPurchaseRequestForm" class="space-y-4">
            <div>
                <label for="productName" class="block text-sm font-medium text-slate-400">اسم محصول:</label>
                <input type="text" id="productName" name="productName" class="mt-1 block w-full rounded-md bg-white/5 border-slate-700 text-slate-200 shadow-sm focus:border-blue-500 focus:ring-blue-500" required>
            </div>
            <div>
                <label for="productType" class="block text-sm font-medium text-slate-400">رسمی می‌خواد یا غیررسمی:</label>
                <select id="productType" name="productType" class="mt-1 block w-full rounded-md bg-white/5 border-slate-700 text-slate-200 shadow-sm focus:border-blue-500 focus:ring-blue-500" required>
                    <option value="" disabled selected>انتخاب کنید</option>
                    <option value="رسمی">رسمی</option>
                    <option value="غیررسمی">غیررسمی</option>
                </select>
            </div>
            <div>
                <label for="quantity" class="block text-sm font-medium text-slate-400">حجم درخواست:</label>
                <input type="number" id="quantity" name="quantity" class="mt-1 block w-full rounded-md bg-white/5 border-slate-700 text-slate-200 shadow-sm focus:border-blue-500 focus:ring-blue-500" placeholder="مثلاً: 1000" required>
            </div>
            <div>
                <label for="brand" class="block text-sm font-medium text-slate-400">برند:</label>
                <input type="text" id="brand" name="brand" class="mt-1 block w-full rounded-md bg-white/5 border-slate-700 text-slate-200 shadow-sm focus:border-blue-500 focus:ring-blue-500">
            </div>
            <div>
                <label for="packaging" class="block text-sm font-medium text-slate-400">نوع بسته‌بندی:</label>
                <input type="text" id="packaging" name="packaging" class="mt-1 block w-full rounded-md bg-white/5 border-slate-700 text-slate-200 shadow-sm focus:border-blue-500 focus:ring-blue-500">
            </div>
            <div>
                <label for="grade" class="block text-sm font-medium text-slate-400">گرید:</label>
                <input type="text" id="grade" name="grade" class="mt-1 block w-full rounded-md bg-white/5 border-slate-700 text-slate-200 shadow-sm focus:border-blue-500 focus:ring-blue-500">
            </div>
            <div>
                <label for="deadline" class="block text-sm font-medium text-slate-400">چقدر تایم داریم؟:</label>
                <input type="text" id="deadline" name="deadline" class="mt-1 block w-full rounded-md bg-white/5 border-slate-700 text-slate-200 shadow-sm focus:border-blue-500 focus:ring-blue-500" placeholder="مثلاً: 1 هفته">
            </div>
            <div class="flex justify-end pt-4">
                <button type="submit" class="px-6 py-2 bg-green-600 text-white font-medium rounded-xl shadow-lg hover:bg-green-700 transition duration-300 ease-in-out"> ثبت درخواست </button>
            </div>
        </form>
    </div>
</div>

        <!-- Removed KPI cards as requested -->

        <!-- Removed Top products and Top suppliers sections -->

        <!-- Removed AI summary section -->

        <!-- Removed My purchase requests section -->

        <!-- Removed Recent activities section -->

        <!-- Removed Pending follow-ups section -->
    </div>
</div>

<!-- Quick Purchase Request Modal -->
<div id="purchaseRequestModal" class="fixed inset-0 bg-gray-600 bg-opacity-50 overflow-y-auto h-full w-full hidden z-50">
    <div class="relative top-20 mx-auto p-8 w-11/12 md:w-1/2 lg:w-1/3 shadow-2xl rounded-2xl glass animate-fadeIn">
        <div class="flex justify-between items-center pb-3 border-b mb-6 border-slate-800">
            <h3 class="text-xl font-bold text-slate-100">درخواست خرید سریع</h3>
            <button data-modal="purchaseRequestModal" class="text-gray-400 hover:text-gray-600 text-2xl font-bold">&times;</button>
        </div>
        <form id="quickPurchaseRequestForm" class="space-y-4">
            <div>
                <label for="productName" class="block text-sm font-medium text-slate-400">اسم محصول:</label>
                <input type="text" id="productName" name="productName" class="mt-1 block w-full rounded-md bg-white/5 border-slate-700 text-slate-200 shadow-sm focus:border-blue-500 focus:ring-blue-500" required>
            </div>
            <div>
                <label for="productType" class="block text-sm font-medium text-slate-400">رسمی می‌خواد یا غیررسمی:</label>
                <select id="productType" name="productType" class="mt-1 block w-full rounded-md bg-white/5 border-slate-700 text-slate-200 shadow-sm focus:border-blue-500 focus:ring-blue-500" required>
                    <option value="" disabled selected>انتخاب کنید</option>
                    <option value="رسمی">رسمی</option>
                    <option value="غیررسمی">غیررسمی</option>
                </select>
            </div>
            <div>
                <label for="quantity" class="block text-sm font-medium text-slate-400">حجم درخواست:</label>
                <input type="number" id="quantity" name="quantity" class="mt-1 block w-full rounded-md bg-white/5 border-slate-700 text-slate-200 shadow-sm focus:border-blue-500 focus:ring-blue-500" placeholder="مثلاً: 1000" required>
            </div>
            <div>
                <label for="brand" class="block text-sm font-medium text-slate-400">برند:</label>
                <input type="text" id="brand" name="brand" class="mt-1 block w-full rounded-md bg-white/5 border-slate-700 text-slate-200 shadow-sm focus:border-blue-500 focus:ring-blue-500">
            </div>
            <div>
                <label for="packaging" class="block text-sm font-medium text-slate-400">نوع بسته‌بندی:</label>
                <input type="text" id="packaging" name="packaging" class="mt-1 block w-full rounded-md bg-white/5 border-slate-700 text-slate-200 shadow-sm focus:border-blue-500 focus:ring-blue-500">
            </div>
            <div>
                <label for="grade" class="block text-sm font-medium text-slate-400">گرید:</label>
                <input type="text" id="grade" name="grade" class="mt-1 block w-full rounded-md bg-white/5 border-slate-700 text-slate-200 shadow-sm focus:border-blue-500 focus:ring-blue-500">
            </div>
            <div>
                <label for="deadline" class="block text-sm font-medium text-slate-400">چقدر تایم داریم؟:</label>
                <input type="text" id="deadline" name="deadline" class="mt-1 block w-full rounded-md bg-white/5 border-slate-700 text-slate-200 shadow-sm focus:border-blue-500 focus:ring-blue-500" placeholder="مثلاً: 1 هفته">
            </div>
            <div class="flex justify-end pt-4">
                <button type="submit" class="px-6 py-2 bg-green-600 text-white font-medium rounded-xl shadow-lg hover:bg-green-700 transition duration-300 ease-in-out">ثبت درخواست</button>
            </div>
        </form>
    </div>
</div>
@endsection

@push('scripts')
<script>
    const formatCurrency = (num) => {
        if (num === null || num === undefined || isNaN(num)) return '---';
        const roundedNum = Math.round(num);
        return new Intl.NumberFormat('fa-IR').format(roundedNum) + ' تومان';
    };

    const salesDashboardData = @json($dashboardData);

    function renderSummaryCards() {
        const salesTargetEl = document.getElementById('salesTarget');
        const successfulSamplesEl = document.getElementById('successfulSamples');
        const pendingFollowUpsEl = document.getElementById('pendingFollowUps');
        if (salesTargetEl && salesDashboardData?.summary) {
            salesTargetEl.textContent = salesDashboardData.summary.salesTarget + '%';
        }
        if (successfulSamplesEl && salesDashboardData?.summary) {
            successfulSamplesEl.textContent = salesDashboardData.summary.successfulSamples;
        }
        if (pendingFollowUpsEl && salesDashboardData?.summary) {
            pendingFollowUpsEl.textContent = salesDashboardData.summary.pendingFollowUps;
        }
    }

    function renderMonthlyOverview() {
        const salesCountEl = document.getElementById('salesCount');
        const salesVolumeEl = document.getElementById('salesVolume');
        const salesValueEl = document.getElementById('salesValue');
        const totalProfitEl = document.getElementById('totalProfit');
        const samplesSentEl = document.getElementById('samplesSent');
        if (salesCountEl && salesDashboardData?.monthlyOverview) {
            salesCountEl.textContent = salesDashboardData.monthlyOverview.salesCount;
        }
        if (salesVolumeEl && salesDashboardData?.monthlyOverview) {
            salesVolumeEl.textContent = salesDashboardData.monthlyOverview.salesVolume + ' تن';
        }
        if (salesValueEl && salesDashboardData?.monthlyOverview) {
            salesValueEl.textContent = formatCurrency(salesDashboardData.monthlyOverview.salesValue);
        }
        if (totalProfitEl && salesDashboardData?.monthlyOverview) {
            totalProfitEl.textContent = formatCurrency(salesDashboardData.monthlyOverview.totalProfit);
        }
        if (samplesSentEl && salesDashboardData?.monthlyOverview) {
            samplesSentEl.textContent = salesDashboardData.monthlyOverview.samplesSent;
        }
    }
    
    function renderTopProducts() {
        const listContainer = document.getElementById('topProductsList');
        if (!listContainer) return;
        listContainer.innerHTML = '';
        if (!salesDashboardData?.topProducts || salesDashboardData.topProducts.length === 0) {
            listContainer.innerHTML = `<li class="py-2 text-slate-400">اطلاعاتی موجود نیست.</li>`;
            return;
        }
        salesDashboardData.topProducts.forEach(product => {
            const item = document.createElement('li');
            item.className = 'py-2 flex justify-between items-center';
            item.innerHTML = `
                <span class="text-slate-200">${product.name}</span>
                <span class="text-sm text-blue-400 font-medium">${product.salesVolume}</span>
            `;
            listContainer.appendChild(item);
        });
    }
    
    function renderTopSuppliers() {
        const listContainer = document.getElementById('topSuppliersList');
        if (!listContainer) return;
        listContainer.innerHTML = '';
        if (!salesDashboardData?.topSuppliers || salesDashboardData.topSuppliers.length === 0) {
            listContainer.innerHTML = `<li class="py-2 text-slate-400">اطلاعاتی موجود نیست.</li>`;
            return;
        }
        salesDashboardData.topSuppliers.forEach(supplier => {
            const item = document.createElement('li');
            item.className = 'py-2 flex justify-between items-center';
            item.innerHTML = `
                <span class="text-slate-200">${supplier.name}</span>
                <span class="text-sm text-green-400 font-medium">امتیاز: ${supplier.score}</span>
            `;
            listContainer.appendChild(item);
        });
    }

    let allPriceUpdateRows = [];
    let currentSearchTerm = '';

    function renderPriceUpdatesTable(rows) {
        const tableBody = document.getElementById('priceUpdateTableBody');
        tableBody.innerHTML = '';
        const rowsPerPage = document.getElementById('rowsPerPage')?.value || '10';
        const filtered = rows.filter(r =>
            (r.product || '').toString().toLowerCase().includes(currentSearchTerm) ||
            (r.supplier || '').toString().toLowerCase().includes(currentSearchTerm)
        );
        const toRender = rowsPerPage === 'all' ? filtered : filtered.slice(0, parseInt(rowsPerPage, 10));
        if (toRender.length === 0) {
            tableBody.innerHTML = `<tr><td colspan="7" class="px-6 py-4 text-center text-sm text-slate-500">موردی برای نمایش وجود ندارد.</td></tr>`;
            return;
        }
        toRender.forEach((item, idx) => {
            const tr = document.createElement('tr');
            tr.className = 'border-b border-slate-700 hover:bg-slate-800/50';
            tr.innerHTML = `
                <td class="px-6 py-3">${idx + 1}</td>
                <td class="px-6 py-3 font-medium text-white whitespace-nowrap">${item.product || ''}</td>
                <td class="px-6 py-3">${item.supplier || ''}</td>
                <td class="px-6 py-3">${Number(item.previous_price || 0).toLocaleString('fa-IR')} تومان</td>
                <td class="px-6 py-3">${Number(item.last_price || 0).toLocaleString('fa-IR')} تومان</td>
                <td class="px-6 py-3">${item.last_update || ''}</td>
                <td class="px-6 py-3">${item.grade || ''}</td>
            `;
            tableBody.appendChild(tr);
        });
    }

    async function fetchAndRenderPriceUpdates(q = '') {
        const tableBody = document.getElementById('priceUpdateTableBody');
        tableBody.innerHTML = `<tr><td colspan="7" class="px-6 py-6 text-center text-slate-400">در حال بارگذاری...</td></tr>`;
        try {
            const params = new URLSearchParams();
            if (q) params.set('q', q);
            params.set('limit', '200');
            const res = await fetch(`{{ route('sales.price_updates') }}?${params.toString()}`, { headers: { 'Accept': 'application/json' } });
            if (!res.ok) throw new Error('network');
            const rows = await res.json();
            allPriceUpdateRows = Array.isArray(rows) ? rows : [];
            renderPriceUpdatesTable(allPriceUpdateRows);
        } catch (e) {
            console.error('Error fetching price updates:', e);
            tableBody.innerHTML = `<tr><td colspan="7" class="px-6 py-4 text-center text-sm text-red-400">خطا در دریافت اطلاعات.</td></tr>`;
        }
    }
    
    function renderRecentActivities() {
        const listContainer = document.getElementById('myRecentActivitiesList');
        if (!listContainer) return;
        listContainer.innerHTML = '';
        if (!salesDashboardData?.myRecentActivities) return;
        salesDashboardData.myRecentActivities.forEach(activity => {
            const item = document.createElement('div');
            item.className = 'flex items-center justify-between border-b border-slate-700 pb-3';
            let iconHtml = '';
            if (activity.type === 'درخواست') {
                iconHtml = `<span class="inline-flex size-10 items-center justify-center rounded-full bg-blue-500/15 text-blue-400"><svg xmlns=\"http://www.w3.org/2000/svg\" class=\"size-5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 14l6-6m0 0l-6-6m6 6H3\"/><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M21 12H9\"/></svg></span>`;
            } else if (activity.type === 'نمونه') {
                iconHtml = `<span class=\"inline-flex size-10 items-center justify-center rounded-full bg-green-500/15 text-green-400\"><svg xmlns=\"http://www.w3.org/2000/svg\" class=\"size-5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 4.5v15m7.5-7.5h-15\"/></svg></span>`;
            } else if (activity.type === 'پیگیری') {
                iconHtml = `<span class=\"inline-flex size-10 items-center justify-center rounded-full bg-yellow-500/15 text-yellow-400\"><svg xmlns=\"http://www.w3.org/2000/svg\" class=\"size-5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M22 11.08V12a10 10 0 11-5.93-8.83\"/><path d=\"M22 4L12 14.01l-3-3\"/></svg></span>`;
            }
            item.innerHTML = `<div class=\"flex items-center gap-4\">${iconHtml}<div><p class=\"font-medium text-slate-200\">${activity.action}</p><p class=\"text-sm text-slate-400\">توسط شما</p></div></div><div class=\"text-sm text-slate-500\">${activity.time}</div>`;
            listContainer.appendChild(item);
        });
    }

    function renderPendingFollowUps() {
        const listContainer = document.getElementById('pending-follow-ups-list');
        if (!listContainer) return;
        listContainer.innerHTML = '';
        if (!salesDashboardData?.pendingFollowUps || salesDashboardData.pendingFollowUps.length === 0) {
            listContainer.innerHTML = `<div class=\"bg-white/5 p-4 rounded-xl text-center text-slate-400\">پیگیری در انتظار جدیدی ندارید.</div>`;
        } else {
            salesDashboardData.pendingFollowUps.forEach(followUp => {
                const item = document.createElement('div');
                item.className = 'bg-white/5 p-4 rounded-xl flex items-center justify-between';
                item.innerHTML = `<div><p class=\"font-medium text-slate-200\">پیگیری نمونه \"${followUp.product}\" برای مشتری \"${followUp.customer}\"</p><p class=\"text-sm text-slate-400\">تاریخ پیگیری: ${followUp.followUpDate}</p></div><button data-id=\"${followUp.id}\" class=\"px-4 py-1 bg-blue-600 text-white rounded-xl text-sm hover:bg-blue-700 transition duration-300 ease-in-out\">ثبت نتیجه</button>`;
                listContainer.appendChild(item);
            });
        }
    }
    
    function renderMyPurchaseRequests() {
        const listContainer = document.getElementById('myPurchaseRequestsList');
        if (!listContainer) return;
        listContainer.innerHTML = '';
        if (!salesDashboardData?.myPurchaseRequests || salesDashboardData.myPurchaseRequests.length === 0) {
            listContainer.innerHTML = `<div class=\"bg-white/5 p-4 rounded-xl text-center text-slate-400\">شما تاکنون درخواست خریدی ثبت نکرده‌اید.</div>`;
            return;
        }
        salesDashboardData.myPurchaseRequests.forEach(request => {
            const item = document.createElement('div');
            let statusClass = '';
            let statusText = '';
            if (request.status === 'تایید شده') { statusClass = 'bg-green-500/20 text-green-400'; statusText = 'تایید شده ✅'; }
            else if (request.status === 'رد شده') { statusClass = 'bg-red-500/20 text-red-400'; statusText = 'رد شده ❌'; }
            else { statusClass = 'bg-yellow-500/20 text-yellow-400'; statusText = 'در انتظار تایید ⏳'; }
            item.className = 'flex items-center justify-between p-4 bg-white/5 rounded-xl';
            item.innerHTML = `<div class=\"flex flex-col sm:flex-row sm:items-center sm:gap-4 flex-1\"><div class=\"flex-1\"><p class=\"font-medium text-slate-200\">کد: ${request.id} - ${request.product} (${request.quantity})</p><p class=\"text-sm text-slate-400\">نوع: ${request.type} | تاریخ: ${request.date}</p></div><div class=\"mt-2 sm:mt-0 px-3 py-1 rounded-full ${statusClass} text-xs font-medium self-start sm:self-center\">${statusText}</div></div>`;
            listContainer.appendChild(item);
        });
    }
    
    const generateSalesSummaryBtn = document.getElementById('generateSalesSummaryBtn');
    const geminiSalesSummaryContent = document.getElementById('geminiSalesSummaryContent');
    const geminiSalesLoadingSpinner = document.getElementById('geminiSalesLoadingSpinner');
    const geminiSalesButtonText = document.getElementById('geminiSalesButtonText');

    generateSalesSummaryBtn?.addEventListener('click', async () => {
        geminiSalesButtonText.textContent = 'در حال پردازش...';
        geminiSalesLoadingSpinner.classList.remove('hidden');
        generateSalesSummaryBtn.disabled = true;
        const apiKey = "";
        const apiUrl = `https://generativelanguage.googleapis.com/v1beta/models/gemini-2.5-flash-preview-05-20:generateContent?key=${apiKey}`;
        const promptText = `شما یک دستیار هوشمند برای یک کارشناس فروش هستید...`;
        try {
            const payload = { contents: [{ role: 'user', parts: [{ text: promptText }] }] };
            const response = await fetch(apiUrl, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(payload) });
            if (!response.ok) throw new Error(`API error: ${response.status} ${response.statusText}`);
            const result = await response.json();
            const text = result?.candidates?.[0]?.content?.parts?.[0]?.text;
            geminiSalesSummaryContent.innerHTML = text ? marked.parse(text) : `<p class="text-red-400">خطا: پاسخ معتبری از API دریافت نشد.</p>`;
        } catch (e) {
            geminiSalesSummaryContent.innerHTML = `<p class="text-red-400">خطا در برقراری ارتباط با سرویس تحلیل. لطفاً بعداً تلاش کنید.</p>`;
        } finally {
            geminiSalesButtonText.textContent = 'خلاصه عملکرد ✨';
            geminiSalesLoadingSpinner.classList.add('hidden');
            generateSalesSummaryBtn.disabled = false;
        }
    });

    const openPurchaseRequestModalBtn = document.getElementById('openPurchaseRequestModalBtn');
    const purchaseRequestModal = document.getElementById('purchaseRequestModal');
    const quickPurchaseRequestForm = document.getElementById('quickPurchaseRequestForm');
    openPurchaseRequestModalBtn?.addEventListener('click', () => purchaseRequestModal.classList.remove('hidden'));
    quickPurchaseRequestForm?.addEventListener('submit', (e) => {
        e.preventDefault();
        const purchaseRequestData = {
            productName: document.getElementById('productName').value,
            productType: document.getElementById('productType').value,
            quantity: document.getElementById('quantity').value,
            brand: document.getElementById('brand').value,
            packaging: document.getElementById('packaging').value,
            grade: document.getElementById('grade').value,
            deadline: document.getElementById('deadline').value,
        };
        const newRequestId = 'PR-' + Math.floor(Math.random() * 1000).toString().padStart(3, '0');
        salesDashboardData.myPurchaseRequests.unshift({ id: newRequestId, product: purchaseRequestData.productName, type: purchaseRequestData.productType, quantity: `${purchaseRequestData.quantity} kg`, status: 'در انتظار تایید', date: new Date().toLocaleDateString('fa-IR') });
        renderMyPurchaseRequests();
        purchaseRequestModal.classList.add('hidden');
        quickPurchaseRequestForm.reset();
        alert('درخواست خرید با موفقیت ثبت و به مدیریت ارسال شد!');
    });

    document.querySelectorAll('[data-modal]')?.forEach(btn => btn.addEventListener('click', (e) => {
        const modalId = e.target.closest('button').dataset.modal;
        document.getElementById(modalId).classList.add('hidden');
        if (modalId === 'purchaseRequestModal') quickPurchaseRequestForm.reset();
    }));

    const searchInputEl = document.getElementById('searchInput');
    const rowsPerPageEl = document.getElementById('rowsPerPage');
    let searchTimer = null;
    searchInputEl?.addEventListener('input', (event) => {
        currentSearchTerm = (event.target.value || '').toString().toLowerCase();
        clearTimeout(searchTimer);
        searchTimer = setTimeout(() => renderPriceUpdatesTable(allPriceUpdateRows), 250);
    });
    rowsPerPageEl?.addEventListener('change', () => renderPriceUpdatesTable(allPriceUpdateRows));

    window.addEventListener('load', () => {
        fetchAndRenderPriceUpdates();
        renderSummaryCards();
        renderMonthlyOverview();
        renderTopProducts();
        renderTopSuppliers();
        renderRecentActivities();
        renderPendingFollowUps();
        renderMyPurchaseRequests();
    });
</script>
@endpush