<?php
$page_title = 'Future Stack (IoT/Web3)';
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="display:flex; justify-content:space-between; align-items:center; margin-bottom:24px;">
    <h2 style="font-family:'Outfit', sans-serif; font-size:1.8rem; color:#0f172a; margin:0;"><i class="fas fa-rocket" style="color:#6366f1; margin-right:10px;"></i>Balimeen Future Stack</h2>
    <p style="color:#64748b; font-size:0.95rem; margin-top:5px; margin-bottom:0;">Emerging technologies actively deployed across the enterprise.</p>
</div>

<div class="grid-4" style="gap:24px;">
    <!-- IoT Sinks -->
    <div style="background:#fff; border-radius:12px; border:1px solid #e2e8f0; padding:25px; box-shadow:0 4px 6px -1px rgba(0,0,0,0.05); text-align:center;">
        <i class="fas fa-wifi" style="font-size:3rem; color:#3b82f6; margin-bottom:15px;"></i>
        <h3 style="margin:0 0 10px; color:#0f172a; font-size:1.1rem;">Smart IoT Sinks</h3>
        <p style="font-size:0.85rem; color:#64748b; margin-bottom:20px;">Telemetry data from active smart sinks deployed globally.</p>
        <div style="background:#dbeafe; color:#1d4ed8; padding:8px 12px; border-radius:8px; font-weight:bold; font-size:0.9rem;">1,240 Devices Online</div>
    </div>

    <!-- Blockchain -->
    <div style="background:#fff; border-radius:12px; border:1px solid #e2e8f0; padding:25px; box-shadow:0 4px 6px -1px rgba(0,0,0,0.05); text-align:center;">
        <i class="fas fa-link" style="font-size:3rem; color:#8b5cf6; margin-bottom:15px;"></i>
        <h3 style="margin:0 0 10px; color:#0f172a; font-size:1.1rem;">Blockchain Traceability</h3>
        <p style="font-size:0.85rem; color:#64748b; margin-bottom:20px;">Supply chain verified on ledger. Ensuring 100% material authenticity.</p>
        <button style="background:#8b5cf6; color:#fff; border:none; padding:8px 12px; border-radius:8px; font-weight:bold; font-size:0.9rem; cursor:pointer; width:100%;">View Public Ledger</button>
    </div>

    <!-- Web3 Loyalty -->
    <div style="background:#fff; border-radius:12px; border:1px solid #e2e8f0; padding:25px; box-shadow:0 4px 6px -1px rgba(0,0,0,0.05); text-align:center;">
        <i class="fas fa-coins" style="font-size:3rem; color:#f59e0b; margin-bottom:15px;"></i>
        <h3 style="margin:0 0 10px; color:#0f172a; font-size:1.1rem;">Web3 Loyalty Layer</h3>
        <p style="font-size:0.85rem; color:#64748b; margin-bottom:20px;">Tokenized rewards for top dealers via automated smart contract payouts.</p>
        <div style="background:#fef3c7; color:#b45309; padding:8px 12px; border-radius:8px; font-weight:bold; font-size:0.9rem;">Pool: 50,000 $BALI</div>
    </div>
    
    <!-- Drone Audit -->
    <div style="background:#fff; border-radius:12px; border:1px solid #e2e8f0; padding:25px; box-shadow:0 4px 6px -1px rgba(0,0,0,0.05); text-align:center;">
        <i class="fas fa-satellite-dish" style="font-size:3rem; color:#ef4444; margin-bottom:15px;"></i>
        <h3 style="margin:0 0 10px; color:#0f172a; font-size:1.1rem;">Drone Inventory Audit</h3>
        <p style="font-size:0.85rem; color:#64748b; margin-bottom:20px;">Automated warehouse scanning. 99.9% accuracy achieved last cycle.</p>
        <div style="background:#fee2e2; color:#b91c1c; padding:8px 12px; border-radius:8px; font-weight:bold; font-size:0.9rem;">Last scan: 2 hrs ago</div>
    </div>
</div>

<?php require_once __DIR__ . '/footer.php'; ?>
