hngi · GoZaddy · Oct 23, 2019 · Oct 23, 2019 · Oct 23, 2019 · Oct 23, 2019
diff --git a/PHPMailerAutoload.php b/PHPMailerAutoload.php
@@ -0,0 +1,49 @@
+<?php
+/**
+ * PHPMailer SPL autoloader.
+ * PHP Version 5
+ * @package PHPMailer
+ * @link https://github.com/PHPMailer/PHPMailer/ The PHPMailer GitHub project
+ * @author Marcus Bointon (Synchro/coolbru) <[email protected]>
+ * @author Jim Jagielski (jimjag) <[email protected]>
+ * @author Andy Prevost (codeworxtech) <[email protected]>
+ * @author Brent R. Matzelle (original founder)
+ * @copyright 2012 - 2014 Marcus Bointon
+ * @copyright 2010 - 2012 Jim Jagielski
+ * @copyright 2004 - 2009 Andy Prevost
+ * @license http://www.gnu.org/copyleft/lesser.html GNU Lesser General Public License
+ * @note This program is distributed in the hope that it will be useful - WITHOUT
+ * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
+ * FITNESS FOR A PARTICULAR PURPOSE.
+ */
+
+/**
+ * PHPMailer SPL autoloader.
+ * @param string $classname The name of the class to load
+ */
+function PHPMailerAutoload($classname)
+{
+    //Can't use __DIR__ as it's only in PHP 5.3+
+    $filename = dirname(__FILE__).DIRECTORY_SEPARATOR.'class.'.strtolower($classname).'.php';
+    if (is_readable($filename)) {
+        require $filename;
+    }
+}
+
+if (version_compare(PHP_VERSION, '5.1.2', '>=')) {
+    //SPL autoloading was introduced in PHP 5.1.2
+    if (version_compare(PHP_VERSION, '5.3.0', '>=')) {
+        spl_autoload_register('PHPMailerAutoload', true, true);
+    } else {
+        spl_autoload_register('PHPMailerAutoload');
+    }
+} else {
+    /**
+     * Fall back to traditional autoload for old PHP versions
+     * @param string $classname The name of the class to load
+     */
+    function __autoload($classname)
+    {
+        PHPMailerAutoload($classname);
+    }
+}
diff --git a/add-account.html b/add-account.html
@@ -0,0 +1,303 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <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>Car Park Admin</title>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.min.css">
+    <link href="https://fonts.googleapis.com/css?family=Roboto&display=swap" rel="stylesheet">
+    <style>
+        #body-row {
+            margin-left: 0;
+            margin-right: 0;
+        }
+
+        #sidebar-container {
+            min-height: 100vh;
+            background-color: #0049B5;
+            padding: 0;
+        }
+
+        /* Sidebar sizes when expanded and expanded */
+        .sidebar-expanded {
+            width: 230px;
+        }
+
+        .sidebar-collapsed {
+            width: 60px;
+        }
+
+        /* Menu item*/
+        #sidebar-container .list-group a {
+            height: 50px;
+            color: white;
+        }
+
+        /* Submenu item*/
+        #sidebar-container .list-group .sidebar-submenu a {
+            height: 45px;
+            padding-left: 30px;
+        }
+
+        .sidebar-submenu {
+            font-size: 0.9rem;
+        }
+
+        /* Separators */
+        .sidebar-separator-title {
+            background-color: #0049B5;
+            height: 35px;
+        }
+
+        .sidebar-separator {
+            background-color: #0049B5;
+            height: 25px;
+        }
+
+        .logo-separator {
+            background-color: #0049B5;
+            height: 60px;
+        }
+
+        /* Closed submenu icon */
+        #sidebar-container .list-group .list-group-item[aria-expanded="false"] .submenu-icon::after {
+            content: " \f0d7";
+            font-family: FontAwesome;
+            display: inline;
+            text-align: right;
+            padding-left: 10px;
+        }
+
+        /* Opened submenu icon */
+        #sidebar-container .list-group .list-group-item[aria-expanded="true"] .submenu-icon::after {
+            content: " \f0da";
+            font-family: FontAwesome;
+            display: inline;
+            text-align: right;
+            padding-left: 10px;
+        }
+    </style>
+</head>
+
+<body>
+    <div class="container-fluid p-0" style="background-color: #F6F6F6;">
+        <div class="row " id="body-row">
+            <div id="sidebar-container" class="sidebar">
+                <ul class="list-group">
+                    <li
+                        class="list-group-item sidebar-separator-title text-muted d-flex align-items-center menu-collapsed">
+                    </li>
+                    <a href="#" data-toggle="sidebar-colapse"
+                        class=" list-group-item list-group-item-action d-flex align-items-center border-0"
+                        style="background-color: #0049B5">
+                        <div class="d-flex w-100 justify-content-start align-items-center">
+                            <span id="collapse-icon" class="fa fa-2x mr-3"></span>
+                            <span id="collapse-text" class="menu-collapsed">Menu</span>
+                        </div>
+                    </a>
+                    <a href="index.html"
+                        class="d-flex w-100 justify-content-start align-items-center  list-group-item list-group-item-action border-0 flex-column align-items-start"
+                        style="background-color: #0049B5">
+                        <span class="mr-auto">
+                            <img class="mr-auto"
+                                src="https://res.cloudinary.com/benjee/image/upload/v1571813970/Vector_excuh3.svg"
+                                alt="Dashboard" width="30" height="30">
+                            <span class="menu-collapsed">Dashboard</span>
+                            <span class="submenu-icon ml-auto"></span>
+                        </span>
+                    </a>
+
+
+                    <a href="mail-support.html"
+                        class="d-flex w-100 justify-content-start align-items-center list-group-item list-group-item-action border-0 flex-column align-items-start"
+                        style="background-color: #0049B5">
+                        <span class="mr-auto">
+                            <img class="mr-auto"
+                                src="https://res.cloudinary.com/benjee/image/upload/v1571813955/Group_45_vky2t5.svg"
+                                alt="Mail" width="30" height="30">
+                            <span class="menu-collapsed">Mail</span>
+                            <span class="submenu-icon ml-auto"></span>
+                        </span>
+                    </a>
+                    <a href="users.html"
+                        class="d-flex w-100 justify-content-start align-items-center list-group-item list-group-item-action border-0 flex-column align-items-start"
+                        style="background-color: #0049B5">
+                        <span class="mr-auto">
+                            <img src="https://res.cloudinary.com/benjee/image/upload/v1571813959/Vector_1_sos0vb.svg"
+                                alt="Users" width="30" height="30">
+                            <span class="menu-collapsed">Users</span>
+                            <span class="submenu-icon ml-auto"></span>
+                        </span>
+                    </a>
+                    <a href="add-account.html"
+                        class="d-flex w-100 justify-content-start align-items-center list-group-item list-group-item-action border-0 flex-column align-items-start"
+                        style="background-color: #0049B5">
+                        <span class="mr-auto">
+                            <img class="mr-auto"
+                                src="https://res.cloudinary.com/benjee/image/upload/v1571813962/Vector_2_zvoqmz.svg"
+                                alt="Settings" width="25" height="25">
+                            <span class="menu-collapsed">Settings</span>
+                            <span class="submenu-icon ml-auto"></span>
+                        </span>
+                    </a>
+
+                </ul>
+            </div>
+            <!--For main content area -->
+            <div class="col p-0 w-25">
+                <nav class="navbar navbar-expand-lg navbar-light bg-light">
+                    <div class="d-flex">
+                        <span id="collapse-menu" data-toggle="sidebar-container" class="fa mr-3 text-muted"
+                            style="font-size: 22px; cursor: pointer;"></span>
+                    </div>
+                    <div class="col-7 p-2 mb-0">
+                        <form class="form-inline active-cyan-4">
+                            <input class="form-control form-control-sm mr-3 w-75" type="text" placeholder="Search"
+                                aria-label="Search">
+                            <i class="fas fa-search" aria-hidden="true"></i>
+                        </form>
+                    </div>
+                    <button class="navbar-toggler" type="button" data-toggle="collapse"
+                        data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
+                        aria-expanded="false" aria-label="Toggle navigation">
+                        <span class="navbar-toggler-icon"></span>
+                    </button>
+
+                    <div class="collapse navbar-collapse" id="navbarSupportedContent">
+                        <div class="col-8 pt-3 d-flex">
+                            <i class="fa fa-user pr-1" aria-hidden="true"></i>
+                            <p class="text-muted">John Travolta</p>
+                        </div>
+                        <div class="col-4  d-flex border-left justify-content-end">
+                            <img src="https://res.cloudinary.com/benjee/image/upload/v1571821721/Rectangle_15_cj6nwd.svg"
+                                alt="EN" width="25" height="25">
+                            <span class="text-muted pl-2">EN</span>
+                        </div>
+                    </div>
+                </nav>
+                <div class="col main p-3 text-white" style="background:#1A73E8;">
+                    <div class="col">
+                        <h1 style="font-size: 35px">Welcome back Admin</h1>
+                        <h6 class="pt-2">CAR PARK APPLICATION </h6>
+                    </div>
+                </div>
+                <div class="col shadow">
+                    <nav class="nav">
+                        <a class="nav-link active text-muted border-bottom border-primary"
+                            href="add-account.html">Account</a>
+                        <a class="nav-link text-muted" href="users.html">Users</a>
+                        <a class="nav-link text-muted" href="pay-history.html">Payment History</a>
+                    </nav>
+                </div>
+                <div class="col mt-2 p-3">
+                    <div class="container">
+                        <div class="card" style="width: 100%;">
+                            <div class="card-body">
+
+                                <form action="add-user.php" method="POST">
+                                    <fieldset>
+                                        <div style="padding-left: 1.25rem; padding-right: 1.25rem">Personal inforation
+                                            <span class="card-text" style="color: darkgray; padding-left: 50px">The
+                                                information can be edited from your profile page.</span>
+                                            <input type="submit" class="btn btn-primary"
+                                                style="float: right; width: 120px;" value="Save"></div>
+                                        <br>
+                                        <hr><br>
+                                        <div style="padding-left: 1.25rem; padding-right: 1.25rem">
+                                            <div class="form-group row">
+                                                <div class="col-sm-6">
+                                                    First Name
+                                                    <input type="text" class="form-control" placeholder="First name" name="firstName">
+                                                </div>
+                                                <div class="col-sm-6">
+                                                    Last Name
+                                                    <input type="text" class="form-control" placeholder="Last name" name="lastName">
+                                                </div>
+                                            </div>
+                                            <div class="form-group row">
+                                                <div class="col-sm-6">
+                                                    Email
+                                                    <input type="email" class="form-control" placeholder="Email" name="email">
+                                                </div>
+                                                <div class="col-sm-6"></div>
+                                            </div>
+                                            <div style="color: darkgray">we will use this email if we need to contact
+                                                you about your account</div><br><br><br>
+                                            <div class="form-group row">
+                                                <div class="col-sm-10">
+                                                    <button type="submit" class="btn"
+                                                        style="border-color: #488ac5; color: #488ac5">Change
+                                                        Password</button>
+                                                </div>
+                                            </div>
+                                        </div>
+
+                                    </fieldset>
+                                </form>
+
+                            </div>
+                        </div>
+
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.slim.min.js">
+        </script>
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.15.0/umd/popper.min.js"></script>
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
+        <script>
+            $(document).ready(function () {
+                // Hide submenus
+                $('#body-row .collapse').collapse('hide');
+
+                // Collapse/Expand icon
+                $('#collapse-icon').addClass('fa-angle-double-left');
+                $('#collapse-menu').addClass('fa-angle-double-right');
+
+                // Collapse click
+                $('[data-toggle=sidebar-colapse]').click(function () {
+                    SidebarCollapse();
+                });
+                function SidebarCollapse() {
+                    $('.menu-collapsed').toggleClass('d-none');
+                    $('.sidebar-submenu').toggleClass('d-none');
+                    $('.submenu-icon').toggleClass('d-none');
+                    $('#sidebar-container').toggleClass('sidebar-expanded sidebar-collapsed');
+
+                    // Collapse/Expand icon
+                    $('#collapse-icon').toggleClass('fa-angle-double-right fa-angle-double-left');
+                }
+            });
+            // Collapse click
+            $('[data-toggle=sidebar-container]').click(function () {
+                SidemenuCollapse();
+            });
+            //Collapse Side Menu
+            function SidemenuCollapse() {
+                $('#sidebar-container').toggleClass('d-none');
+                // Collapse/Expand icon
+                $('#collapse-menu').toggleClass('fa-angle-double-right fa-angle-double-left');
+            }
+
+            //Hide Menu on Load
+            $(document).ready(function () {
+                $('#sidebar-container').toggleClass('d-none');
+            })
+            $(document).ready(function () {
+                $('.menu-collapsed').toggleClass('d-none');
+                $('.sidebar-submenu').toggleClass('d-none');
+                $('.submenu-icon').toggleClass('d-none');
+                $('#sidebar-container').toggleClass('sidebar-expanded sidebar-collapsed');
+
+                // Collapse/Expand icon
+                $('#collapse-icon').toggleClass('fa-angle-double-left fa-angle-double-right');
+            })
+        </script>
+</body>
+
+</html>
diff --git a/add-user.php b/add-user.php
@@ -0,0 +1,30 @@
+<?php
+
+$user = "1rekMHJ7Mr";
+$password = "Huf14jE5rb";
+$host = "remotemysql.com:3306";
+$dbase = "1rekMHJ7Mr";
+$table = "add-users";
+
+$firstname= $_POST['firstName'];
+$lastname= $_POST['lastName'];
+$name= '$firstname '.'$lastname';
+$email= $_POST['email'];
+
+$connection= mysql_connect ($host, $user, $password);
+if (!$connection)
+{
+die ('Could not connect:' . mysql_error());
+}
+mysql_select_db($database, $connection);
+
+$username_table= mysql_query( "SELECT username FROM $table WHERE username= '$username'" ) 
+or die("SELECT Error: ".mysql_error()); 
+
+mysql_query("INSERT INTO $table (Name, Email) VALUES ('$name', '$email')");
+
+echo 'You have been added.';
+
+mysql_close($connection);
+
+?>