<?php
require_once dirname(__DIR__).'/config.php';
$u = current_user(); if(!$u){header('Location: ' . url('?login=1'));exit;}
?>
require_once dirname(__DIR__).'/config.php';
$lang = $_SESSION['lang'] ?? 'ar';
$dir  = 'rtl';
?><!DOCTYPE html>
<html lang="ar" dir="rtl">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width,initial-scale=1">
  <title>حلول الشركات — سودانا</title>
  <style>
    :root{--g:#00d97e;--g2:#059669;--bg:#f0fdf4;--dark:#073328;--card:#fff;--text:#1e293b;--muted:#64748b;--border:#e2e8f0;--gold:#f59e0b}
    *{box-sizing:border-box;margin:0;padding:0}
    body{font-family:'Cairo',system-ui,sans-serif;background:var(--bg);color:var(--text);min-height:100vh}
    /* Header */
    .hdr{background:var(--dark);padding:0 20px;height:56px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100}
    .logo{font-weight:900;font-size:1.1rem;color:#fff;display:flex;align-items:center;gap:8px}
    .logo-dot{width:10px;height:10px;background:var(--g);border-radius:50%;animation:pulse 2s infinite}
    @keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}
    .back{color:rgba(255,255,255,.6);font-size:.82rem;text-decoration:none}
    /* Hero */
    .hero{background:linear-gradient(135deg,var(--dark),#0a2a1a);color:#fff;padding:40px 20px 32px;text-align:center}
    .hero h1{font-size:1.8rem;font-weight:900;margin-bottom:10px}
    .hero p{color:rgba(255,255,255,.7);font-size:.9rem;max-width:500px;margin:0 auto}
    /* Progress */
    .progress-wrap{background:rgba(0,0,0,.3);margin:20px auto 0;max-width:500px;border-radius:20px;overflow:hidden;height:6px}
    .progress-bar{height:100%;background:linear-gradient(90deg,var(--g),#34d399);border-radius:20px;transition:width .5s ease}
    .steps-nav{display:flex;justify-content:center;gap:6px;margin:14px 0 0}
    .step-dot{width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.15);color:rgba(255,255,255,.5);font-size:.72rem;font-weight:700;display:flex;align-items:center;justify-content:center;transition:.3s}
    .step-dot.active{background:var(--g);color:#000}
    .step-dot.done{background:rgba(0,217,126,.3);color:var(--g)}
    /* Container */
    .container{max-width:760px;margin:0 auto;padding:28px 20px}
    /* Phase card */
    .phase-card{background:var(--card);border-radius:20px;padding:28px;box-shadow:0 2px 16px rgba(0,0,0,.06);margin-bottom:20px;display:none}
    .phase-card.active{display:block;animation:fadeUp .4s ease}
    @keyframes fadeUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
    .phase-title{font-size:1.1rem;font-weight:900;color:var(--dark);margin-bottom:6px;display:flex;align-items:center;gap:8px}
    .phase-sub{font-size:.82rem;color:var(--muted);margin-bottom:22px}
    /* Inputs */
    .field{margin-bottom:16px}
    .field label{display:block;font-size:.78rem;font-weight:700;color:var(--muted);margin-bottom:5px;letter-spacing:.03em}
    .field input,.field select,.field textarea{width:100%;background:#f8fafc;border:1.5px solid var(--border);border-radius:10px;padding:11px 14px;font-family:inherit;font-size:.88rem;color:var(--text);transition:.2s}
    .field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--g);background:#fff;box-shadow:0 0 0 3px rgba(0,217,126,.1)}
    .field textarea{height:90px;resize:vertical}
    /* Checkboxes */
    .check-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px}
    .check-item{background:#f8fafc;border:1.5px solid var(--border);border-radius:10px;padding:10px 12px;cursor:pointer;transition:.2s;display:flex;align-items:center;gap:8px;font-size:.82rem}
    .check-item:hover{border-color:var(--g);background:#f0fdf4}
    .check-item.selected{border-color:var(--g);background:#f0fdf4;color:var(--dark);font-weight:700}
    .check-item input[type=checkbox]{accent-color:var(--g)}
    /* Buttons */
    .btn-row{display:flex;gap:10px;justify-content:space-between;margin-top:22px}
    .btn-next{background:linear-gradient(135deg,var(--g),var(--g2));color:#fff;border:none;border-radius:12px;padding:13px 28px;font-family:inherit;font-weight:800;font-size:.92rem;cursor:pointer;flex:1;transition:.2s}
    .btn-next:hover{transform:translateY(-1px);box-shadow:0 4px 14px rgba(0,217,126,.35)}
    .btn-prev{background:#f8fafc;color:var(--muted);border:1.5px solid var(--border);border-radius:12px;padding:13px 20px;font-family:inherit;font-weight:700;font-size:.88rem;cursor:pointer;transition:.2s}
    .btn-prev:hover{border-color:var(--g);color:var(--g)}
    /* Summary card */
    .summary-card{background:linear-gradient(135deg,var(--dark),#0a2a1a);color:#fff;border-radius:16px;padding:24px;margin-bottom:16px}
    .summary-stat{text-align:center}
    .summary-stat .val{font-size:1.8rem;font-weight:900;color:var(--g)}
    .summary-stat .lbl{font-size:.72rem;color:rgba(255,255,255,.6);margin-top:3px}
    .summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0}
    /* Loading */
    .spinner{width:40px;height:40px;border:3px solid rgba(0,217,126,.2);border-top-color:var(--g);border-radius:50%;animation:spin 1s linear infinite;margin:20px auto}
    @keyframes spin{to{transform:rotate(360deg)}}
    /* Success */
    .success-wrap{text-align:center;padding:40px 20px}
    .success-icon{font-size:4rem;animation:bounce .6s ease}
    @keyframes bounce{0%,100%{transform:scale(1)}50%{transform:scale(1.2)}}
    /* Responsive */
    @media(max-width:600px){.hero h1{font-size:1.3rem}.container{padding:16px}.check-grid{grid-template-columns:1fr 1fr}.btn-row{flex-direction:column-reverse}.btn-prev{width:100%}}
  </style>
</head>
<body>

<header class="hdr">
  <div class="logo"><div class="logo-dot"></div>سودانا</div>
  <a href="/" class="back">← الرئيسية</a>
</header>

<div class="hero">
  <h1>🏢 حلول الشركات والمنظمات</h1>
  <p>أخبرنا عن احتياجاتك — مساعدنا الذكي يُصمِّم الحل المناسب لك</p>
  <div class="progress-wrap"><div class="progress-bar" id="prog" style="width:20%"></div></div>
  <div class="steps-nav">
    <?php for($i=1;$i<=5;$i++): ?>
    <div class="step-dot <?php echo $i===1?'active':''; ?>" id="sdot<?php echo $i; ?>"><?php echo $i; ?></div>
    <?php endfor; ?>
  </div>
</div>

<div class="container">

  <!-- Phase 1: هوية المنظمة -->
  <div class="phase-card active" id="phase1">
    <div class="phase-title">🏛️ هوية المنظمة</div>
    <div class="phase-sub">أخبرنا عن شركتك أو منظمتك</div>
    <div class="field"><label>اسم الشركة / المنظمة *</label><input type="text" id="org_name" placeholder="مثال: شركة النيل للتجارة" required></div>
    <div style="display:grid;grid-template-columns:1fr 1fr;gap:12px">
      <div class="field"><label>نوع المنظمة</label>
        <select id="org_type">
          <option value="private">شركة خاصة</option>
          <option value="ngo">منظمة غير ربحية</option>
          <option value="educational">مؤسسة تعليمية</option>
          <option value="group">مجموعة شركات</option>
          <option value="other">أخرى</option>
        </select>
      </div>
      <div class="field"><label>القطاع</label>
        <select id="org_sector">
          <option value="">اختر القطاع</option>
          <option value="تجارة">تجارة وتوزيع</option>
          <option value="صحة">صحة وطب</option>
          <option value="تعليم">تعليم وتدريب</option>
          <option value="زراعة">زراعة وثروة حيوانية</option>
          <option value="مالي">مالي وبنوك</option>
          <option value="إنشاء">إنشاء ومقاولات</option>
          <option value="تقنية">تقنية ومعلومات</option>
          <option value="إعلام">إعلام واتصالات</option>
          <option value="خدمات">خدمات عامة</option>
          <option value="أخرى">أخرى</option>
        </select>
      </div>
    </div>
    <div style="display:grid;grid-template-columns:1fr 1fr;gap:12px">
      <div class="field"><label>عدد الموظفين</label>
        <select id="employees_count">
          <option value="1-10">أقل من 10</option>
          <option value="10-50">10 – 50</option>
          <option value="50-200" selected>50 – 200</option>
          <option value="200-1000">200 – 1,000</option>
          <option value="1000+">أكثر من 1,000</option>
        </select>
      </div>
      <div class="field"><label>المستخدمون المتوقعون للمنصة</label>
        <select id="expected_users">
          <option value="10-50">أقل من 50</option>
          <option value="50-200" selected>50 – 200</option>
          <option value="200-500">200 – 500</option>
          <option value="500-1000">500 – 1,000</option>
          <option value="1000+">أكثر من 1,000</option>
        </select>
      </div>
    </div>
    <div class="field"><label>سنوات التأسيس</label>
      <select id="years_active">
        <option value="1">أقل من سنة</option>
        <option value="1-3">1 – 3 سنوات</option>
        <option value="3-10" selected>3 – 10 سنوات</option>
        <option value="10+">أكثر من 10 سنوات</option>
      </select>
    </div>
    <div class="field"><label>هل تستخدمون حلول ذكاء اصطناعي حالياً؟</label>
      <select id="uses_ai"><option value="0">لا</option><option value="1">نعم، بشكل محدود</option><option value="2">نعم، بشكل واسع</option></select>
    </div>
    <div class="btn-row"><div></div><button class="btn-next" onclick="nextPhase(1)">التحديات والاحتياجات ←</button></div>
  </div>

  <!-- Phase 2: التحديات -->
  <div class="phase-card" id="phase2">
    <div class="phase-title">🎯 التحديات والاحتياجات</div>
    <div class="phase-sub">ساعدنا على فهم واقعك الحالي</div>
    <div class="field"><label>ما أكبر التحديات التشغيلية التي تواجهها؟ *</label>
      <textarea id="challenges_text" placeholder="مثال: نضيع وقتاً طويلاً في إدارة الحجوزات الطبية للموظفين، والعقود تتأخر كثيراً، والتدريب صعب التنظيم..."></textarea>
    </div>
    <div class="field"><label>الأنظمة المستخدمة حالياً (اختر ما ينطبق)</label>
      <div class="check-grid" id="systems_grid">
        <?php foreach(['ERP','HR System','CRM','Excel','برامج محاسبة','WhatsApp','بريد إلكتروني','لا يوجد نظام'] as $s): ?>
        <label class="check-item"><input type="checkbox" name="systems" value="<?php echo $s; ?>"> <?php echo $s; ?></label>
        <?php endforeach; ?>
      </div>
    </div>
    <div class="field"><label>أكبر نقاط الألم (اختر ما ينطبق)</label>
      <div class="check-grid">
        <?php foreach([
          'إدارة رعاية الموظفين الصحية','التوثيق والعقود يستغرق وقتاً',
          'الاستشارات القانونية مكلفة','التدريب صعب التنظيم',
          'إدارة الموردين غير منظمة','لا يوجد تحليل بيانات',
          'خدمة العملاء تحتاج تطوير','التواصل الداخلي ضعيف',
        ] as $p): ?>
        <label class="check-item"><input type="checkbox" name="pain" value="<?php echo $p; ?>"> <?php echo $p; ?></label>
        <?php endforeach; ?>
      </div>
    </div>
    <div class="field"><label>إذا تحسنت خدمة واحدة 50% — ماذا تكون؟</label>
      <input type="text" id="priority_challenge" placeholder="مثال: إدارة الرعاية الصحية للموظفين"></div>
    <div class="btn-row">
      <button class="btn-prev" onclick="prevPhase(2)">← السابق</button>
      <button class="btn-next" onclick="nextPhase(2)">الخدمات المطلوبة ←</button>
    </div>
  </div>

  <!-- Phase 3: الخدمات -->
  <div class="phase-card" id="phase3">
    <div class="phase-title">⚡ الخدمات المطلوبة</div>
    <div class="phase-sub">اختر الخدمات التي تريدها (يمكن أكثر من خيار)</div>
    <?php
    $services_groups = [
      ['icon'=>'⚕️','title'=>'الرعاية الصحية','items'=>['حجوزات طبية للموظفين','صيدلية مؤسسية','نظام طوارئ للموظفين','تأمين صحي ذكي'],'key'=>'medical'],
      ['icon'=>'⚖️','title'=>'الخدمات القانونية','items'=>['مراجعة عقود دورية','استشارات قانونية on-demand','توثيق رسمي للعقود','إدارة النزاعات'],'key'=>'legal'],
      ['icon'=>'📄','title'=>'التوثيق التجاري','items'=>['عقود الموردين والعملاء','عروض أسعار تجارية','خطط أعمال','دراسات جدوى','ملفات شركة','تقارير دورية'],'key'=>'documentation'],
      ['icon'=>'🎓','title'=>'التعليم والتدريب','items'=>['تدريب الموظفين على مهارات','شهادات معتمدة للفريق','تقييم مستوى الموظفين'],'key'=>'training'],
      ['icon'=>'🛒','title'=>'إدارة التوريد','items'=>['منصة شراء داخلية','إدارة الموردين','تسويات مالية آلية'],'key'=>'supply'],
      ['icon'=>'🔌','title'=>'التكامل التقني','items'=>['API مع أنظمتك الحالية','White-label (هوية مخصصة)','تطبيق جوال مخصص','لوحات تحليل BI'],'key'=>'api'],
    ];
    foreach($services_groups as $g): ?>
    <div style="margin-bottom:18px">
      <div style="font-size:.85rem;font-weight:700;color:var(--dark);margin-bottom:8px"><?php echo $g['icon'].' '.$g['title']; ?></div>
      <div class="check-grid">
        <?php foreach($g['items'] as $item): ?>
        <label class="check-item" onclick="toggleCheck(this)">
          <input type="checkbox" name="services" value="<?php echo $g['key'].'::'.$item; ?>">
          <?php echo $item; ?>
        </label>
        <?php endforeach; ?>
      </div>
    </div>
    <?php endforeach; ?>
    <div class="btn-row">
      <button class="btn-prev" onclick="prevPhase(3)">← السابق</button>
      <button class="btn-next" onclick="nextPhase(3)">المتطلبات التقنية ←</button>
    </div>
  </div>

  <!-- Phase 4: المتطلبات والميزانية -->
  <div class="phase-card" id="phase4">
    <div class="phase-title">🔧 المتطلبات والميزانية</div>
    <div class="phase-sub">لنحدد الحل الأمثل لك</div>
    <div class="field"><label>مستوى الاتفاقية المطلوب (SLA)</label>
      <select id="sla_level">
        <option value="standard">قياسي — 99% uptime | دعم 24 ساعة</option>
        <option value="professional">احترافي — 99.5% | استجابة 4 ساعات | مدير مخصص</option>
        <option value="enterprise">مؤسسي — 99.9% | استجابة ساعة | زيارات ميدانية</option>
      </select>
    </div>
    <div class="field"><label>الجدول الزمني المرغوب للتنفيذ</label>
      <select id="implementation_timeline">
        <option value="فوري">أسرع وقت (2-4 أسابيع)</option>
        <option value="مدروس" selected>مدروس (1-3 أشهر)</option>
        <option value="مرحلي">مرحلي (3-6 أشهر)</option>
      </select>
    </div>
    <div style="display:grid;grid-template-columns:1fr 1fr;gap:12px">
      <div class="field"><label>الميزانية الشهرية (USD) — الحد الأدنى</label>
        <select id="budget_min_usd">
          <option value="0">نفضّل رؤية العرض أولاً</option>
          <option value="100">من $100</option>
          <option value="500">من $500</option>
          <option value="1000">من $1,000</option>
          <option value="5000">من $5,000</option>
        </select>
      </div>
      <div class="field"><label>الحد الأقصى</label>
        <select id="budget_max_usd">
          <option value="0">مفتوح</option>
          <option value="500">حتى $500</option>
          <option value="2000">حتى $2,000</option>
          <option value="5000">حتى $5,000</option>
          <option value="15000">حتى $15,000</option>
        </select>
      </div>
    </div>
    <div style="display:grid;grid-template-columns:1fr 1fr;gap:12px">
      <div class="field"><label>طريقة الدفع المفضلة</label>
        <select id="payment_preference">
          <option value="monthly">اشتراك شهري</option>
          <option value="annual">سنوي (خصم 20%)</option>
          <option value="usage">بالاستهلاك</option>
          <option value="project">مشروع ثابت</option>
        </select>
      </div>
      <div class="field"><label>من يتخذ القرار؟</label>
        <select id="decision_maker">
          <option value="ceo">المدير العام</option>
          <option value="it">مدير IT/تقنية</option>
          <option value="hr">مدير الموارد البشرية</option>
          <option value="ops">مدير العمليات</option>
          <option value="committee">لجنة إدارية</option>
        </select>
      </div>
    </div>
    <div class="btn-row">
      <button class="btn-prev" onclick="prevPhase(4)">← السابق</button>
      <button class="btn-next" onclick="nextPhase(4)">بيانات التواصل ←</button>
    </div>
  </div>

  <!-- Phase 5: التواصل -->
  <div class="phase-card" id="phase5">
    <div class="phase-title">📞 بيانات التواصل</div>
    <div class="phase-sub">سيتواصل معك فريقنا خلال 24-48 ساعة</div>
    <div style="display:grid;grid-template-columns:1fr 1fr;gap:12px">
      <div class="field"><label>الاسم الكامل *</label><input type="text" id="contact_name" placeholder="اسمك الكامل" required></div>
      <div class="field"><label>المسمى الوظيفي</label><input type="text" id="contact_title" placeholder="مثال: مدير العمليات"></div>
    </div>
    <div style="display:grid;grid-template-columns:1fr 1fr;gap:12px">
      <div class="field"><label>البريد الإلكتروني *</label><input type="email" id="contact_email" placeholder="email@company.com" required></div>
      <div class="field"><label>رقم الهاتف</label><input type="tel" id="contact_phone" placeholder="+249 9X XXX XXXX"></div>
    </div>
    <div style="display:grid;grid-template-columns:1fr 1fr;gap:12px">
      <div class="field"><label>واتساب (إن اختلف)</label><input type="tel" id="contact_whatsapp" placeholder="+249 ..."></div>
      <div class="field"><label>طريقة التواصل المفضلة</label>
        <select id="preferred_contact">
          <option value="whatsapp">واتساب</option>
          <option value="call">اتصال هاتفي</option>
          <option value="email">بريد إلكتروني</option>
          <option value="video">اجتماع مرئي</option>
        </select>
      </div>
    </div>
    <div style="display:grid;grid-template-columns:1fr 1fr;gap:12px">
      <div class="field"><label>أفضل وقت للتواصل</label><input type="text" id="best_time" placeholder="مثال: صباحاً 9-12"></div>
      <div class="field"><label>الموقع الإلكتروني (اختياري)</label><input type="url" id="website" placeholder="https://..."></div>
    </div>
    <div class="btn-row">
      <button class="btn-prev" onclick="prevPhase(5)">← السابق</button>
      <button class="btn-next" id="submitBtn" onclick="submitForm()" style="background:linear-gradient(135deg,#f59e0b,#d97706)">
        ✅ أرسل طلبي للدراسة
      </button>
    </div>
  </div>

  <!-- Loading -->
  <div id="loading" style="display:none;text-align:center;padding:40px">
    <div class="spinner"></div>
    <p style="color:var(--muted);margin-top:12px">جاري معالجة طلبك وإعداد الدراسة...</p>
  </div>

  <!-- Success -->
  <div id="success" style="display:none">
    <div class="success-wrap">
      <div class="success-icon">🎉</div>
      <h2 style="font-size:1.4rem;font-weight:900;color:var(--dark);margin:14px 0 8px">تم استلام طلبكم!</h2>
      <p style="color:var(--muted);max-width:420px;margin:0 auto 20px;line-height:1.6">
        شكراً لثقتكم بسودانا. سيتواصل معكم فريق حلول الشركات خلال <strong>24-48 ساعة</strong>
        بعرض مخصص يلائم احتياجاتكم.
      </p>
      <div style="background:var(--dark);color:#fff;border-radius:14px;padding:16px 24px;display:inline-block;margin-bottom:20px">
        <div style="font-size:.75rem;color:rgba(255,255,255,.5)">رقم مرجعي</div>
        <div style="font-size:1.2rem;font-weight:900;color:var(--g)" id="ref-display"></div>
      </div>
      <div><a href="/" style="background:var(--g);color:#000;padding:12px 28px;border-radius:12px;text-decoration:none;font-weight:800">← العودة للرئيسية</a></div>
    </div>
  </div>

</div>

<script>
let currentPhase = 1;
let inquiryRef   = '';
const totalPhases = 5;

function nextPhase(from) {
  if (!validatePhase(from)) return;
  savePhase(from);
}

function prevPhase(from) {
  showPhase(from - 1);
}

function showPhase(n) {
  document.querySelectorAll('.phase-card').forEach(c => c.classList.remove('active'));
  const card = document.getElementById('phase'+n);
  if (card) card.classList.add('active');
  currentPhase = n;
  const pct = (n / totalPhases) * 100;
  document.getElementById('prog').style.width = pct + '%';
  document.querySelectorAll('.step-dot').forEach((d, i) => {
    d.classList.remove('active','done');
    if (i + 1 < n) d.classList.add('done');
    else if (i + 1 === n) d.classList.add('active');
  });
  window.scrollTo({top: 0, behavior: 'smooth'});
}

function validatePhase(n) {
  if (n === 1 && !document.getElementById('org_name').value.trim()) {
    alert('يرجى إدخال اسم المنظمة');
    document.getElementById('org_name').focus();
    return false;
  }
  if (n === 2 && !document.getElementById('challenges_text').value.trim()) {
    alert('يرجى وصف التحديات التي تواجهها');
    document.getElementById('challenges_text').focus();
    return false;
  }
  if (n === 5) {
    if (!document.getElementById('contact_name').value.trim()) { alert('يرجى إدخال الاسم'); return false; }
    if (!document.getElementById('contact_email').value.trim()) { alert('يرجى إدخال البريد الإلكتروني'); return false; }
  }
  return true;
}

async function savePhase(phase) {
  const data = gatherPhaseData(phase);
  data.phase = phase;
  if (inquiryRef) data.ref = inquiryRef;

  try {
    const resp = await fetch('/api/corporate/intake.php', {
      method: 'POST',
      headers: {'Content-Type': 'application/json'},
      body: JSON.stringify(data)
    });
    const result = await resp.json();
    if (result.ok) {
      if (result.ref) inquiryRef = result.ref;
      if (phase < 5) showPhase(phase + 1);
    } else {
      console.warn('Save failed:', result.error);
      if (phase < 5) showPhase(phase + 1);
    }
  } catch(e) {
    if (phase < 5) showPhase(phase + 1);
  }
}

function gatherPhaseData(phase) {
  const data = {};
  if (phase === 1) {
    data.org_name       = document.getElementById('org_name').value.trim();
    data.org_type       = document.getElementById('org_type').value;
    data.org_sector     = document.getElementById('org_sector').value;
    data.employees_count= document.getElementById('employees_count').value;
    data.expected_users = document.getElementById('expected_users').value;
    data.years_active   = document.getElementById('years_active').value;
    data.uses_ai        = parseInt(document.getElementById('uses_ai').value);
  } else if (phase === 2) {
    data.challenges_text= document.getElementById('challenges_text').value.trim();
    data.current_systems= [...document.querySelectorAll('input[name=systems]:checked')].map(i=>i.value);
    data.pain_points    = [...document.querySelectorAll('input[name=pain]:checked')].map(i=>i.value);
    data.priority_challenge = document.getElementById('priority_challenge').value.trim();
  } else if (phase === 3) {
    data.services_selected = [...document.querySelectorAll('input[name=services]:checked')].map(i=>i.value);
  } else if (phase === 4) {
    data.sla_level = document.getElementById('sla_level').value;
    data.implementation_timeline = document.getElementById('implementation_timeline').value;
    data.budget_min_usd = parseInt(document.getElementById('budget_min_usd').value)||0;
    data.budget_max_usd = parseInt(document.getElementById('budget_max_usd').value)||0;
    data.payment_preference = document.getElementById('payment_preference').value;
    data.decision_maker = document.getElementById('decision_maker').value;
  } else if (phase === 5) {
    data.contact_name      = document.getElementById('contact_name').value.trim();
    data.contact_title     = document.getElementById('contact_title').value.trim();
    data.contact_email     = document.getElementById('contact_email').value.trim();
    data.contact_phone     = document.getElementById('contact_phone').value.trim();
    data.contact_whatsapp  = document.getElementById('contact_whatsapp').value.trim();
    data.preferred_contact = document.getElementById('preferred_contact').value;
    data.best_time         = document.getElementById('best_time').value.trim();
    data.website           = document.getElementById('website').value.trim();
  }
  return data;
}

function toggleCheck(el) {
  el.classList.toggle('selected', el.querySelector('input').checked);
}

document.querySelectorAll('.check-item input').forEach(cb => {
  cb.addEventListener('change', () => cb.closest('.check-item').classList.toggle('selected', cb.checked));
});

async function submitForm() {
  if (!validatePhase(5)) return;
  await savePhase(5);
  document.querySelectorAll('.phase-card').forEach(c => c.style.display='none');
  document.getElementById('loading').style.display='block';
  document.getElementById('submitBtn').disabled = true;

  try {
    // Trigger proposal generation
    if (inquiryRef) {
      await fetch('/api/corporate/proposal.php', {
        method:'POST',
        headers:{'Content-Type':'application/json'},
        body: JSON.stringify({ref: inquiryRef})
      });
      await fetch('/api/corporate/submit.php', {
        method:'POST',
        headers:{'Content-Type':'application/json'},
        body: JSON.stringify({ref: inquiryRef})
      });
    }
  } catch(e) { /* non-blocking */ }

  document.getElementById('loading').style.display='none';
  document.getElementById('success').style.display='block';
  if (inquiryRef) document.getElementById('ref-display').textContent = inquiryRef;
  window.scrollTo({top:0,behavior:'smooth'});
}
</script>

<nav style="position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #e2e8f0;display:flex;padding:8px 0 calc(8px + env(safe-area-inset-bottom,0px));z-index:100">
  <a href="/app/hub.php" style="flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;text-decoration:none;color:#64748b;font-size:.6rem;font-family:inherit;padding:4px 0"><span style="font-size:1.1rem">&#127968;</span><span>الهب</span></a>
  <a href="/app/pay.php" style="flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;text-decoration:none;color:#64748b;font-size:.6rem;font-family:inherit;padding:4px 0"><span style="font-size:1.1rem">&#128179;</span><span>Pay</span></a>
  <a href="/app/invest/index.php" style="flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;text-decoration:none;color:#64748b;font-size:.6rem;font-family:inherit;padding:4px 0"><span style="font-size:1.1rem">&#128185;</span><span>استثمار</span></a>
  <a href="/app/community.php" style="flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;text-decoration:none;color:#64748b;font-size:.6rem;font-family:inherit;padding:4px 0"><span style="font-size:1.1rem">&#127968;</span><span>مجتمع</span></a>
  <a href="/app/profile.php" style="flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;text-decoration:none;color:#64748b;font-size:.6rem;font-family:inherit;padding:4px 0"><span style="font-size:1.1rem">&#128100;</span><span>حسابي</span></a>
</nav>
</body>
</html>
