<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>My Application</title>

    <!-- Example: Link to Bootstrap (if you were using it before) -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css">

    <!-- If you have custom CSS, link it here as well: -->
    <!-- <link rel="stylesheet" href="<?= base_url('css/custom.css') ?>"> -->
</head>
<body>

    <!-- Top navbar or brand area if you had one -->
    <!-- If you had a top bar with a "Sign In" link, replicate that structure here. -->
    <nav class="navbar navbar-expand-lg navbar-light bg-light">
        <div class="container-fluid">
            <a class="navbar-brand" href="<?= base_url('/') ?>">MyApp</a>
            <!-- Example "Sign In" link -->
            <div>
                <a class="nav-link" href="<?= base_url('/login') ?>">
                    <i class="bi bi-box-arrow-in-right"></i>
                    Sign In
                </a>
            </div>
        </div>
    </nav>

    <div class="container-fluid">
        <div class="row">
            <!-- Sidebar (Navbar) Column -->
            <div class="col-2 bg-light" style="min-height: 100vh;">
                <!-- Include the side navbar partial -->
                <?= $this->include('layouts/navbar') ?>
            </div>

            <!-- Main Content Column -->
            <div class="col-10">
                <?= $this->renderSection('content') ?>
            </div>
        </div>
    </div>

