 <?php
session_start();

require_once "../SystemController/DbConnection.php";
require '../SystemController/CsrfProtection.php';
$csrf = new CsrfProtection();
if(!isset($_SESSION['admin_id'])){
    header("Location: index.php");
    exit;
}

$admin_id = $_SESSION['admin_id'];

$msg = "";

$page = $_GET['page'];


$db_handle = new Dbconnection();
?>
<html lang="en" dir="ltr" data-nav-layout="vertical" data-theme-mode="light" data-header-styles="light" data-menu-styles="dark" loader="disable" data-vertical-style="overlay">
    <head>
        <!-- Meta Data --> 
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title>Ovoh Initiative</title>
        <meta name="robots" content="noindex, nofollow">
        <!-- Favicon --> 
        <link rel="icon" href="assets/images/brand-logos/favicon.png" type="image/x-icon">
        <link rel="icon" href="/favicon.ico" sizes="any">
        <link rel="icon" href="/favicon.svg" type="image/svg+xml">
        <link rel="apple-touch-icon" href="assets/images/brand-logos/favicon.png">
        <!-- Choices JS --> <script src="assets/libs/choices.js/public/assets/scripts/choices.min.js"></script> <!-- Main Theme Js --> 
        <script src="assets/js/main.js"></script> <!-- Bootstrap Css --> 
        <link id="style" href="assets/css/bootstrap.min.css" rel="stylesheet">
        <!-- Style Css --> 
        <link href="assets/css/styles.css" rel="stylesheet">
        <!-- Icons Css --> 
        <link href="assets/css/icons.css" rel="stylesheet">
        <!-- Node Waves Css --> 
        <link href="assets/libs/node-waves/waves.min.css" rel="stylesheet">
        <!-- Simplebar Css --> 
        <link href="assets/libs/simplebar/simplebar.min.css" rel="stylesheet">
        <!-- Color Picker Css --> 
        <link rel="stylesheet" href="assets/libs/flatpickr/flatpickr.min.css">
        <link rel="stylesheet" href="assets/css/dataTables.bootstrap.min.css">
        <link rel="stylesheet" href="assets/css/sweetalert2.min.css">
        <link rel="stylesheet" href="assets/libs/@simonwep/pickr/themes/nano.min.css">
        <!-- Choices Css --> 
        <link rel="stylesheet" href="assets/libs/choices.js/public/assets/styles/choices.min.css">
        <!-- Auto Complete CSS --> 
        <link rel="stylesheet" href="assets/libs/@tarekraafat/autocomplete.js/css/autoComplete.css">
        <!-- FlatPickr CSS --> 
        <link rel="stylesheet" href="assets/libs/flatpickr/flatpickr.min.css">
        <link rel="stylesheet" href="../assets/fonts/remixicon.css">
        <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.5.0/Chart.min.js"></script>
         <link href="assets/css/form-stylings.css" rel="stylesheet">

        <meta http-equiv="imagetoolbar" content="no">
        <style type="text/css">
           .btn-red{
                background: #C81D25 !important;
                color: #fff;
            }
            .text-red{
                color: #C81D25 !important;
                
            }
            div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    margin: 12px;
    white-space: nowrap;
}
.paginate_button a {
  color: #C81D25 !important;
  padding: 10px 15px;
  font-size: 14px;
  border-radius: 50%;
  text-decoration: none;
  transition: all 0.3s ease;
 
}

/* Hover effect */
.paginate_button a:hover {
  background: #C81D25;
  color: #fff !important;
}

