<?php
$page_title = 'Command Center Wall';
require_once __DIR__ . '/../config.php';
if (session_status() === PHP_SESSION_NONE) { session_start(); }
if (!isset($_SESSION['admin_id'])) { redirect(SITE_URL . '/admin/login.php'); }
require_once __DIR__ . '/header.php';
?>
<div style="background:#0f172a; border-radius:16px; padding:30px; color:#fff; margin-bottom:24px; position:relative; overflow:hidden;">
    <div style="position:relative; z-index:2;">
        <h2 style="font-size:2rem; margin:0 0 5px; font-family:'Outfit',sans-serif;">Command Center Wall</h2>
        <p style="color:#94a3b8; font-size:0.95rem; margin:0 0 25px;">Large-screen operations board for enterprise-wide visibility.</p>
        <div style="display:grid; grid-template-columns:repeat(4,1fr); gap:15px;">
            <div style="background:rgba(255,255,255,0.05); padding:15px; border-radius:10px; border:1px solid rgba(255,255,255,0.1); text-align:center;">
                <div style="color:#94a3b8; font-size:0.75rem; text-transform:uppercase; margin-bottom:8px;">Revenue Today</div>
                <div style="font-size:1.8rem; font-weight:700; color:#10b981;">₹2.4 Cr</div>
            </div>
            <div style="background:rgba(255,255,255,0.05); padding:15px; border-radius:10px; border:1px solid rgba(255,255,255,0.1); text-align:center;">
                <div style="color:#94a3b8; font-size:0.75rem; text-transform:uppercase; margin-bottom:8px;">Factory Output</div>
                <div style="font-size:1.8rem; font-weight:700; color:#38bdf8;">14,250</div>
            </div>
            <div style="background:rgba(255,255,255,0.05); padding:15px; border-radius:10px; border:1px solid rgba(255,255,255,0.1); text-align:center;">
                <div style="color:#94a3b8; font-size:0.75rem; text-transform:uppercase; margin-bottom:8px;">Orders Active</div>
                <div style="font-size:1.8rem; font-weight:700; color:#f59e0b;">342</div>
            </div>
            <div style="background:rgba(255,255,255,0.05); padding:15px; border-radius:10px; border:1px solid rgba(255,255,255,0.1); text-align:center; border-left:3px solid #ef4444;">
                <div style="color:#94a3b8; font-size:0.75rem; text-transform:uppercase; margin-bottom:8px;">Alerts</div>
                <div style="font-size:1.8rem; font-weight:700; color:#ef4444;">4</div>
            </div>
        </div>
    </div>
    <div style="position:absolute; top:-40px; right:-40px; opacity:0.05;"><i class="fas fa-desktop" style="font-size:20rem;"></i></div>
</div>
<div class="grid-4" style="margin-bottom:24px; gap:20px;">
    <?php
    $screens = [
        ['Plant Live Screen', 'fas fa-industry', '#f59e0b', '3 Lines Active', '98% Efficiency'],
        ['Sales War Room', 'fas fa-chart-bar', '#10b981', '₹45 Cr Pipeline', '28 Deals Active'],
        ['Crisis Room', 'fas fa-exclamation-circle', '#ef4444', '0 Active Crises', 'All Clear'],
        ['Executive KPI Wall', 'fas fa-th', '#8b5cf6', '24 KPIs Live', 'Auto-Refresh 30s'],
    ];
    foreach ($screens as $s): ?>
    <div style="background:#fff; border-radius:12px; border:1px solid #e2e8f0; padding:25px; text-align:center; cursor:pointer; transition:all 0.3s;" onmouseover="this.style.transform='translateY(-4px)'; this.style.boxShadow='0 8px 25px rgba(0,0,0,0.1)'" onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='none'">
        <div style="width:55px; height:55px; border-radius:14px; background:<?= $s[2] ?>15; display:flex; align-items:center; justify-content:center; margin:0 auto 12px;">
            <i class="<?= $s[1] ?>" style="font-size:1.4rem; color:<?= $s[2] ?>;"></i>
        </div>
        <h3 style="margin:0 0 5px; color:#0f172a; font-size:0.95rem;"><?= $s[0] ?></h3>
        <p style="font-size:0.75rem; color:#94a3b8; margin:0 0 8px;"><?= $s[3] ?></p>
        <span style="background:<?= $s[2] ?>15; color:<?= $s[2] ?>; padding:4px 10px; border-radius:8px; font-size:0.7rem; font-weight:bold;"><?= $s[4] ?></span>
    </div>
    <?php endforeach; ?>
</div>
<?php require_once __DIR__ . '/footer.php'; ?>
