<?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:#00d97e;--dark:#073328;--bg:#f0fdf4;--card:#fff;--text:#1e293b;--muted:#64748b;--border:#e2e8f0;--gold:#f59e0b;--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}.back{color:rgba(255,255,255,.6);font-size:.82rem;text-decoration:none}
.hero{background:linear-gradient(135deg,var(--dark),#0a2a1a);padding:24px 16px;text-align:center}
.hero h1{color:#fff;font-size:1.2rem;font-weight:900;margin-bottom:6px}
.hero p{color:rgba(255,255,255,.6);font-size:.78rem}
.container{max-width:720px;margin:0 auto;padding:16px}
.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}
.stat{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:14px;text-align:center}
.stat-val{font-size:1.2rem;font-weight:900;color:var(--dark);margin-bottom:4px}
.stat-lbl{font-size:.67rem;color:var(--muted)}
.section{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:16px;margin-bottom:14px}
.sec-title{font-size:.9rem;font-weight:800;color:var(--dark);margin-bottom:12px}
.qr-box{background:#f8fafc;border-radius:12px;padding:20px;text-align:center}
.qr-placeholder{width:160px;height:160px;background:var(--dark);border-radius:12px;margin:0 auto 12px;display:flex;align-items:center;justify-content:center;font-size:.75rem;color:rgba(255,255,255,.6);padding:8px}
.btn{background:linear-gradient(135deg,var(--g),#059669);color:#fff;border:none;border-radius:10px;padding:11px 20px;font-family:inherit;font-weight:700;font-size:.85rem;cursor:pointer;width:100%;margin-top:8px}
.btn-outline{background:transparent;color:var(--g);border:1.5px solid var(--g);border-radius:10px;padding:10px 20px;font-family:inherit;font-weight:700;font-size:.85rem;cursor:pointer;width:100%;margin-top:8px}
.register-form .field{margin-bottom:12px}
.register-form label{display:block;font-size:.75rem;font-weight:700;color:var(--muted);margin-bottom:4px}
.register-form input,.register-form select{width:100%;background:#f8fafc;border:1.5px solid var(--border);border-radius:10px;padding:10px 12px;font-family:inherit;font-size:15px}
.tier-badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:.72rem;font-weight:700}
.tier-basic{background:#f1f5f9;color:var(--muted)}
.tier-silver{background:#f1f5f9;color:#64748b}
.tier-gold{background:#fef3c7;color:#92400e}
.tier-platinum{background:#ede9fe;color:#5b21b6}
.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/pay.php" class="back">← Sudanna Pay</a></header>
<div class="hero"><h1>🏪 ادر متجرك رقمياً</h1><p>استقبل المدفوعات — تتبع المبيعات — تسوية يومية</p></div>
<div class="container" id="main-content">
  <div id="loading-state"><div style="text-align:center;padding:40px;color:var(--muted)">جاري التحميل...</div></div>
</div>
<nav class="bottom-nav">
  <a href="/app/dashboard.php" class="nav-item"><span class="nav-icon">🏠</span><span>الرئيسية</span></a>
  <a href="/app/pay.php" class="nav-item"><span class="nav-icon">💳</span><span>Pay</span></a>
  <a href="/app/merchant-portal.php" class="nav-item active"><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>
const fmtSDG=n=>Number(n||0).toLocaleString('ar-SA');
const tierLabels={basic:'أساسي',silver:'فضي',gold:'ذهبي',platinum:'بلاتيني'};
const typeLabels={pharmacy:'صيدلية',supermarket:'سوبرماركت',clinic:'عيادة',hospital:'مستشفى',restaurant:'مطعم',cafe:'مقهى',school:'مدرسة',university:'جامعة',workshop:'ورشة',transport:'نقل',other:'أخرى'};

async function init(){
  try{
    const r=await fetch('/api/merchant/dashboard.php');
    const d=await r.json();
    if(d.data?.merchant){renderDashboard(d.data);}
    else{renderRegister();}
  }catch(e){renderRegister();}
}

function renderDashboard(data){
  const m=data.merchant;
  document.getElementById('main-content').innerHTML=`
    <div class="stats-grid">
      <div class="stat"><div class="stat-val">${fmtSDG(data.today_gross)}</div><div class="stat-lbl">SDG اليوم</div></div>
      <div class="stat"><div class="stat-val">${data.today_count}</div><div class="stat-lbl">معاملة اليوم</div></div>
      <div class="stat"><div class="stat-val">${fmtSDG(data.month_gross)}</div><div class="stat-lbl">SDG الشهر</div></div>
    </div>
    <div class="section">
      <div class="sec-title">معلومات المتجر</div>
      <p style="font-weight:700;margin-bottom:4px">${m.business_name}</p>
      <p style="color:var(--muted);font-size:.8rem;margin-bottom:6px">${typeLabels[m.business_type]||m.business_type} — ${m.city||''}</p>
      <span class="tier-badge tier-${m.tier}">${tierLabels[m.tier]||m.tier}</span>
    </div>
    <div class="section">
      <div class="sec-title">🔲 QR الاستقبال الثابت</div>
      <div class="qr-box">
        <div class="qr-placeholder">امسح هذا الرمز للدفع<br>${m.business_name}</div>
        <p style="font-size:.75rem;color:var(--muted);margin-bottom:8px">رمز التاجر: ${m.merchant_code}</p>
        <button class="btn" onclick="generateQR()">إعادة توليد QR</button>
        <button class="btn-outline" onclick="shareQR()">مشاركة الرمز</button>
      </div>
    </div>
  `;
}

function renderRegister(){
  document.getElementById('main-content').innerHTML=`
    <div class="section">
      <div class="sec-title">📝 سجِّل متجرك</div>
      <div class="register-form">
        <div class="field"><label>اسم المتجر *</label><input type="text" id="bname" placeholder="مثال: صيدلية الشفاء"></div>
        <div class="field"><label>نوع النشاط *</label>
          <select id="btype">
            <option value="pharmacy">🏥 صيدلية</option>
            <option value="supermarket">🛒 سوبرماركت</option>
            <option value="clinic">⚕️ عيادة</option>
            <option value="restaurant">🍲 مطعم</option>
            <option value="school">🎓 مدرسة</option>
            <option value="workshop">🔧 ورشة</option>
            <option value="transport">🚗 نقل</option>
            <option value="other">📦 أخرى</option>
          </select></div>
        <div class="field"><label>المدينة</label><input type="text" id="bcity" placeholder="الخرطوم"></div>
        <div class="field"><label>العنوان التفصيلي</label><input type="text" id="baddr" placeholder="الحي، الشارع"></div>
        <div class="field"><label>رقم السجل التجاري (اختياري)</label><input type="text" id="blicense"></div>
        <button class="btn" onclick="doRegister()">سجِّل متجري الآن</button>
      </div>
    </div>
  `;
}

async function doRegister(){
  const btn=document.querySelector('.btn');
  btn.disabled=true;btn.textContent='جاري التسجيل...';
  try{
    const r=await fetch('/api/merchant/register.php',{method:'POST',headers:{'Content-Type':'application/json'},
      body:JSON.stringify({business_name:document.getElementById('bname').value,business_type:document.getElementById('btype').value,city:document.getElementById('bcity').value,address:document.getElementById('baddr').value,license_no:document.getElementById('blicense').value})});
    const d=await r.json();
    if(d.ok){alert('✅ تم تسجيل متجرك! ستُراجَع الطلب خلال 24 ساعة.');location.reload();}
    else{alert('❌ '+(d.error||'حدث خطأ'));btn.disabled=false;btn.textContent='سجِّل متجري الآن';}
  }catch(e){btn.disabled=false;btn.textContent='سجِّل متجري الآن';}
}

async function generateQR(){
  const r=await fetch('/api/pay/qr_generate.php',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({type:'static'})});
  const d=await r.json();
  if(d.ok)alert('✅ تم توليد QR الجديد: '+d.qr_token);
}

function shareQR(){if(navigator.share)navigator.share({title:'QR التاجر',text:'ادفع لمتجرنا عبر Sudanna Pay'});else alert('انسخ رابط المتجر وشاركه.');}

init();
</script></body></html>