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

$con = new DB;

?>
<!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="../../../daks2k3a4ib2z.cloudfront.net/57a49d19ae4229de1de36e40/57a8dfb3c1305fe2094ad874_ico-fav.png">

    <title>MUSCCO 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" />

    <script>
        /*
        This function replaces all <textareas> on a page with
        instances of Textbox.io.
        */
        var instantiateTextbox = function() {
            textboxio.replaceAll('textarea', {
                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">
        #create-user .error {
            border-color: #ecbeb6;
            color: #b55351;
            text-transform: capitalize;
            text-align: left !important;
        }

        #error {
            width: 100%;
        }

        .alert {
            width: 100%;
            text-align: left;
        }
    </style>
</head>

<body onload="instantiateTextbox();">

    <div class="d-flex flex-column flex-md-row align-items-center p-3 px-md-4 mb-3 bg-white border-bottom box-shadow">
        <h5 class="my-0 mr-md-auto font-weight-normal">
            <img src="../../images\logo.png" alt="MACOHA" class="logo">
        </h5>
        <nav class="my-2 my-md-0 mr-md-3">

            <a class="p-2 text-dark" href="dashboard.php"><i class="fa fa-users"></i> System Users</a>
            <a class="p-2 text-dark" href="account_settings.php"><i class="fa fa-cogs"></i> Account Settings</a>
        </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="https://pro.propeller.in/assets/images/avatar-icon-40x40.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>