<?php
require_once dirname(__DIR__).'/config.php';
$u = current_user(); if(!$u){header('Location: ' . url('?login=1'));exit;}
$greeting = (date('H')<12) ? 'صباح الخير' : ((date('H')<18) ? 'مساء الخير' : 'مساء النور');
?><!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:#00d97e;--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;-webkit-tap-highlight-color:transparent}
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;font-size:1rem}
.hdr-r{display:flex;align-items:center;gap:12px}
.notif{color:rgba(255,255,255,.65);font-size:1.2rem;text-decoration:none}
.avatar{width:32px;height:32px;border-radius:50%;background:var(--g);display:flex;align-items:center;justify-content:center;color:var(--dark);font-weight:900;font-size:.85rem;text-decoration:none}
.hero{background:linear-gradient(135deg,var(--dark),#0a4f35);padding:20px 16px 16px}
.hero-greet{color:rgba(255,255,255,.6);font-size:.78rem;margin-bottom:2px}
.hero-name{color:#fff;font-size:1.2rem;font-weight:900;margin-bottom:12px}
.pay-w{background:rgba(255,255,255,.08);border-radius:14px;padding:14px;display:flex;justify-content:space-between;align-items:center}
.pw-l .pw-lbl{font-size:.68rem;color:rgba(255,255,255,.55);margin-bottom:2px}
.pw-l .pw-val{font-size:1.4rem;font-weight:900;color:#fff;letter-spacing:-0.5px}
.pw-r{display:flex;gap:8px}
.pw-btn{background:var(--g);border:none;border-radius:10px;padding:8px 14px;color:var(--dark);font-family:inherit;font-weight:800;font-size:.75rem;cursor:pointer;text-decoration:none}
.pw-btn.out{background:rgba(255,255,255,.12);color:#fff}
.srch{padding:12px 16px;background:var(--dark)}
.srch input{width:100%;background:rgba(255,255,255,.1);border:none;border-radius:12px;padding:10px 14px;color:#fff;font-family:inherit;font-size:.88rem}
.srch input::placeholder{color:rgba(255,255,255,.4)}
.srch input:focus{outline:none;background:rgba(255,255,255,.15)}
.wrap{max-width:720px;margin:0 auto;padding:0 12px}
.sec-t{font-size:.85rem;font-weight:800;color:var(--dark);padding:14px 4px 8px}
.g4{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding-bottom:8px}
.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding-bottom:8px}
.sb{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:14px 8px;text-align:center;text-decoration:none;display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer;transition:.15s}
.sb:active{transform:scale(.95)}
.si{font-size:1.5rem}.sl{font-size:.67rem;font-weight:700;color:var(--text);line-height:1.3}
.badge{background:var(--g);color:var(--dark);border-radius:20px;padding:1px 7px;font-size:.6rem;font-weight:900;margin-top:2px}
.ai-box{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:14px;margin:10px 0;display:none}
.ai-ans{font-size:.83rem;line-height:1.8;color:var(--text)}
.ai-act{display:inline-block;margin-top:8px;background:var(--dark);color:#fff;border-radius:8px;padding:8px 16px;font-size:.78rem;font-weight:700;text-decoration:none}
.bnav{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}
.ni{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;text-decoration:none;color:var(--muted);font-size:.6rem;padding:4px 0}
.ni.a{color:var(--g)}.ni-i{font-size:1.15rem}
</style></head><body>
<header class="hdr">
  <div class="logo">&#127775; سودانا Hub</div>
  <div class="hdr-r">
    <a href="/app/notifications.php" class="notif">&#128276;</a>
    <a href="/app/profile.php" class="avatar" id="av">؟</a>
  </div>
</header>
<div class="hero">
  <div class="hero-greet"><?= htmlspecialchars($greeting) ?></div>
  <div class="hero-name" id="uname">جاري التحميل...</div>
  <div class="pay-w">
    <div class="pw-l"><div class="pw-lbl">رصيد Sudanna Pay</div><div class="pw-val" id="bal">— SDG</div></div>
    <div class="pw-r">
      <a href="/app/pay-send.php" class="pw-btn">&#8593; أرسل</a>
      <a href="/app/pay.php" class="pw-btn out">المحفظة</a>
    </div>
  </div>
</div>
<div class="srch">
  <input type="text" id="sq" placeholder="&#128269; اسأل سودانا... رصيدي، كهرباء، استثمار، صيدلية..." onkeydown="if(event.key==='Enter')ask()">
</div>
<div class="ai-box" id="ai-box"><div class="ai-ans" id="ai-ans"></div></div>
<div class="wrap">
  <div class="sec-t">&#128179; Sudanna Pay</div>
  <div class="g4">
    <a href="/app/pay-send.php" class="sb"><div class="si">&#128184;</div><div class="sl">أرسل مال</div></a>
    <a href="/app/pay-receive.php" class="sb"><div class="si">&#128247;</div><div class="sl">QR استقبال</div></a>
    <a href="/app/pay-bills.php" class="sb"><div class="si">&#128196;</div><div class="sl">فواتير</div></a>
    <a href="/app/pay-gov.php" class="sb"><div class="si">&#127963;</div><div class="sl">حكومي</div></a>
  </div>
  <div class="g4">
    <a href="/app/invest/index.php" class="sb"><div class="si">&#128185;</div><div class="sl">استثمار</div><div class="badge">إسلامي</div></a>
    <a href="/app/rosca.php" class="sb"><div class="si">&#128260;</div><div class="sl">صندوق</div></a>
    <a href="/app/zakat.php" class="sb"><div class="si">&#128332;</div><div class="sl">زكاة</div></a>
    <a href="/app/pay-gifts.php" class="sb"><div class="si">&#127873;</div><div class="sl">هدية</div></a>
  </div>
  <div class="sec-t">&#129302; المساعدون</div>
  <div class="g3">
    <a href="/app/medical.php" class="sb"><div class="si">&#9877;</div><div class="sl">طبي</div></a>
    <a href="/app/family.php" class="sb"><div class="si">&#128106;</div><div class="sl">الأسرة</div></a>
    <a href="/app/pharmacy.php" class="sb"><div class="si">&#128138;</div><div class="sl">صيدلية</div></a>
    <a href="/app/education.php" class="sb"><div class="si">&#128218;</div><div class="sl">تعليم</div></a>
    <a href="/app/career.php" class="sb"><div class="si">&#128188;</div><div class="sl">وظائف</div></a>
    <a href="/app/legal.php" class="sb"><div class="si">&#9878;</div><div class="sl">قانوني</div></a>
  </div>
  <div class="sec-t">&#127757; المجتمع والخدمات</div>
  <div class="g3">
    <a href="/app/market.php" class="sb"><div class="si">&#128722;</div><div class="sl">السوق</div></a>
    <a href="/app/services.php" class="sb"><div class="si">&#128295;</div><div class="sl">خدمات</div></a>
    <a href="/app/community.php" class="sb"><div class="si">&#127968;</div><div class="sl">المجتمع</div></a>
    <a href="/app/agriculture.php" class="sb"><div class="si">&#127806;</div><div class="sl">زراعة</div></a>
    <a href="/app/merchant-portal.php" class="sb"><div class="si">&#127978;</div><div class="sl">تاجر</div><div class="badge">جديد</div></a>
    <a href="/app/bde.php" class="sb"><div class="si">&#128161;</div><div class="sl">مطور أعمال</div></a>
  </div>
</div>

    
    <!-- ══ خدمات إضافية في Hub ══ -->
    <div class="sec-t">&#127775; المزيد من الخدمات</div>
    <div class="g4" style="margin-bottom:8px">
      <a href="/app/mental.php" class="sb"><div class="si">&#128149;</div><div class="sl">صحة نفسية</div></a>
      <a href="/app/craft.php" class="sb"><div class="si">&#129525;</div><div class="sl">حرف يدوية</div></a>
      <a href="/app/bazaar.php" class="sb"><div class="si">&#128717;</div><div class="sl">البازار</div></a>
      <a href="/app/developer.php" class="sb"><div class="si">&#9889;</div><div class="sl">المطورون</div><div class="badge">API</div></a>
    </div>
    <div class="g4">
      <a href="/app/provider-register.php" class="sb"><div class="si">&#128100;</div><div class="sl">كن مزوداً</div></a>
      <a href="/app/suggestions.php" class="sb"><div class="si">&#128161;</div><div class="sl">مقترحاتك</div></a>
      <a href="/app/achievements.php" class="sb"><div class="si">&#127942;</div><div class="sl">إنجازاتك</div></a>
      <a href="/app/neighborhood.php" class="sb"><div class="si">&#127968;</div><div class="sl">حيّك</div></a>
    </div>

    <!-- ══ وكلاء (template — يُفعَّل عند اكتمال الشبكة) ══ -->
    <div class="sec-t" style="display:flex;justify-content:space-between;align-items:center">
      <span>&#128198; خدمات إضافية</span>
    </div>
    <div class="g4">
      <a href="/app/pay-agents.php" class="sb" style="opacity:.6">
        <div class="si">&#127981;</div><div class="sl">وكلاء</div>
        <div style="font-size:.6rem;color:#f59e0b;margin-top:2px">قريباً</div>
      </a>
      <a href="/app/pay-history.php" class="sb">
        <div class="si">&#128196;</div><div class="sl">السجل</div>
      </a>
      <a href="/app/support.php" class="sb">
        <div class="si">&#127993;</div><div class="sl">الدعم</div>
      </a>
      <a href="/app/settings.php" class="sb">
        <div class="si">&#9881;</div><div class="sl">إعدادات</div>
      </a>
    </div>

    <!-- ══ تعريف Sudanna Pay ══ -->
    <div style="background:linear-gradient(135deg,#073328,#0a3d2a);border-radius:16px;padding:16px;margin:12px 0">
      <div style="color:#00d97e;font-weight:900;font-size:.9rem;margin-bottom:8px">&#128179; ما هو Sudanna Pay؟</div>
      <div style="color:rgba(255,255,255,.8);font-size:.78rem;line-height:1.8">
        محفظة رقمية ذكية — أرسل واستقبل فوراً، ادفع فواتير، خدمات حكومية، استثمر، وأكثر.
        <br>الأموال محمية في المؤسسة المالية الشريكة — سودانا تحرّك فقط.
      </div>
      <div style="display:flex;gap:12px;margin-top:10px;flex-wrap:wrap">
        <span style="font-size:.7rem;color:#00d97e">&#9989; آمن ومشفر</span>
        <span style="font-size:.7rem;color:#00d97e">&#9989; لا رسوم على التحويل</span>
        <span style="font-size:.7rem;color:#00d97e">&#9989; فوري 24/7</span>
      </div>
    </div>

<nav class="bnav">
  <a href="/app/hub.php" class="ni a"><span class="ni-i">&#127968;</span><span>الهب</span></a>
  <a href="/app/pay.php" class="ni"><span class="ni-i">&#128179;</span><span>Pay</span></a>
  <a href="/app/invest/index.php" class="ni"><span class="ni-i">&#128185;</span><span>استثمار</span></a>
  <a href="/app/community.php" class="ni"><span class="ni-i">&#127968;</span><span>مجتمع</span></a>
  <a href="/app/profile.php" class="ni"><span class="ni-i">&#128100;</span><span>حسابي</span></a>
</nav>
<script>
const fmt=n=>Number(n||0).toLocaleString('ar-SA');
async function init(){
  try{
    const r=await fetch('/api/pay/dashboard.php');
    const d=await r.json();
    const bal=d.data?.available??d.data?.balance??0;
    document.getElementById('bal').textContent=fmt(bal)+' SDG';
  }catch(e){}
  try{
    const r=await fetch('/api/user/profile.php');
    const d=await r.json();
    const n=(d.data?.name||d.name||'مرحباً').split(' ')[0];
    document.getElementById('uname').textContent=n;
    document.getElementById('av').textContent=n[0]||'؟';
  }catch(e){document.getElementById('uname').textContent='مرحباً بك';}
}
async function ask(){
  const q=document.getElementById('sq').value.trim();
  if(!q)return;
  const box=document.getElementById('ai-box');
  const ans=document.getElementById('ai-ans');
  box.style.display='block';
  ans.innerHTML='<span style="color:var(--muted)">&#9203; جاري التفكير...</span>';
  try{
    const r=await fetch('/api/visitor_ask.php',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({question:q})});
    const d=await r.json();
    const txt=(d.answer||d.message||'لم أجد إجابة').replace(/\n/g,'<br>').replace(/\*\*([^*]+)\*\*/g,'<b>$1</b>');
    ans.innerHTML=txt;
    if(d.action_button){
      ans.innerHTML+='<br><a href="'+d.action_button.url+'" class="ai-act">'+d.action_button.label+' \u2190</a>';
    }
    document.getElementById('sq').value='';
  }catch(e){ans.innerHTML='<span style="color:#dc2626">تعذّر الاتصال</span>';}
}
init();
</script>
</body></html>