<!--
    * Kantor Urusan Agama WAY BUNGUR
    * Copyright 2025 Budi Hardani $ Erik
    * Contact : 082176064252 (Budi Hardani)
   -->































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

<head>
    <meta charset="UTF-8">
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, shrink-to-fit=no" name="viewport">
    <meta http-equiv="x-ua-compatible" content="ie=edge" />

    <?= $this->renderSection('title') ?>
    <link rel="shortcut icon" type="image/x-icon" href="<?= base_url() ?>assets_user/img/icon.png" />
    <!-- General CSS Files -->
    <link rel="stylesheet" href="<?= base_url() ?>/node_modules/bootstrap/dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="<?= base_url() ?>/node_modules/@fortawesome/fontawesome-free/css/all.min.css">



    <!-- CSS Libraries -->
    <link rel="stylesheet" href="<?= base_url() ?>/node_modules/datatables.net-bs4/css/dataTables.bootstrap4.min.css">
    <link rel="stylesheet"
        href="<?= base_url() ?>/node_modules/datatables.net-select-bs4/css/select.bootstrap4.min.css">
    <link rel="stylesheet" href="<?= base_url() ?>/node_modules/select2/dist/css/select2.min.css">
    <link rel="stylesheet" href="<?= base_url() ?>/node_modules/summernote/dist/summernote-bs4.css">
    <!-- 
    <script src="https://code.jquery.com/jquery-3.6.1.slim.js" integrity="sha256-tXm+sa1uzsbFnbXt8GJqsgi2Tw+m4BLGDof6eUPjbtk=" crossorigin="anonymous"></script>
 -->

    <!-- Template CSS -->
    <link rel="stylesheet" href="<?= base_url() ?>/assets/css/style.css">
    <link rel="stylesheet" href="<?= base_url() ?>/assets/css/components.css">
</head>

