manageuser.html

<!DOCTYPE html>
<html>

<head>
    <title>NDG Admin <?= $_SESSION['username'] ?> | Manage Users</title>
    <!-- CDN's and links -->
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="theme-color" content="black">
    <link href="https://stackpath.bootstrapcdn.com/bootswatch/4.3.1/cyborg/bootstrap.min.css" rel="stylesheet" integrity="sha384-mtS696VnV9qeIoC8w/PrPoRzJ5gwydRVn0oQ9b+RJOPxE1Z1jXuuJcyeNxvNZhdx" crossorigin="anonymous">
    <link rel="stylesheet" type="text/css" href="./public/views/css/index.css">
    <link href="https://fonts.googleapis.com/css?family=Cinzel" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
    <link href="https://cdn.jsdelivr.net/gh/StephanWagner/jBox@v0.4.9/Source/jBox.css" rel="stylesheet">
    <script src="https://code.jquery.com/jquery-3.4.1.js" integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU=" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.15.0/umd/popper.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/js/bootstrap.min.js" integrity="sha384-alpBpkh1PFOepccYVYDB4do5UnbKysX5WZXm3XxPqe5iKTfUKjNkCk9SaVuEZflJ" crossorigin="anonymous"></script>
    <script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.js"></script>
    <script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/1.10.19/js/dataTables.bootstrap4.min.js"></script>
    <script src="https://cdn.jsdelivr.net/gh/StephanWagner/jBox@v0.4.9/Source/jBox.min.js"></script>
</head>

<body>
    <div class="container-fluid text-center">
        <div class="container-fluid">
            <div class="sidenav" id="mysidenav">
                <div class="text-center">
                    <span class="closebtn" id="closebutton">&times;</span>
                    <input id="sessionUser" value="<?= $_SESSION['username'] ?>" hidden>
                    <input id="authorized" value="<?= $_SESSION['authorized'] ?>" hidden>
                    <?php logoutbutton(); ?>
                </div>
            </div>
            <div class="container-fluid text-right"><span id="menu">&#9776;</span></div>
        </div>
        <h3 class="text-warning" id="header">New Dawn Gaming Admin Panel</h3>
        <div class="container-fluid main">
            <button class="btn btn-lg btn-outline-primary" id="homeBtn">Home</button>
            <button class="btn btn-lg btn-outline-primary" id="searchLogsBtn">Search Logs</button>
            <button class="btn btn-lg btn-outline-primary" id="searchBansBtn">Search Bans</button>
        </div>
        <div class="container-fluid main">
            <div class="border border-primary rounded" id="userInfo">
                <h4 class="text-warning">Manage Account For Ryan Huntington</h4>
                <div class="row">
                    <div class="container-fluid">
                        <button class="btn btn-lg btn-outline-primary">Whitelist</button>
                        <button class="btn btn-lg btn-outline-warning">Reset Forum Account</button>
                        <button class="btn btn-lg btn-outline-warning">Account Notes</button>
                        <button class="btn btn-lg btn-outline-warning">Warn Account</button>
                        <button class="btn btn-lg btn-outline-danger">Ban</button>
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm text-left">
                        <h5 class="text-warning">Account Stats</h5>
                        <p>Account Created: 2019-08-03 12:00:00</p>
                        <p>Hours Played: 100 hours</p>
                        <p>Number of Characters: 2</p>
                        <p>Character Most Played: Joe Shmoe</p>
                    </div>
                    <div class="border col-sm text-right">
                        <h5 class="text-warning">Account History</h5>
                        <div id="acctHistCol">
                            <p>User Received a WARNING From Addylad 2019-08-03 16:00:00</p>
                            <p>User Whitelisted By Lil Viper 2019-08-02 01:00:00</p>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
    </div>
    </div>
    <script>
        $(document).ready(() => {
            $(".main, .row .col-sm").slideDown(200);
        })
    </script>
</body>

</html>