<?php $__template->layout('Layout.main'); ?>
<?php $__template->section('title'); ?>أصناف تحت الحد الأدنى<?php $__template->endSection(); ?>

<?php $__template->section('page_actions'); ?>
<button onclick="window.print()" class="btn btn-outline"><i data-lucide="printer" style="width:16px;height:16px;vertical-align:middle;margin-left:4px;"></i> طباعة</button>
<?php $__template->endSection(); ?>

<?php $__template->section('content'); ?>

<?php if (!empty($rows)): ?>

<!-- Summary -->
<div class="card" style="margin-bottom:20px;padding:20px;text-align:center;background:#FEF2F2;border:1px solid #FECACA;">
    <div style="font-size:32px;font-weight:700;color:#DC2626;"><?= count($rows) ?></div>
    <div style="color:#6B7280;font-size:14px;">صنف تحت الحد الأدنى</div>
</div>

<!-- Low Stock Table -->
<div class="card">
    <div style="padding:15px 20px;border-bottom:2px solid #DC2626;display:flex;align-items:center;gap:8px;">
        <i data-lucide="alert-circle" style="width:20px;height:20px;color:#DC2626;"></i>
        <h3 style="margin:0;color:#DC2626;">أصناف تحتاج إعادة توريد</h3>
    </div>
    <div class="table-responsive">
        <table class="data-table">
            <thead>
                <tr>
                    <th>الصنف</th>
                    <th>SKU</th>
                    <th>المخزن</th>
                    <th>الكمية الحالية</th>
                    <th>الحد الأدنى</th>
                    <th>الفرق</th>
                </tr>
            </thead>
            <tbody>
                <?php foreach ($rows as $row): ?>
                <?php
                    $qty      = (float) ($row['quantity'] ?? 0);
                    $minLevel = (float) ($row['min_level'] ?? 0);
                    $diff     = $qty - $minLevel;
                    $ratio    = $minLevel > 0 ? $qty / $minLevel : 0;

                    if ($ratio <= 0) {
                        $rowBg = '#FEF2F2';
                        $diffColor = '#DC2626';
                    } elseif ($ratio <= 0.25) {
                        $rowBg = '#FEF2F2';
                        $diffColor = '#DC2626';
                    } elseif ($ratio <= 0.5) {
                        $rowBg = '#FFFBEB';
                        $diffColor = '#D97706';
                    } else {
                        $rowBg = '#FFF7ED';
                        $diffColor = '#D97706';
                    }
                ?>
                <tr style="background:<?= $rowBg ?>;">
                    <td style="font-weight:600;"><?= e($row['name_ar']) ?></td>
                    <td style="direction:ltr;text-align:right;font-family:monospace;font-size:13px;"><?= e($row['sku'] ?? '—') ?></td>
                    <td><?= e($row['warehouse_name'] ?? '—') ?></td>
                    <td style="font-weight:700;color:<?= $diffColor ?>;"><?= number_format($qty) ?></td>
                    <td style="font-weight:600;color:#6B7280;"><?= number_format($minLevel) ?></td>
                    <td>
                        <span style="display:inline-block;padding:3px 12px;border-radius:10px;font-size:13px;font-weight:700;background:<?= $ratio <= 0.25 ? '#FEE2E2' : '#FEF3C7' ?>;color:<?= $diffColor ?>;">
                            <?= number_format($diff) ?>
                        </span>
                    </td>
                </tr>
                <?php endforeach; ?>
            </tbody>
        </table>
    </div>
</div>

<?php else: ?>
<div class="card" style="padding:60px 20px;text-align:center;">
    <div style="margin-bottom:15px;">
        <i data-lucide="check-circle" style="width:48px;height:48px;color:#059669;"></i>
    </div>
    <h3 style="color:#059669;margin:0 0 8px;">جميع الأصناف فوق الحد الأدنى</h3>
    <p style="color:#9CA3AF;font-size:14px;margin:0;">لا توجد أصناف تحتاج إعادة توريد حالياً</p>
</div>
<?php endif; ?>

<script>
document.addEventListener('DOMContentLoaded', function() {
    if (typeof lucide !== 'undefined') {
        lucide.createIcons();
    }
});
</script>
<?php $__template->endSection(); ?>
