<?php
// modules/wallet/widgets/operator_view.php
if (basename($_SERVER['PHP_SELF']) == 'operator_view.php') { die('Access Denied'); }
?>

<?php if ($effectiveEmergencyLimit > 0): ?>
<div class="bg-white dark:bg-slate-800 rounded-3xl shadow-sm border border-gray-100 dark:border-slate-700 p-6 md:p-8 border-t-8 border-t-fuchsia-500 mb-6">
    <div class="flex flex-col md:flex-row justify-between items-center gap-6">
        <div>
            <h2 class="text-xl md:text-2xl font-black text-gray-800 dark:text-white mb-2 flex items-center gap-2">
                <span class="text-3xl">🛟</span> شارژ اضطراری (Lifeline)
            </h2>
            <p class="text-sm text-gray-500 dark:text-gray-400 font-bold leading-relaxed max-w-3xl">
                شما می‌توانید در هر لحظه (حتی در صورت داشتن موجودی کافی) مبلغ <span class="text-fuchsia-600 dark:text-fuchsia-400 font-black"><?php echo number_format($effectiveEmergencyLimit); ?> تومان</span> شارژ اضطراری به صورت آنی دریافت کنید.
                <br><span class="text-rose-500 text-xs">⚠️ شرط استفاده: شما نباید هیچ‌گونه بدهی تسویه‌نشده‌ای در سیستم داشته باشید.</span>
            </p>
        </div>
        
        <div class="shrink-0 w-full md:w-auto">
            <?php if ($creditDebt == 0): ?>
                <form method="POST" onsubmit="return confirm('آیا از دریافت شارژ اضطراری مطمئن هستید؟ مبلغ <?php echo number_format($effectiveEmergencyLimit); ?> تومان به عنوان بدهی در سیستم ثبت خواهد شد.');">
                    <input type="hidden" name="action" value="apply_emergency_charge">
                    <button type="submit" class="w-full md:w-auto bg-fuchsia-500 hover:bg-fuchsia-600 text-white font-black py-4 px-8 rounded-2xl shadow-lg hover:shadow-xl transition-all transform hover:-translate-y-1 flex items-center justify-center gap-2">
                        <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z"></path></svg>
                        دریافت فوری شارژ
                    </button>
                </form>
            <?php else: ?>
                <div class="bg-gray-100 dark:bg-slate-700 text-gray-500 dark:text-gray-400 text-xs font-bold p-4 rounded-xl text-center border border-gray-200 dark:border-slate-600 max-w-xs">
                    ⚠️ دریافت شارژ اضطراری غیرفعال است. دلیل: شما دارای <span class="text-rose-500 font-black"><?php echo number_format($creditDebt); ?> تومان</span> بدهی تسویه‌نشده هستید.
                </div>
            <?php endif; ?>
        </div>
    </div>
</div>
<?php endif; ?>

<?php if ($isBonusSystemActive && count($activeBonuses) > 0 && !$timerExpired): ?>
<div class="bg-white dark:bg-slate-800 rounded-3xl shadow-sm border border-gray-100 dark:border-slate-700 p-6 md:p-8 border-t-8 border-t-amber-500 mb-6 relative overflow-hidden">
    
    <?php if($bonusTimerActive && !empty($bonusTimerDate)): ?>
    <div class="absolute left-0 top-0 bg-rose-500 text-white px-4 py-2 rounded-br-2xl shadow-md font-bold text-xs flex items-center gap-2 z-20">
        ⏳ فرصت باقیمانده:
        <span class="font-mono tracking-widest wallet-bonus-timer" data-target="<?php echo date('Y-m-d\TH:i:s', strtotime($bonusTimerDate)); ?>">--:--:--</span>
    </div>
    <?php endif; ?>

    <h2 class="text-xl md:text-2xl font-black text-gray-800 dark:text-white mb-3 flex items-center gap-2 mt-4 md:mt-0">
        <span class="text-3xl">🎁</span> طرح تشویقی پاداش واریز یکجا!
    </h2>
    <p class="text-sm text-gray-500 dark:text-gray-400 mb-6 font-bold leading-relaxed">
        با شارژ کیف پول به صورت یکجا، <span class="text-amber-600 dark:text-amber-400 font-black">اعتبار هدیه</span> دریافت کنید! 
        بونوس به <span class="text-rose-500">مبلغ خالص شارژ (پس از کسر بدهی)</span> تعلق می‌گیرد.
    </p>
    
    <div class="grid grid-cols-1 md:grid-cols-3 gap-5">
        <?php 
        $medals = ['🥇', '🥈', '🥉'];
        $styles = [
            ['bg' => 'from-amber-100 to-amber-300 dark:from-amber-700/40 dark:to-amber-600/40', 'border' => 'border-amber-400 dark:border-amber-600', 't1' => 'text-amber-900 dark:text-amber-100', 'badge' => 'bg-amber-600 dark:bg-amber-500', 't2' => 'text-amber-800 dark:text-amber-200', 'scale' => 'shadow-lg transform md:scale-105 z-10'],
            ['bg' => 'from-slate-100 to-slate-200 dark:from-slate-700 dark:to-slate-600', 'border' => 'border-slate-300 dark:border-slate-500', 't1' => 'text-slate-800 dark:text-slate-200', 'badge' => 'bg-slate-600 dark:bg-slate-500', 't2' => 'text-slate-700 dark:text-slate-300', 'scale' => ''],
            ['bg' => 'from-orange-50 to-orange-100 dark:from-orange-900/20 dark:to-orange-800/20', 'border' => 'border-orange-200 dark:border-orange-800/50', 't1' => 'text-orange-800 dark:text-orange-400', 'badge' => 'bg-orange-500', 't2' => 'text-orange-700 dark:text-orange-300', 'scale' => '']
        ];
        
        foreach($activeBonuses as $index => $b): 
            $s = isset($styles[$index]) ? $styles[$index] : $styles[2];
            $medal = isset($medals[$index]) ? $medals[$index] : '⭐';
            $bonusReward = ($b['min_amount'] * $b['bonus_percent']) / 100;
        ?>
            <div class="bg-gradient-to-br <?php echo $s['bg']; ?> border <?php echo $s['border']; ?> rounded-2xl p-6 text-center relative overflow-hidden transition-transform hover:-translate-y-2 <?php echo $s['scale']; ?>">
                <div class="text-5xl mb-3"><?php echo $medal; ?></div>
                <h3 class="<?php echo $s['t1']; ?> font-black text-lg mb-2">شارژ <?php echo number_format($b['min_amount']); ?> تومان</h3>
                <div class="<?php echo $s['badge']; ?> text-white font-bold px-4 py-1.5 rounded-full inline-block text-sm mb-4 shadow-sm <?php echo ($index==0) ? 'animate-pulse' : ''; ?>">
                    <?php echo $b['bonus_percent']; ?>٪ شارژ اضافه
                </div>
                <p class="text-sm <?php echo $s['t2']; ?> font-black"><?php echo number_format($bonusReward); ?> تومان هدیه!</p>
            </div>
        <?php endforeach; ?>
    </div>
