<!DOCTYPE html>
<html lang="en" data-theme="<?= e(get_theme_slug_for_scope('public')) ?>">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title><?= get_setting('academy_name', 'CIX Orbit Academy') ?></title>
    <link rel="manifest" href="/public/assets/manifest.json">
    <meta name="theme-color" content="#000000">
    <meta name="description" content="<?= get_setting('slogan', 'Learn. Build. Automate. Grow.') ?>">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
    <link href="<?= asset_url('css/style.css') ?>" rel="stylesheet">
    <?= render_theme_css('public') ?>
</head>
<body>
<nav class="navbar-cix">
    <div class="container d-flex justify-content-between align-items-center">
        <a href="<?= base_url('/') ?>" class="nav-brand">
            <i class="fas fa-orbit" style="color:var(--secondary)"></i>
            <span>CIX <span class="brand-accent">Orbit</span> Academy</span>
        </a>
        <ul class="nav-links d-none d-md-flex">
            <li><a href="<?= base_url('/') ?>" class="<?= ($_SERVER['REQUEST_URI'] ?? '') === '/' ? 'active' : '' ?>">Home</a></li>
            <li><a href="<?= base_url('courses') ?>">Courses</a></li>
            <li><a href="<?= base_url('pricing') ?>">Pricing</a></li>
            <li><a href="<?= base_url('contact') ?>">Contact</a></li>
            <li><a href="<?= base_url('faq') ?>">FAQ</a></li>
            <li><a href="<?= base_url('verify') ?>">Verify Certificate</a></li>
            <li><a href="<?= base_url('login') ?>" class="btn-cix btn-cix-primary btn-cix-sm">Login</a></li>
            <li><a href="<?= base_url('apply') ?>" class="btn-cix btn-cix-accent btn-cix-sm">Apply Now</a></li>
        </ul>
        <button class="btn btn-outline-light d-md-none" onclick="document.querySelector('.nav-links-mobile').classList.toggle('d-none')">
            <i class="fas fa-bars"></i>
        </button>
    </div>
    <div class="nav-links-mobile d-none d-md-none p-3" style="background:var(--surface);border-top:1px solid var(--border)">
        <a href="<?= base_url('/') ?>" class="d-block py-2">Home</a>
        <a href="<?= base_url('courses') ?>" class="d-block py-2">Courses</a>
        <a href="<?= base_url('pricing') ?>" class="d-block py-2">Pricing</a>
        <a href="<?= base_url('contact') ?>" class="d-block py-2">Contact</a>
        <a href="<?= base_url('login') ?>" class="d-block py-2">Login</a>
        <a href="<?= base_url('apply') ?>" class="d-block py-2 text-orange">Apply Now</a>
    </div>
</nav>
