<?php
require_once dirname(__DIR__).'/config.php';
$u = current_user();
if (!$u) { header('Location: ' . url('?login=1')); exit; }
$plan = $u['plan_key'] ?? 'free';
?><!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}
    .hero h1{color:#fff;font-size:1.2rem;font-weight:900;margin-bottom:6px}
    .hero p{color:rgba(255,255,255,.65);font-size:.82rem;line-height:1.6}
    .container{max-width:720px;margin:0 auto;padding:16px}
    .docs-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px}
    .doc-card{background:var(--card);border:1.5px solid var(--border);border-radius:14px;padding:16px;cursor:pointer;transition:.15s;text-decoration:none;color:inherit}
    .doc-card:active{border-color:var(--g);transform:scale(.98)}
    .doc-icon{font-size:2rem;margin-bottom:8px}
    .doc-name{font-weight:800;font-size:.88rem;margin-bottom:4px}
    .doc-desc{font-size:.72rem;color:var(--muted);line-height:1.5}
    .doc-price{font-size:.75rem;font-weight:700;color:var(--g);margin-top:6px}
    .doc-free{color:#64748b}
    .recent-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}
    .doc-item{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--border);font-size:.8rem}
    .doc-item:last-child{border:none}
    .doc-item-icon{width:32px;height:32px;background:#f0fdf4;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.9rem;flex-shrink:0}
    .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}
    .skel{background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8 50%,#f0f0f0 75%);background-size:200% 100%;animation:sk 1.4s infinite;border-radius:8px;height:60px;margin-bottom:8px}
    @keyframes sk{0%{background-position:200% 0}100%{background-position:-200% 0}}
    @media(max-width:480px){.docs-grid{grid-template-columns:1fr}}
  </style>
</head>
<body>
<header class="hdr">
  <div class="logo">📄 التوثيق التجاري</div>
  <a href="/app/dashboard.php" class="back">← الرئيسية</a>
</header>
<div class="hero">
  <h1>📄 التوثيق التجاري BDE</h1>
  <p>عقود، عروض، خطط أعمال، ودراسات جدوى — مُولَّدة بالذكاء الاصطناعي في دقائق</p>
</div>
<div class="container">
  <div class="docs-grid">
    <div class="doc-card" onclick="genDoc('contract')">
      <div class="doc-icon">📝</div>
      <div class="doc-name">عقد تجاري</div>
      <div class="doc-desc">عقود شراكة، توريد، أو خدمات</div>
      <div class="doc-price"><?php echo $plan==='free'?'<span data-price-doc="contract">5,000</span> SDG':'<span class="doc-free">مجاني برصيد الخطة</span>'; ?></div>
    </div>
    <div class="doc-card" onclick="genDoc('proposal')">
      <div class="doc-icon">📊</div>
      <div class="doc-name">عرض تجاري</div>
      <div class="doc-desc">عروض أسعار واحترافية للعملاء</div>
      <div class="doc-price"><?php echo $plan==='free'?'<span data-price-doc="proposal">5,000</span> SDG':'<span class="doc-free">مجاني برصيد الخطة</span>'; ?></div>
    </div>
    <div class="doc-card" onclick="genDoc('business_plan')">
      <div class="doc-icon">🗂️</div>
      <div class="doc-name">خطة أعمال</div>
      <div class="doc-desc">خطة متكاملة للمستثمرين والبنوك</div>
      <div class="doc-price"><?php echo $plan==='free'?'<span data-price-doc="business_plan">10,000</span> SDG':'<span class="doc-free">من رصيد الخطة</span>'; ?></div>
    </div>
    <div class="doc-card" onclick="genDoc('feasibility')">
      <div class="doc-icon">📈</div>
      <div class="doc-name">دراسة جدوى</div>
      <div class="doc-desc">تحليل مالي واقتصادي شامل</div>
      <div class="doc-price"><?php echo $plan==='free'?'<span data-price-doc="feasibility">15,000</span> SDG':'<span class="doc-free">من رصيد الخطة</span>'; ?></div>
    </div>
    <div class="doc-card" onclick="genDoc('memorandum')">
      <div class="doc-icon">📋</div>
      <div class="doc-name">مذكرة قانونية</div>
      <div class="doc-desc">مذكرات ومراسلات رسمية</div>
      <div class="doc-price"><?php echo $plan==='free'?'<span data-price-doc="memorandum">8,000</span> SDG':'<span class="doc-free">مجاني برصيد الخطة</span>'; ?></div>
    </div>
    <div class="doc-card" onclick="genDoc('company_profile')">
      <div class="doc-icon">🏢</div>
      <div class="doc-name">ملف الشركة</div>
      <div class="doc-desc">بروفايل احترافي لشركتك</div>
      <div class="doc-price"><?php echo $plan==='free'?'<span data-price-doc="company_profile">7,000</span> SDG':'<span class="doc-free">مجاني برصيد الخطة</span>'; ?></div>
    </div>
  </div>

  <div class="recent-section">
    <div class="sec-title">📂 وثائقي السابقة</div>
    <div id="recent-docs"><div class="skel"></div></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/services.php" class="nav-item"><span class="nav-icon">⚡</span><span>الخدمات</span></a>
  <a href="/app/bde.php" class="nav-item active"><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>
function genDoc(type){window.location.href='/app/flow.php?service=bde&doc_type='+type;}
async function loadRecent(){
  try{
    const r=await fetch('/api/bde/wizard.php');
    const d=await r.json();
    const docs=d.documents||d.docs||[];
    if(!docs.length){
      document.getElementById('recent-docs').innerHTML='<p style="color:var(--muted);font-size:.82rem;text-align:center;padding:12px">لا وثائق بعد — أنشئ أول وثيقة!</p>';
      return;
    }
    const typeLabels={contract:'عقد',proposal:'عرض',business_plan:'خطة أعمال',feasibility:'دراسة جدوى'};
    document.getElementById('recent-docs').innerHTML=docs.slice(0,5).map(d=>`
      <div class="doc-item">
        <div class="doc-item-icon">📄</div>
        <div style="flex:1">
          <div style="font-weight:700">${typeLabels[d.doc_type]||d.doc_type}</div>
          <div style="color:var(--muted);font-size:.72rem">${d.created_at||''}</div>
        </div>
        <a href="/api/bde/export.php?id=${d.id}" style="color:var(--g);font-size:.75rem;font-weight:700">تحميل</a>
      </div>`).join('');
  }catch(e){
    document.getElementById('recent-docs').innerHTML='<p style="color:var(--muted);font-size:.82rem">لا وثائق بعد</p>';
  }
}
loadRecent();
</script>
<script src="/assets/pricing-loader.js" defer></script>
</body>
</html>