<!DOCTYPE html>
<html lang="en">

<head>
      <meta charset="utf-8">
      <meta content="width=device-width, initial-scale=1.0" name="viewport">
      <title><?= $title ?> - Webgis Banjir Bandang Kec. Bajo Barat</title>
      <meta name="description" content="">
      <meta name="keywords" content="">

      <!-- Favicons -->
      <link href="<?= base_url('assets_user/img/favicon.png') ?>" rel="icon">
      <link href="<?= base_url('assets_user/img/apple-touch-icon.png') ?>" rel="apple-touch-icon">

      <!-- Fonts -->
      <link href="https://fonts.googleapis.com" rel="preconnect">
      <link href="https://fonts.gstatic.com" rel="preconnect" crossorigin>
      <link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900&family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900&display=swap" rel="stylesheet">

      <!-- Vendor CSS Files -->
      <link href="<?= base_url('assets_user/vendor/bootstrap/css/bootstrap.min.css') ?>" rel="stylesheet">
      <link href="<?= base_url('assets_user/vendor/bootstrap-icons/bootstrap-icons.css') ?>" rel="stylesheet">
      <link href="<?= base_url('assets_user/vendor/aos/aos.css') ?>" rel="stylesheet">
      <link href="<?= base_url('assets_user/vendor/swiper/swiper-bundle.min.css') ?>" rel="stylesheet">
      <link href="<?= base_url('assets_user/vendor/glightbox/css/glightbox.min.css') ?>" rel="stylesheet">

      <!-- Main CSS File -->
      <link href="<?= base_url('assets_user/css/main.css') ?>" rel="stylesheet">

      <link rel="stylesheet" href="https://unpkg.com/leaflet/dist/leaflet.css">

</head>

<body class="index-page">

      <header id="header" class="header sticky-top">

            <div class="topbar d-flex align-items-center dark-background">
                  <div class="container d-flex justify-content-center justify-content-md-between">

                        <div class="contact-info d-flex align-items-center">
                              <i class="bi bi-envelope d-flex align-items-center">
                                    <a href="mailto:contact@example.com">nilam@gmail.com</a>
                              </i>
                              <i class="bi bi-phone d-flex align-items-center ms-4">
                                    <span>+62 823-9336-3768</span>
                              </i>
                        </div>


                  </div>
            </div>

            <div class="branding">

                  <div class="container position-relative d-flex align-items-center justify-content-between">

                        <a href="<?= base_url('/') ?>" class="logo d-flex align-items-center">
                              <img src="<?= base_url('assets_user/img/logo1.png') ?>" alt="">
                              <!-- <h1 class="sitename">Eterna</h1> -->
                        </a>

                        <?php
                        $currentUrl = uri_string();
                        ?>

                        <nav id="navmenu" class="navmenu">
                              <ul>

                                    <li>
                                          <a href="<?= base_url('user/dashboard') ?>"
                                                class="<?= ($currentUrl == 'user/dashboard') ? 'active' : '' ?>">
                                                Beranda
                                          </a>
                                    </li>

                                    <li>
                                          <a href="<?= base_url('user/peta') ?>"
                                                class="<?= ($currentUrl == 'user/peta') ? 'active' : '' ?>">
                                                Peta Analisis Kerawanan
                                          </a>
                                    </li>

                                    <li>
                                          <a href="<?= base_url('user/data') ?>"
                                                class="<?= ($currentUrl == 'user/data') ? 'active' : '' ?>">
                                                Data
                                          </a>
                                    </li>

                                    <li>
                                          <a href="<?= base_url('user/mitigasi') ?>"
                                                class="<?= ($currentUrl == 'user/mitigasi') ? 'active' : '' ?>">
                                                Strategi Mitigasi
                                          </a>
                                    </li>

                                    <li>
                                          <a href="<?= base_url('user/informasi') ?>"
                                                class="<?= ($currentUrl == 'user/informasi') ? 'active' : '' ?>">
                                                Informasi
                                          </a>
                                    </li>

                                    <li>
                                          <a href="<?= base_url('user/tentang') ?>"
                                                class="<?= ($currentUrl == 'user/tentang') ? 'active' : '' ?>">
                                                Tentang Sistem
                                          </a>
                                    </li>

                                    <li>
                                          <a href="<?= base_url('login') ?>">
                                                <span>
                                                      <i class="bi bi-person-circle"></i>
                                                      Login
                                                </span>
                                          </a>
                                    </li>

                              </ul>

                              <i class="mobile-nav-toggle d-xl-none bi bi-list"></i>
                        </nav>
                  </div>
            </div>
      </header>

      <main class="main">