<?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'); ?>

<!-- Filter -->
<div class="card" style="margin-bottom:20px;padding:15px;">
    <form method="GET" action="/inventory/reports/expiry-alert" style="display:flex;gap:10px;align-items:end;">
        <div style="min-width:160px;">
            <label class="form-label" style="font-size:12px;">عدد الأيام (قرب الانتهاء)</label>
            <input type="number" name="days" value="<?= (int) ($days ?? 30) ?>" min="1" max="365" class="form-input">
        </div>
        <button type="submit" class="btn btn-primary"><i data-lucide="search" style="width:16px;height:16px;vertical-align:middle;margin-left:4px;"></i> عرض</button>
    </form>
</div>

<!-- Summary Cards -->
<div style="display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:20px;">
    <div class="card" style="padding:20px;text-align:center;background:#FEF2F2;border:1px solid #FECACA;">
        <div style="font-size:32px;font-weight:700;color:#DC2626;"><?= count($expired) ?></div>
        <div style="color:#6B7280;font-size:14px;">أصناف منتهية الصلاحية</div>
    </div>
    <div class="card" style="padding:20px;text-align:center;background:#FFFBEB;border:1px solid #FDE68A;">
        <div style="font-size:32px;font-weight:700;color:#D97706;"><?= count($nearExpiry) ?></div>
        <div style="color:#6B7280;font-size:14px;">أصناف قاربت على الانتهاء</div>
    </div>
</div>

<!-- Expired Items -->
<div class="card" style="margin-bottom:20px;">
    <div style="padding:15px 20px;border-bottom:2px solid #DC2626;display:flex;align-items:center;gap:8px;">
        <i data-lucide="alert-triangle" style="width:20px;height:20px;color:#DC2626;"></i>
        <h3 style="margin:0;color:#DC2626;">أصناف منتهية الصلاحية</h3>
        <span style="display:inline-block;padding:2px 10px;border-radius:10px;font-size:12px;font-weight:600;background:#FEE2E2;color:#DC2626;margin-right:8px;"><?= count($expired) ?></span>
    </div>
    <?php if (!empty($expired)): ?>
    <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 ($expired as $item): ?>
                <tr style="background:#FEF2F2;">
                    <td style="font-weight:600;"><?= e($item['item_name']) ?></td>
                    <td style="direction:ltr;text-align:right;font-family:monospace;font-size:13px;"><?= e($item['sku'] ?? '—') ?></td>
                    <td><?= e($item['warehouse_name']) ?></td>
                    <td style="font-family:monospace;font-size:13px;"><?= e($item['batch_number'] ?? '—') ?></td>
                    <td style="color:#DC2626;font-weight:600;"><?= e($item['expiry_date']) ?></td>
                    <td style="font-weight:700;"><?= number_format((float) ($item['quantity'] ?? 0)) ?></td>
                </tr>
                <?php endforeach; ?>
            </tbody>
        </table>
    </div>
    <?php else: ?>
    <div style="padding:30px;text-align:center;color:#059669;font-size:14px;">
        <i data-lucide="check-circle" style="width:24px;height:24px;vertical-align:middle;margin-left:6px;color:#059669;"></i>
        لا توجد أصناف منتهية الصلاحية
    </div>
    <?php endif; ?>
</div>

<!-- Near Expiry Items -->
<div class="card" style="margin-bottom:20px;">
    <div style="padding:15px 20px;border-bottom:2px solid #D97706;display:flex;align-items:center;gap:8px;">
        <i data-lucide="clock" style="width:20px;height:20px;color:#D97706;"></i>
        <h3 style="margin:0;color:#D97706;">أصناف قاربت على الانتهاء (خلال <?= (int) ($days ?? 30) ?> يوم)</h3>
        <span style="display:inline-block;padding:2px 10px;border-radius:10px;font-size:12px;font-weight:600;background:#FEF3C7;color:#D97706;margin-right:8px;"><?= count($nearExpiry) ?></span>
    </div>
    <?php if (!empty($nearExpiry)): ?>
    <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 ($nearExpiry as $item): ?>
                <tr style="background:#FFFBEB;">
                    <td style="font-weight:600;"><?= e($item['item_name']) ?></td>
                    <td style="direction:ltr;text-align:right;font-family:monospace;font-size:13px;"><?= e($item['sku'] ?? '—') ?></td>
                    <td><?= e($item['warehouse_name']) ?></td>
                    <td style="font-family:monospace;font-size:13px;"><?= e($item['batch_number'] ?? '—') ?></td>
                    <td style="color:#D97706;font-weight:600;"><?= e($item['expiry_date']) ?></td>
                    <td style="font-weight:700;"><?= number_format((float) ($item['quantity'] ?? 0)) ?></td>
                </tr>
                <?php endforeach; ?>
            </tbody>
        </table>
    </div>
    <?php else: ?>
    <div style="padding:30px;text-align:center;color:#059669;font-size:14px;">
        <i data-lucide="check-circle" style="width:24px;height:24px;vertical-align:middle;margin-left:6px;color:#059669;"></i>
        لا توجد أصناف قاربت على الانتهاء
    </div>
    <?php endif; ?>
</div>

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