require_once __DIR__ . '/includes/config.php';
$pageTitle = 'الرئيسية';
$db = getDB();

$stats = [
  'freelancers' => (int)$db->query("SELECT COUNT(*) FROM users WHERE role='freelancer' AND is_active=1")->fetchColumn(),
  'projects'    => (int)$db->query("SELECT COUNT(*) FROM projects WHERE status='accepted'")->fetchColumn(),
  'tenders'     => (int)$db->query("SELECT COUNT(*) FROM tenders WHERE is_active=1")->fetchColumn(),
];
$latestTenders    = $db->query("SELECT * FROM tenders WHERE is_active=1 ORDER BY created_at DESC LIMIT 6")->fetchAll();
$latestProjects   = $db->query("SELECT * FROM projects WHERE status='accepted' ORDER BY reviewed_at DESC LIMIT 4")->fetchAll();
$featuredFree     = $db->query("SELECT * FROM users WHERE role='freelancer' AND is_active=1 ORDER BY RAND() LIMIT 4")->fetchAll();
$avatarEmojis     = ['👷','🧑‍💼','👩‍💼','🧑‍🔧','👩‍🔧','🏗️'];
$avatarColors     = ['rgba(17,84,245,0.15)','rgba(0,229,160,0.12)','rgba(245,166,35,0.12)','rgba(255,77,109,0.1)'];

function daysLeft($d){ $diff=(new DateTime($d))->diff(new DateTime()); return $diff->invert ? -$diff->days : $diff->days; }
function deadlineBadge($date){
  if(!$date) return '';
  $d=daysLeft($date);
  if($d<0)  return '<span class="deadline-chip urgent">⚠️ انتهت</span>';
  if($d<=7) return '<span class="deadline-chip urgent">🔴 '.$d.' أيام</span>';
  if($d<=30) return '<span class="deadline-chip near">🟡 '.$d.' يوم</span>';
  return '<span class="deadline-chip safe">🟢 '.$d.' يوم</span>';
}

include 'includes/header.php';
?>

<!-- ── HERO ──────────────────────────────────────────── -->
<section class="eb-hero">
  <div class="eb-hero-inner">
    <div class="eb-hero-eyebrow">
      <div class="eb-hero-dot"></div>
      منصة الهندسة رقم 1 في الجزائر
    </div>
    <h1>بوابة المهندسين<br><span class="highlight">والمقاولين الجزائريين</span></h1>
    <p>تصفّح المناقصات، استثمر في المشاريع، تواصل مع محترفين، واحصل على تقدير فوري لتكاليف مشروعك.</p>
    <div style="display:flex;gap:12px;flex-wrap:wrap;">
      <a href="/tenders.php" class="btn btn-primary btn-xl">📑 استعرض المناقصات</a>
      <a href="/projects.php" class="btn btn-ghost btn-xl">🏗️ سجّل مشروعك</a>
    </div>
    <!-- Stats -->
    <div class="stats-bar">
      <div class="stat-card">
        <div class="stat-number mint" data-count-to=""></div>
        <div class="stat-label">فريلانسر نشط</div>
      </div>
      <div class="stat-card">
        <div class="stat-number cobalt" data-count-to=""></div>
        <div class="stat-label">مناقصة متاحة</div>
      </div>
      <div class="stat-card">
        <div class="stat-number amber" data-count-to=""></div>
        <div class="stat-label">مشروع مقبول</div>
      </div>
    </div>
  </div>
</section>

<!-- ── LATEST TENDERS ────────────────────────────────── -->

<!-- ── ACCEPTED PROJECTS ─────────────────────────────── -->

<!-- ── FEATURED FREELANCERS ──────────────────────────── -->

<!-- ── CTA BANNER ────────────────────────────────────── -->
<div class="section" style="padding-top:0;">
  <div style="background:linear-gradient(135deg,rgba(17,84,245,0.12),rgba(0,229,160,0.08));border:1px solid rgba(17,84,245,0.2);border-radius:var(--r-xl);padding:48px 32px;text-align:center;position:relative;overflow:hidden;">
    <div style="position:absolute;inset:0;background:radial-gradient(ellipse 60% 80% at 50% 0%,rgba(17,84,245,0.08),transparent);pointer-events:none;"></div>
    <div style="position:relative;z-index:1;">
      <div style="font-size:42px;margin-bottom:14px;">🚀</div>
      <h2 style="font-size:26px;font-weight:900;color:var(--text-hi);margin-bottom:10px;letter-spacing:-0.5px;">هل لديك مشروع للاستثمار؟</h2>
      <p style="color:var(--text-md);margin-bottom:24px;font-size:15px;max-width:480px;margin-left:auto;margin-right:auto;">سجّل مشروعك الآن وعرضه على المستثمرين والشركاء في دقائق.</p>
      <a href="/projects.php" class="btn btn-mint btn-xl">📤 سجّل مشروعك مجاناً</a>
    </div>
  </div>
