<?php
session_start();
include_once('../../config/config.php');
include_once('../../config/class.php');
include_once('protected.php');

$con = new DB;
//print_r($_SESSION);

?>
<!doctype html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="..\..\images\favicon.png" type="image/x-icon">

    <title>PYAO Website- Admin Panel</title>

    <!-- Bootstrap core CSS -->
    <link href="../../css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom styles for this template -->
    <link href="../../css/pricing.css" rel="stylesheet">

    <!-- icons -->
    <link type="text/css" href="../../css/font-awesome.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="../../css/font-awesome.min.css">
    <!-- summernote CSS
       ============================================ -->
    <link rel="stylesheet" href="../../css/summernote/summernote.css">

    <link rel="stylesheet" href="../../css/tables/dataTables.bootstrap4.css" />

    <script type='text/javascript' src='textboxio/textboxio.js'></script>
    <link rel="stylesheet" type="text/css" href="example.css" />
    <link rel="stylesheet" type="text/css" href="../../css/navbar.css" />
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

    <script>
        /*
        This function replaces all <textareas> on a page with
        instances of Textbox.io.
        */
        var instantiateTextbox = function() {
            textboxio.replaceAll('#textbox', {
                paste: {
                    style: 'clean'
                },
                css: {
                    stylesheets: ['example.css']
                }
            });
        };
    </script>
    <script>
        /*
        This function gets the content from the instance of Textbox.io
        with the ID 'textbox'
        */
        var getEditorContent = function() {
            var editors = textboxio.get('#textbox');
            var editor = editors[0];
            return editor.content.get();
        };
    </script>


    <style type="text/css">
        .error {
            border-color: #ecbeb6;
            color: #b55351;
            text-align: left !important;
            font-size: small;
        }
    </style>
</head>

<body onload="instantiateTextbox();">

    <div class="d-flex flex-column flex-md-row align-items-center p-0 px-md-4 mb-3 bg-light rounded  border-bottom box-shadow">


        <nav class="navbar navbar-expand-md navbar-light rounded my-2 my-md-0 mr-md-3">
            <a class="navbar-brand" href="#">
                <img src="../../images\logo.png" alt="MACOHA" class="logo">
            </a>
            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault" aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>

            <div class="collapse navbar-collapse align-items-center" id="navbarsExampleDefault">
                <ul class="navbar-nav mr-auto align-items-center">
				<li class="nav-item">
                        <a class="nav-link" href="dashboard.php"><i class="fa fa-dashboard"></i> Dashboard</a>
                    </li>
					<li class="nav-item">
                        <a class="nav-link" href="management.php"><i class="fa fa-dashboard"></i> Management</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="services.php"><i class="fa fa-dashboard"></i> Programs</a>
                    </li>
					<li class="nav-item">
                        <a class="nav-link" href="projects.php"><i class="fa fa-dashboard"></i> Projects</a>
                    </li>
                    <!-- Dropdown -->
                    <li class="nav-item dropdown">
                        <a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown">
                            <i class="fa fa-list-alt"></i> Media
                        </a>
                        <div class="dropdown-menu">
                            <a class="dropdown-item" href="news.php">News</a>
                            <a class="dropdown-item" href="upcoming_events.php">Upcoming Events</a>
                            <a class="dropdown-item" href="newsletters.php">NewsLetters</a>
                            
                        </div>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="gallery.php"><i class="fa fa-dashboard"></i> Gallery</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="videos.php"><i class="fa fa-dashboard"></i> Videos</a>
                    </li>
                    
                                       
                   
                    </li>
                </ul>
            </div>
        </nav>
        <div class="btn-group mr-2">
            <nav class="navbar navbar-light rounded">
                <a href="javascript:void(0);" class="btn-user dropdown-toggle media align-items-center" data-toggle="dropdown" data-sidebar="true" aria-expanded="false">
                    <img class="mr-2" src="../../images/pf.png" width="40" height="40" alt="avatar">
                    <div class="media-body">
                        <?= $_SESSION['name'] ?>
                    </div>
                </a>
                <ul class="dropdown-menu dropdown-menu-right" role="menu">
                    <a class="dropdown-item" href="account_settings.php">Edit Profile</a>
                    <a class="dropdown-item" href="../../logout.php">Logout</a>
                </ul>
            </nav>
        </div>
    </div>