<?php
$page_title = 'Enterprise / Corporate Login';
require_once __DIR__ . '/header.php';
?>
<div style="display:flex; justify-content:space-between; align-items:center; margin-bottom:24px;">
    <div>
        <h2 style="font-family:'Outfit',sans-serif; font-size:1.8rem; color:#0f172a; margin:0;"><i class="fas fa-building" style="color:#0f172a; margin-right:10px;"></i>Enterprise Procurement</h2>
        <p style="color:#64748b; font-size:0.95rem; margin-top:5px;">Corporate procurement dashboard, team approvals, budget control, and vendor comparison.</p>
    </div>
</div>
<div class="grid-4" style="margin-bottom:24px;">
    <div class="card" style="margin-bottom:0; border-top:4px solid #0f172a;">
        <div style="color:#64748b; font-size:0.8rem; font-weight:600; margin-bottom:8px;">PROCUREMENT BUDGET</div>
        <div style="font-size:1.4rem; font-weight:700; color:#0f172a;">₹25L</div>
        <div style="color:#10b981; font-size:0.8rem; margin-top:5px;"><i class="fas fa-chart-pie"></i> ₹18.4L Remaining</div>
    </div>
    <div class="card" style="margin-bottom:0; border-top:4px solid #10b981;">
        <div style="color:#64748b; font-size:0.8rem; font-weight:600; margin-bottom:8px;">ACTIVE POs</div>
        <div style="font-size:1.4rem; font-weight:700; color:#10b981;">8</div>
        <div style="color:#10b981; font-size:0.8rem; margin-top:5px;"><i class="fas fa-file-alt"></i> ₹6.6L Value</div>
    </div>
    <div class="card" style="margin-bottom:0; border-top:4px solid #f59e0b;">
        <div style="color:#64748b; font-size:0.8rem; font-weight:600; margin-bottom:8px;">PENDING APPROVALS</div>
        <div style="font-size:1.4rem; font-weight:700; color:#f59e0b;">3</div>
        <div style="color:#f59e0b; font-size:0.8rem; margin-top:5px;"><i class="fas fa-clock"></i> Awaiting Manager</div>
    </div>
    <div class="card" style="margin-bottom:0; border-top:4px solid #3b82f6;">
        <div style="color:#64748b; font-size:0.8rem; font-weight:600; margin-bottom:8px;">CONTRACT RENEWALS</div>
        <div style="font-size:1.4rem; font-weight:700; color:#3b82f6;">2</div>
        <div style="color:#ef4444; font-size:0.8rem; margin-top:5px;"><i class="fas fa-bell"></i> Due in 30 days</div>
    </div>
</div>
<div class="grid-2">
    <div class="card">
        <h3 style="margin:0 0 15px; font-size:1.15rem; color:#0f172a;"><i class="fas fa-tasks" style="color:#0f172a; margin-right:8px;"></i>Purchase Order Workflow</h3>
        <?php
        $pos = [
            ['PO-2024-0085', 'Kitchen Sinks ×50', '₹4.2L', 'Approved', '#10b981'],
            ['PO-2024-0086', 'Faucets ×30', '₹1.26L', 'Manager Review', '#f59e0b'],
            ['PO-2024-0087', 'Accessories Bundle', '₹84K', 'Budget Check', '#3b82f6'],
            ['PO-2024-0088', 'Spare Parts Q2', '₹28K', 'Draft', '#64748b'],
        ];
        foreach ($pos as $p): ?>
        <div style="border:1px solid #e2e8f0; border-radius:8px; padding:12px 15px; margin-bottom:8px; display:flex; justify-content:space-between; align-items:center;">
            <div>
                <div style="font-weight:600; font-size:0.85rem;"><?= $p[0] ?> — <?= $p[1] ?></div>
                <div style="font-size:0.75rem; color:#94a3b8;">Value: <?= $p[2] ?></div>
            </div>
            <span style="background:<?= $p[4] ?>15; color:<?= $p[4] ?>; padding:3px 8px; border-radius:6px; font-size:0.7rem; font-weight:bold;"><?= $p[3] ?></span>
        </div>
        <?php endforeach; ?>
    </div>
    <div class="card" style="background:linear-gradient(135deg,#0f172a,#1e293b); color:#fff;">
        <h3 style="margin:0 0 15px; font-size:1.15rem;"><i class="fas fa-balance-scale"></i> Vendor Comparison</h3>
        <div style="display:flex; justify-content:space-between; font-size:0.8rem; padding:8px 0; border-bottom:1px solid rgba(255,255,255,0.1);">
            <span style="color:#94a3b8;">Metric</span>
            <span style="color:#38bdf8; font-weight:bold;">Balimeen</span>
            <span style="color:#94a3b8;">Alt Vendor</span>
        </div>
        <div style="display:flex; justify-content:space-between; font-size:0.85rem; padding:10px 0; border-bottom:1px solid rgba(255,255,255,0.1);">
            <span>Price/unit</span><span style="font-weight:bold; color:#10b981;">₹8,450</span><span>₹9,200</span>
        </div>
        <div style="display:flex; justify-content:space-between; font-size:0.85rem; padding:10px 0; border-bottom:1px solid rgba(255,255,255,0.1);">
            <span>Quality</span><span style="font-weight:bold; color:#10b981;">SS 304</span><span>SS 202</span>
        </div>
        <div style="display:flex; justify-content:space-between; font-size:0.85rem; padding:10px 0; border-bottom:1px solid rgba(255,255,255,0.1);">
            <span>Warranty</span><span style="font-weight:bold; color:#10b981;">10 yr</span><span>5 yr</span>
        </div>
        <div style="display:flex; justify-content:space-between; font-size:0.85rem; padding:10px 0;">
            <span>Delivery</span><span style="font-weight:bold; color:#10b981;">3 days</span><span>7 days</span>
        </div>
    </div>
</div>
<?php require_once __DIR__ . '/../includes/footer.php'; ?>