</div>
<?php endif; ?>

<div class="grid grid-cols-1 lg:grid-cols-3 gap-6 mb-8">
    <div class="lg:col-span-2 space-y-6">
        
        <div class="grid grid-cols-1 sm:grid-cols-2 gap-4">
            <div class="bg-gradient-to-r from-blue-600 to-indigo-700 rounded-3xl shadow-lg p-6 text-white relative overflow-hidden">
                <div class="absolute top-0 right-0 -mt-4 -mr-4 w-24 h-24 bg-white opacity-10 rounded-full blur-xl"></div>
                <div class="relative z-10">
                    <h2 class="text-blue-100 font-bold mb-2">موجودی کیف پول (قابل خرید)</h2>
                    <div class="text-3xl font-black tracking-wider" dir="ltr">
                        <?php echo number_format($walletBalance); ?> <span class="text-sm font-normal text-blue-200">تومان</span>
                    </div>
                </div>
            </div>

            <div class="bg-gradient-to-r from-rose-500 to-red-600 rounded-3xl shadow-lg p-6 text-white relative overflow-hidden">
                <div class="absolute top-0 right-0 -mt-4 -mr-4 w-24 h-24 bg-white opacity-10 rounded-full blur-xl"></div>
                <div class="relative z-10">
                    <h2 class="text-red-100 font-bold mb-2 flex items-center gap-2">بدهی اعتباری (نیازمند تسویه)</h2>
                    <div class="text-3xl font-black tracking-wider" dir="ltr">
                        <?php echo number_format($creditDebt); ?> <span class="text-sm font-normal text-red-200">تومان</span>
                    </div>
                </div>
            </div>
        </div>

        <div class="bg-white dark:bg-slate-800 rounded-3xl shadow-sm border border-gray-100 dark:border-slate-700 p-8 border-t-8 border-t-blue-500">
            <h2 class="text-xl font-bold mb-6 text-gray-800 dark:text-white">افزایش موجودی / تسویه بدهی (ثبت فیش)</h2>
            <div class="bg-blue-50 dark:bg-blue-900/30 border border-blue-100 dark:border-blue-800 text-blue-700 dark:text-blue-300 text-xs p-3 rounded-xl mb-5 font-bold">
                💡 توجه: در صورتی که بدهی اعتباری داشته باشید، مبلغ فیش ارسالی ابتدا صرف تسویه بدهی شده و مابقی به موجودی شما افزوده می‌شود.
            </div>
            
            <form method="POST" enctype="multipart/form-data" class="space-y-5">
                <input type="hidden" name="action" value="request_charge">
                <div class="grid grid-cols-1 md:grid-cols-2 gap-5">
                    <div>
                        <label class="block text-sm font-bold text-gray-700 dark:text-gray-300 mb-2">مبلغ واریزی دقیق (تومان)</label>
                        <input type="text" name="amount" required placeholder="مثلا: 5,000,000" class="w-full border-2 border-gray-200 dark:border-slate-600 p-3 rounded-xl focus:border-blue-500 outline-none text-lg font-bold text-blue-700 dark:text-blue-400 bg-transparent" dir="ltr" onkeyup="formatCurrency(this)">
                    </div>
                    <div>
                        <label class="block text-sm font-bold text-gray-700 dark:text-gray-300 mb-2">آپلود تصویر فیش <span class="text-red-500">*</span></label>
                        <input type="file" name="receipt_file" required accept="image/*,.pdf" class="w-full border-2 border-gray-200 dark:border-slate-600 p-2.5 rounded-xl bg-gray-50 dark:bg-slate-700 text-sm dark:text-white">
                    </div>
                </div>
                <div>
                    <label class="block text-sm font-bold text-gray-700 dark:text-gray-300 mb-2">شماره پیگیری / یادداشت</label>
                    <input type="text" name="receipt_text" placeholder="شماره ارجاع، ۴ رقم آخر کارت و..." class="w-full border-2 border-gray-200 dark:border-slate-600 p-3 rounded-xl focus:border-blue-500 outline-none bg-transparent dark:text-white">
                </div>
                <button type="submit" class="w-full bg-blue-600 text-white font-bold py-3.5 rounded-xl hover:bg-blue-700 shadow-md transition text-lg">ارسال و ثبت فیش</button>
            </form>
        </div>
    </div>