</div>

cat > /home/claude/engbank/includes/footer.php << 'PHPEOF'

<!-- ── AI FAB BUTTON ─────────────────────────────────── -->
<button class="ai-fab" id="aiFab" title="مساعد تقدير الميزانية">🧮</button>

<!-- ── AI ESTIMATOR WIDGET ──────────────────────────── -->
<div class="ai-widget" id="aiWidget">
  <div class="ai-widget-header">
    <div class="ai-widget-title">
      <div class="ai-widget-dot"></div>
      مساعد التقدير السريع
    </div>
    <div style="display:flex;gap:6px;">
      <button class="btn-icon btn-sm" id="aiClearBtn" title="مسح">🗑️</button>
      <button class="btn-icon btn-sm" id="aiCloseBtn">✕</button>
    </div>
  </div>

  <div class="ai-widget-body">
    <!-- Result Box -->
    <div class="ai-result-box" id="widgetResult">
      <div class="ai-result-label">الإجمالي التقديري</div>
      <div class="ai-result-amount" id="widgetTotal">— دج</div>
      <div id="widgetBreakdown" style="margin-top:14px;text-align:right;"></div>
    </div>

    <!-- Inputs -->
    <div class="form-group">
      <label class="form-label">نوع المشروع</label>
      <select id="w_type" class="form-control">
        <option value="بناء">🏢 بناء (سكني / تجاري)</option>
        <option value="طرقات">🛣️ طرقات وأشغال عمومية</option>
        <option value="طاقة">⚡ طاقة (كهرباء / شمسي)</option>
        <option value="تحلية">💧 مياه / تحلية</option>
        <option value="زراعة">🌾 زراعة / ري</option>
        <option value="خدمات">🏗️ خدمات وبنية تحتية</option>
      </select>
    </div>

    <div class="form-group">
      <label class="form-label">المساحة / الكمية (م²)</label>
      <input type="number" id="w_area" class="form-control" placeholder="مثال: 300" min="1">
    </div>

    <div class="form-row">
      <div class="form-group">
        <label class="form-label">الجودة</label>
        <select id="w_quality" class="form-control">
          <option value="0.88">عادي</option>
          <option value="1.0" selected>متوسط</option>
          <option value="1.28">ممتاز</option>
        </select>
      </div>
      <div class="form-group">
        <label class="form-label">ملاحظة</label>
        <input type="text" id="w_notes" class="form-control" placeholder="مستعجل؟ جبلي؟">
      </div>
    </div>

    <div style="display:flex;gap:8px;">
      <button class="btn btn-mint" id="aiRunBtn" style="flex:1;">⚡ احسب</button>
      <a href="/estimator.php" class="btn btn-ghost btn-sm" style="white-space:nowrap;">صفحة كاملة ↗</a>
    </div>
  </div>
</div>

<!-- ── FOOTER ────────────────────────────────────────── -->
<footer class="eb-footer">
  <div style="max-width:1300px;margin:0 auto;">
    <div style="display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:12px;">
              <span style="font-family:'Space Mono',monospace;font-weight:700;font-size:16px;color:rgba(255,255,255,0.3);">EB</span>
            <span style="font-weight:800;color:rgba(255,255,255,0.3);">EngBank</span>
    </div>
    <div style="display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;margin-bottom:12px;">
      <a href="/index.php" class="eb-footer-link">الرئيسية</a>
      <span style="color:rgba(255,255,255,0.15);">·</span>
      <a href="/tenders.php" class="eb-footer-link">المناقصات</a>
      <span style="color:rgba(255,255,255,0.15);">·</span>
      <a href="/projects.php" class="eb-footer-link">المشاريع</a>
      <span style="color:rgba(255,255,255,0.15);">·</span>
      <a href="/freelancers.php" class="eb-footer-link">الفريلانسرز</a>
      <span style="color:rgba(255,255,255,0.15);">·</span>
      <a href="/estimator.php" class="eb-footer-link">مقدّر الميزانية</a>
    </div>
    <div class="eb-footer-text">© 2026 EngBank — جميع الحقوق محفوظة</div>
  </div>
</footer>

<style>
.eb-footer-link{font-size:13px;color:rgba(240,244,255,0.35);transition:color 0.2s;}
.eb-footer-link:hover{color:var(--cobalt-lt);}
</style>

<script src="/assets/js/main.js"></script>
</body>
</html>
PHPEOF
echo "footer.php done"PHPEOF
echo "index.php done"