
­­­­­­­­­­­­­­­­­­
<!DOCTYPE html>
<html>
<?php
// $view, $config, $user, $flash, $rtl available
$base = base_url($config, '/index.php');
$lang = $_SESSION['lang'] ?? 'en';
?>
<!doctype html>
<html lang="<?= e($lang) ?>" dir="<?= $rtl ? 'rtl' : 'ltr' ?>">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title><?= e($config['app_name'] ?? 'LeadCRM') ?></title>
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap<?= $rtl ? '.rtl' : '' ?>.min.css" rel="stylesheet">
  <style>
    body { background: #f7f7f9; }
    .card { border-radius: 14px; }
    .navbar-brand { font-weight: 700; }
    .badge-soft { background: rgba(0,0,0,.06); }
    .timeline { max-height: 360px; overflow:auto; }
    .form-lock { opacity: .65; pointer-events: none; }
  </style>
</head>
<body>
<nav class="navbar navbar-expand-lg bg-white border-bottom sticky-top">
  <div class="container-fluid">
    <a class="navbar-brand" href="<?= e(base_url($config, '/index.php?r=dashboard/index')) ?>"><?= e($config['app_name'] ?? 'LeadCRM') ?></a>
    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#nav">
      <span class="navbar-toggler-icon"></span>
    </button>
    <div class="collapse navbar-collapse" id="nav">
      <?php if ($user): ?>
      <ul class="navbar-nav me-auto mb-2 mb-lg-0">
        <li class="nav-item"><a class="nav-link" href="<?= e(base_url($config, '/index.php?r=dashboard/index')) ?>"><?= e(t('menu.dashboard')) ?></a></li>
        <li class="nav-item"><a class="nav-link" href="<?= e(base_url($config, '/index.php?r=contacts/index')) ?>"><?= e(t('menu.contacts')) ?></a></li>
        <li class="nav-item"><a class="nav-link" href="<?= e(base_url($config, '/index.php?r=leads/index')) ?>"><?= e(t('menu.leads')) ?></a></li>
        <li class="nav-item"><a class="nav-link" href="<?= e(base_url($config, '/index.php?r=opps/index')) ?>"><?= e(t('menu.opps')) ?></a></li>
        <li class="nav-item"><a class="nav-link" href="<?= e(base_url($config, '/index.php?r=reports/index')) ?>"><?= e(t('menu.reports')) ?></a></li>
        
        <?php if (has_role($user ?? [], ['ADMIN'])): ?>
  <a class="nav-link" href="<?= e(base_url($config, '/index.php?r=admin/index')) ?>">Admin</a>
<?php endif; ?>
        
      </ul>
      <div class="d-flex gap-2 align-items-center">
        <a class="btn btn-outline-secondary btn-sm" href="<?= e(base_url($config, '/index.php?r=' . ($_GET['r'] ?? 'dashboard/index') . '&lang=' . ($lang === 'en' ? 'ar' : 'en'))) ?>">🌐</a>
        <span class="small text-muted"><?= e($user['name']) ?> • <?= e(($lang==='ar') ? ($user['role_name_ar'] ?? $user['role_code']) : ($user['role_name_en'] ?? $user['role_code'])) ?></span>
        <a class="btn btn-outline-danger btn-sm" href="<?= e(base_url($config, '/index.php?r=auth/logout')) ?>"><?= e(t('menu.logout')) ?></a>
      </div>
      <?php endif; ?>
    </div>
  </div>
</nav>

<main class="container py-3">
  <?php foreach ($flash as $f): ?>
    <div class="alert alert-<?= e($f['type']) ?>"><?= e($f['msg']) ?></div>
  <?php endforeach; ?>

  <?php require __DIR__ . '/' . $view; ?>
</main>

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>

</body>
</html>