/* Active page */
.paginate_button.active a {
  background-color: #C81D25 !important;
  color: #fff !important;
  border: none !important;
  outline: none !important;
  border-radius: 50%;
  font-size: 14px;
}

            
            <!-- input,textarea{-webkit-touch-callout:default;-webkit-user-select:auto;-khtml-user-select:auto;-moz-user-select:text;-ms-user-select:text;user-select:text} *{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:-moz-none;-ms-user-select:none;user-select:none} -->
        </style>
        <style type="text/css" media="print">
            <!-- body{display:none} -->
        </style>
       
    </head>
    <body cz-shortcut-listen="true">
    

        <div id="loader" class="d-none"> <img src="assets/images/media/loader.svg" alt=""> </div>
        <div class="page">

 <header class="app-header">
                <!-- Start::main-header-container --> 
                <div class="main-header-container container-fluid">
                    <!-- Start::header-content-left --> 
                    <div class="header-content-left">
                        <!-- Start::header-element --> 
                        <div class="header-element">
                            
                        </div>
                        <!-- End::header-element --> <!-- Start::header-element -->
                        <div class="header-element mx-lg-0 mx-2"> <a aria-label="Hide Sidebar" class="sidemenu-toggle header-link animated-arrow hor-toggle horizontal-navtoggle" data-bs-toggle="sidebar" href="javascript:void(0);"><span></span></a> </div>
                        <!-- End::header-element --> <!-- Start::header-element --> 
                        
                        <!-- End::header-element --> 
                    </div>
                    <!-- End::header-content-left --> <!-- Start::header-content-right --> 
                    <div class="header-content-right">
                        <!-- Start::header-element --> 
                        
                        <!-- End::header-element --> <!-- Start::header-element --> 
                        
                        <!-- End::header-element --> <!-- Start::header-element --> 
                       
                        
                        <!-- End::header-element --> <!-- Start::header-element --> 
                        <div class="header-element header-shortcuts-dropdown dropdown">
                            <!-- Start::header-link|dropdown-toggle --> 
                            <a href="javascript:void(0);" class="header-link dropdown-toggle" data-bs-toggle="dropdown" data-bs-auto-close="outside" id="notificationDropdown" aria-expanded="false">
                                <svg xmlns="http://www.w3.org/2000/svg" class="header-link-icon" enable-background="new 0 0 24 24" height="24px" viewBox="0 0 24 24" width="24px" fill="#5f6368">
                                    <g>
                                        <rect fill="none" height="24" width="24"></rect>
                                    </g>
                                    <g>
                                        <g>
                                            <g>
                                                <path d="M3,3v8h8V3H3z M9,9H5V5h4V9z M3,13v8h8v-8H3z M9,19H5v-4h4V19z M13,3v8h8V3H13z M19,9h-4V5h4V9z M13,13v8h8v-8H13z M19,19h-4v-4h4V19z"></path>
                                            </g>
                                        </g>
                                    </g>
                                </svg>
                            </a>
                            
                        </div>
                        <!-- End::header-element --> <!-- Start::header-element --> 
                        <div class="header-element header-fullscreen">
                            <!-- Start::header-link --> 
                            <a onclick="openFullscreen();" href="javascript:void(0);" class="header-link">
                                <svg xmlns="http://www.w3.org/2000/svg" class="full-screen-open header-link-icon" height="24px" viewBox="0 0 24 24" width="24px" fill="#5f6368">
                                    <path d="M0 0h24v24H0V0z" fill="none"></path>
                                    <path d="M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"></path>
                                </svg>
                                <svg xmlns="http://www.w3.org/2000/svg" class="full-screen-close header-link-icon d-none" height="24px" viewBox="0 0 24 24" width="24px" fill="#5f6368">
                                    <path d="M0 0h24v24H0V0z" fill="none"></path>
                                    <path d="M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z"></path>
                                </svg>
                            </a>
                            <!-- End::header-link --> 
                        </div>
                        <!-- End::header-element --> <!-- Start::header-element --> 
                        <div class="header-element dropdown">
                            <!-- Start::header-link|dropdown-toggle --> <a href="javascript:void(0);" class="header-link dropdown-toggle" id="mainHeaderProfile" data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-expanded="false"> <span class="avatar avatar-sm avatar-rounded"> <img src="assets/images/avatar.svg" alt="img" class="img-fluid"> </span> </a> <!-- End::header-link|dropdown-toggle --> 
                            <ul class="main-header-dropdown dropdown-menu pt-0 overflow-hidden header-profile-dropdown dropdown-menu-end" aria-labelledby="mainHeaderProfile">
                                <li class="p-3 bg-light bg-opacity-75 border-bottom">
                                    <div class="d-flex align-items-center justify-content-between gap-4">
                                        <div>
                                            <p class="mb-0 fw-semibold lh-1">Ashwin Seth</p>
                                            <span class="fs-11 text-muted">ashwinseth@mail.com</span> 
                                        </div>
                                        <span class="badge bg-pink align-self-end mb-1">Pro</span> 
                                    </div>
                                </li>
                                <li><a class="dropdown-item d-flex align-items-center" href="profile.html"><i class="ti ti-user-circle fs-18 me-2 text-gray fw-normal"></i>My Profile</a></li>
                                <li><a class="dropdown-item d-flex align-items-center" href="mail.html"><i class="ti ti-inbox fs-18 me-2 text-gray fw-normal"></i>Mail Inbox <span class="badge bg-success ms-auto">06</span></a></li>
                                <li><a class="dropdown-item d-flex align-items-center" href="mail-settings.html"><i class="ti ti-adjustments-horizontal fs-18 me-2 text-gray fw-normal"></i>Account Settings</a></li>
                                <li>
                                    <hr class="dropdown-divider">
                                </li>
                                <li><a class="dropdown-item d-flex align-items-center" href="{{url('admin/logout"><i class="ti ti-logout fs-18 me-2 text-gray fw-normal"></i>Sign Out</a></li>
                            </ul>
                        </div>
                        <!-- End::header-element --> <!-- Start::header-element --> 
                       
                        <!-- End::header-element --> 
                    </div>
                    <!-- End::header-content-right --> 
                </div>
                <!-- End::main-header-container --> 
            </header>