<body>
    <div id="app">
        <div class="main-wrapper">
            <div class="navbar-bg"></div>
            <nav class="navbar navbar-expand-lg main-navbar">
                <form class="form-inline mr-auto">
                    <ul class="navbar-nav mr-3">
                        <li><a href="#" data-toggle="sidebar" class="nav-link nav-link-lg"><i
                                    class="fas fa-bars"></i></a></li>
                    </ul>
                </form>
                <ul class="navbar-nav navbar-right">
                    <li class="dropdown"><a href="#" data-toggle="dropdown"
                            class="nav-link dropdown-toggle nav-link-lg nav-link-user">
                            <img alt="image" src="<?= base_url() ?>/foto_user/<?= userLogin()->gambar_admin ?>"
                                class="rounded-circle mr-1">
                            <div class="d-sm-none d-lg-inline-block">Hi, <?= userLogin()->nama_admin ?></div>
                        </a>
                        <div class="dropdown-menu dropdown-menu-right">
                            <a href="<?= base_url('user') ?>" class="dropdown-item has-icon">
                                <i class="fas fa-cog"></i> Settings
                            </a>
                            <div class="dropdown-divider"></div>
                            <a href="<?= base_url('logout') ?>" class="dropdown-item has-icon text-danger">
                                <i class="fas fa-sign-out-alt"></i> Logout
                            </a>
                        </div>
                    </li>
                </ul>
            </nav>
            <div class="main-sidebar sidebar-style-2">
                <aside id="sidebar-wrapper">
                    <div class="sidebar-brand">
                        <a href="<?= base_url('dashboard') ?>">
                            <b>KUA WAY BUNGUR</b>
                        </a>
                    </div>
                    <div class="sidebar-brand mb-5">
                        <a href="<?= base_url('user') ?>">
                            <div class="d-flex flex-row align-items-center bd-highlight">
                                <div class="p-3 bd-highlight "><img alt="image"
                                        src="<?= base_url() ?>/foto_user/<?= userLogin()->gambar_admin ?>" width="50"
                                        class="rounded-circle shadow-sm border border-3"></div>
                                <div class="bd-highlight mb-0">
                                    <p class="mb-0 text-uppercase"><?= userLogin()->nama_admin ?></p>
                                    <p class="mb-0 text-success"><small><i class="fas fa-circle"></i> online</small></p>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="sidebar-brand sidebar-brand-sm">
                        <a href="<?= base_url('dashboard') ?>">KP</a>
                    </div>
                    <ul class="sidebar-menu">
                        <li class="menu-header">Dashboard</li>
                        <li class="<?= ($aktif == 'dashboard') ? 'active' : '' ?>"><a class=" nav-link"
                                href="<?= base_url('dashboard') ?>"><i class="fas fa-home"></i>
                                <span>Dashboard</span></a>
                        </li>
                        <li class="menu-header">Menu</li>
                        <li class="<?= ($aktif == 'profile') ? 'active' : '' ?>"><a class=" nav-link"
                                href="<?= base_url('profile') ?>"><i class="fas fa-school"></i>
                                <span>Profile</span></a>
                        </li>

                        <li class="<?= ($aktif == 'agenda') ? 'active' : '' ?>"><a class=" nav-link"
                                href="<?= base_url('agenda') ?>"><i class="fab fa-leanpub"></i>
                                <span>Agenda</span></a>
                        </li>
                        <li class="<?= ($aktif == 'gallery') ? 'active' : '' ?>"><a class=" nav-link"
                                href="<?= base_url('gallery') ?>"><i class="fab fa-envira"></i>
                                <span>Gallery</span></a>
                        </li>
                        <li class="<?= ($aktif == 'berita') ? 'active' : '' ?>"><a class=" nav-link"
                                href="<?= base_url('berita') ?>"><i class="fas fa-newspaper"></i></i>
                                <span>Berita</span></a>
                        </li>
                        <li class="<?= ($aktif == 'kontak') ? 'active' : '' ?>"><a class="nav-link"
                                href="<?= base_url('kontak') ?>"><i class="fas fa-phone"></i>
                                <span>Kontak</span></a></liclass=>
                        <li class="<?= ($aktif == 'user') ? 'active' : '' ?>"><a class=" nav-link"
                                href="<?= base_url('user') ?>"><i class="fas fa-user"></i>
                                <span>Admin</span></a>
                        </li>
                    </ul>

                    <div class="mt-4 mb-4 p-3 hide-sidebar-mini">
                        <a href="<?= base_url('logout') ?>" class="btn btn-primary btn-lg btn-block btn-icon-split">
                            <i class="fas fa-sign-out-alt"></i> Logout
                        </a>
                    </div>
                </aside>
            </div>

            <!-- Main Content -->
            <div class="main-content">
                <?= $this->renderSection('content') ?>
            </div>
            <footer class="main-footer">
                <div class="footer-left">
                    Copyright &copy; <?= date('Y') ?> <div class="bullet"></div><a href="#">KANTOR URUSAN AGAMA WAY BUNGUR</a>
                </div>
                <div class="footer-right">
                    1.0
                </div>
            </footer>
        </div>
    </div>

    <!-- General JS Scripts -->
    <!-- <script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js"></script>-->
    <script src="<?= base_url() ?>/node_modules/jquery/dist/jquery.min.js"></script>


    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
        integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous">
    </script>
    <script src="<?= base_url() ?>/node_modules/bootstrap/dist/js/bootstrap.min.js">
    </script>
    <script src="<?= base_url() ?>/node_modules/nicescroll/dist/jquery.nicescroll.min.js"></script>
    <script src="<?= base_url() ?>/assets/js/stisla.js"></script>

    <!-- JS Libraies -->
    <script src="<?= base_url() ?>/node_modules/datatables/media/js/jquery.dataTables.min.js"></script>
    <script src="<?= base_url() ?>/node_modules/datatables.net-bs4/js/dataTables.bootstrap4.min.js"></script>
    <script src="<?= base_url() ?>/node_modules/select2/dist/js/select2.full.min.js"></script>
    <script src="<?= base_url() ?>/node_modules/summernote/dist/summernote-bs4.js"></script>

    <!-- Template JS File -->
    <script src="<?= base_url() ?>/assets/js/scripts.js"></script>
    <script src="<?= base_url() ?>/assets/js/custom.js"></script>

    <!-- Page Specific JS File -->
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
    <script>
    const swal = $('.swal').data('swal');
    if (swal) {
        Swal.fire({

            icon: "success",
            title: "Berhasil",
            text: swal,
            showConfirmButton: false,
            timer: 2000
        });
    }
    </script>


</body>

</html>