<?php
require_once dirname(__DIR__).'/config.php';
$u = current_user();
if (!$u) { header('Location: ' . url('?login=1')); exit; }
?><!DOCTYPE html>
<html lang="ar" dir="rtl">
<head>
  <meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1,viewport-fit=cover">
  <title>سوقي — سودانا</title>
  <style>
    :root{--g:#0ea5e9;--dark:#073328;--bg:#f0fdf4;--card:#fff;--text:#1e293b;--muted:#64748b;--border:#e2e8f0;--safe-bottom:env(safe-area-inset-bottom,0px)}
    *{box-sizing:border-box;margin:0;padding:0}
    body{font-family:'Cairo','Noto Sans Arabic',system-ui,sans-serif;background:var(--bg);min-height:100vh;padding-bottom:calc(70px + var(--safe-bottom))}
    .hdr{background:var(--dark);height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;position:sticky;top:0;z-index:100}
    .logo{color:#fff;font-weight:900}.back{color:rgba(255,255,255,.6);font-size:.82rem;text-decoration:none}
    .hero{background:linear-gradient(135deg,var(--dark),#0a2a1a);padding:40px 20px;text-align:center}
    .hero-emoji{font-size:3rem;margin-bottom:12px}
    .hero h1{color:#fff;font-size:1.4rem;font-weight:900;margin-bottom:8px}
    .hero p{color:rgba(255,255,255,.65);font-size:.85rem;line-height:1.65;max-width:420px;margin:0 auto 20px}
    .cta-btn{background:var(--g);color:#fff;border:none;border-radius:12px;padding:13px 28px;font-family:inherit;font-weight:800;font-size:.9rem;cursor:pointer}
    .coming-badge{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:5px 14px;color:rgba(255,255,255,.7);font-size:.75rem;display:inline-block;margin-bottom:12px}
    .container{max-width:640px;margin:0 auto;padding:24px 16px;text-align:center}
    .feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:20px;text-align:right}
    .feat{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:14px}
    .feat-icon{font-size:1.4rem;margin-bottom:6px}
    .feat-title{font-weight:700;font-size:.82rem;margin-bottom:3px}
    .feat-desc{font-size:.72rem;color:var(--muted)}
    .bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--border);display:flex;padding:8px 0 calc(8px + var(--safe-bottom));z-index:100}
    .nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;text-decoration:none;color:var(--muted);font-size:.62rem;padding:4px 0}
    .nav-item.active{color:var(--g)}.nav-icon{font-size:1.2rem}
  </style>
</head>
<body>
<header class="hdr">
  <div class="logo">🛒 سوقي</div>
  <a href="/app/dashboard.php" class="back">← الرئيسية</a>
</header>
<div class="hero">
  <div class="coming-badge">⚡ قادم قريباً</div>
  <div class="hero-emoji">🛒</div>
  <h1>سوقي في سودانا</h1>
  <p>بيع وتنظيم منتجاتك اليومية في السوق<br>نعمل على إطلاقه قريباً.</p>
  <button class="cta-btn" onclick="notify()">أبلِغني عند الإطلاق</button>
</div>
<div class="container">
  <p style="color:var(--muted);font-size:.85rem">هل عندك اقتراح لما يجب أن يتضمنه سوقي؟</p>
  <button style="background:var(--g);color:#fff;border:none;border-radius:10px;padding:10px 20px;font-family:inherit;font-weight:700;font-size:.85rem;cursor:pointer;margin-top:12px" onclick="window.location.href='/app/suggestions.php'">
    💡 أضِف اقتراحك
  </button>
</div>
<nav class="bottom-nav">
  <a href="/app/dashboard.php" class="nav-item"><span class="nav-icon">🏠</span><span>الرئيسية</span></a>
  <a href="/app/services.php"  class="nav-item"><span class="nav-icon">⚡</span><span>الخدمات</span></a>
  <a href="/app/suggestions.php" class="nav-item"><span class="nav-icon">💡</span><span>اقتراح</span></a>
  <a href="/app/notifications.php" class="nav-item"><span class="nav-icon">🔔</span><span>إشعارات</span></a>
  <a href="/app/profile.php" class="nav-item"><span class="nav-icon">👤</span><span>حسابي</span></a>
</nav>
<script>
async function notify(){
  try{
    await fetch('/api/suggestions/create.php',{
      method:'POST',headers:{'Content-Type':'application/json'},
      body:JSON.stringify({type:'new_service',title:'إطلاق سوقي',description:'أريد الاشتراك في سوقي عند إطلاقه',service:'market-sell'  })
    });
  }catch(e){}
  alert('✅ سنبلغك فور الإطلاق!');
}
</script>
</body>
</html>