</div>

<div class="bg-white dark:bg-slate-800 rounded-3xl shadow-sm border border-gray-100 dark:border-slate-700 p-8 border-t-8 border-t-gray-400">
    <h2 class="text-lg font-bold mb-6 text-gray-800 dark:text-white flex items-center gap-2">
        <svg class="w-5 h-5 text-gray-500" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg>
        تاریخچه رسیدهای واریزی شما
    </h2>
    <div class="overflow-x-auto">
        <table id="operatorHistoryTable" class="w-full text-sm text-right text-gray-600 dark:text-gray-400">
            <thead class="bg-gray-100 dark:bg-slate-700/50 text-gray-700 dark:text-gray-300">
                <tr>
                    <th class="px-4 py-3 rounded-tr-xl">شماره درخواست</th>
                    <th class="px-4 py-3">تاریخ و زمان</th>
                    <th class="px-4 py-3">مبلغ (تومان)</th>
                    <th class="px-4 py-3">توضیحات / کد پیگیری</th>
                    <th class="px-4 py-3 text-center">وضعیت فیش</th>
                    <th class="px-4 py-3 text-center rounded-tl-xl">پیوست</th>
                </tr>
            </thead>
            <tbody class="divide-y divide-gray-100 dark:divide-slate-700">
                <?php foreach($history as $h): ?>
                    <tr class="hover:bg-gray-50 dark:hover:bg-slate-700/30 transition">
                        <td class="px-4 py-4 font-mono text-xs text-gray-400 dark:text-gray-500">#REQ-<?php echo $h['id']; ?></td>
                        <td class="px-4 py-4 text-xs font-mono font-bold" dir="ltr"><?php echo format_shamsi($h['created_at']); ?></td>
                        <td class="px-4 py-4 font-black text-gray-800 dark:text-gray-200"><?php echo number_format($h['amount']); ?></td>
                        <td class="px-4 py-4 text-xs truncate max-w-[200px]"><?php echo htmlspecialchars($h['receipt_text']) ?: '<span class="text-gray-400">-</span>'; ?></td>
                        <td class="px-4 py-4 text-center">
                            <?php 
                                if($h['status'] == 'approved') echo '<span class="bg-emerald-100 text-emerald-700 dark:bg-emerald-900/30 dark:text-emerald-400 px-3 py-1 rounded-lg text-[11px] font-bold">✅ تایید شده</span>';
                                elseif($h['status'] == 'rejected') echo '<span class="bg-rose-100 text-rose-700 dark:bg-rose-900/30 dark:text-rose-400 px-3 py-1 rounded-lg text-[11px] font-bold">❌ رد شده</span>';
                                else echo '<span class="bg-amber-100 text-amber-700 dark:bg-amber-900/30 dark:text-amber-400 px-3 py-1 rounded-lg text-[11px] font-bold">⏳ در انتظار بررسی</span>';
                            ?>
                        </td>
                        <td class="px-4 py-4 text-center">
                            <?php if($h['receipt_file']): ?>
                                <a href="../uploads/receipts/<?php echo $h['receipt_file']; ?>" target="_blank" class="text-blue-600 hover:text-blue-800 dark:text-blue-400 font-bold text-xs bg-blue-50 dark:bg-blue-900/30 px-3 py-1.5 rounded-lg transition">مشاهده 🖼️</a>
                            <?php else: ?>
                                <span class="text-gray-400 text-xs">-</span>
                            <?php endif; ?>
                        </td>
                    </tr>
                <?php endforeach; ?>
            </tbody>
        </table>
    </div>
</div>