first commit

.vscode/settings.json

@@ -0,0 +1,3 @@
+{
+  "git.ignoreLimitWarning": true
+}

TODOLIST.txt

@@ -0,0 +1,60 @@
+====global====
+_navbar- ok
+_settings-panel - ok
+_sidebar - stop the sidebar from scrolling with the page
+adminlogin - ok
+dbconn - ok
+login - ok
+logout - ok
+
+
+
+
+====for admin====
+adminfieldset - ok
+adminindex - ok
+admintables - ok
+deleteuser - ok
+edituser - ok
+saveuser - ok
+updateuser- ok
+
+
+====for doc and sec ====
+deletepatient - ok 
+editpatient - need na lang data para sa radio button tas ok na
+patientrecord - need icon for add appointment (daw + sign) 
+updatepatient - ok
+
+
+====for doctor====
+docappointment - remove search bar?, bring back the delete button, 3 buttons in action. 1 for edit, 2 for done, 3 for delete
+done - js for is it done, also php to remove the patient from the queue, use this to update the data of the patient like the data of the appointment to be used for "previous appointment"
+
+
+====for sec====
+savepatient - ok
+secappointment - search bar js for row searching
+secfieldset - ok
+sectables - ok
+
+====for appointment====
+addappointment - coding to populate the tblappointment
+saveappointment - to save the data from appointment_tables
+
+
+
+for future
+-------------------------------------------------------------------------------------
+add clinictime for tbldoctor 
+medical history for tblpatients
+secretary can search for the availability of the doctor, different doctor, same time
+
+display the unavailability of the doctor and when will he/she be available (date)
+display medical history of the patient in patient record
+
+
+IREMOVE LANG OR EDIT KUNG ANO NA NATAPOS. INDI PAG DELETE NING FILE
+
+
+

_navbar.php

@@ -0,0 +1,24 @@
+<nav class="navbar default-layout-navbar col-lg-12 col-12 p-0 fixed-top d-flex flex-row">
+  <div class="navbar-menu-wrapper d-flex align-items-stretch">
+    <button class="navbar-toggler navbar-toggler align-self-center" type="button" data-toggle="minimize">
+      <span class="mdi mdi-chevron-double-left"></span>
+    </button>
+    <div class="text-center navbar-brand-wrapper d-flex align-items-center justify-content-center">
+      <a class="navbar-brand brand-logo-mini" href="#"><img src="assets/images/logo-mini.svg" alt="logo" /></a>
+    </div>
+    <ul class="navbar-nav">
+
+
+    </ul> 
+    <ul class="navbar-nav navbar-nav-right">
+      <li class="nav-item nav-logout d-none d-md-block">
+        <form action="logout.php" method="post">
+          <button type="submit" class="btn btn-sm btn-danger">Logout</button>
+        </form>
+      </li>
+    </ul>
+    <button class="navbar-toggler navbar-toggler-right d-lg-none align-self-center" type="button" data-toggle="offcanvas">
+      <span class="mdi mdi-menu"></span>
+    </button>
+  </div>
+</nav>

_settings-panel.php

@@ -0,0 +1,21 @@
+<div id="settings-trigger"><i class="mdi mdi-settings"></i></div>
+<div id="theme-settings" class="settings-panel">
+  <i class="settings-close mdi mdi-close"></i>
+  <p class="settings-heading">SIDEBAR SKINS</p>
+  <div class="sidebar-bg-options selected" id="sidebar-default-theme">
+    <div class="img-ss rounded-circle bg-light border me-3"></div>Default
+  </div>
+  <div class="sidebar-bg-options" id="sidebar-dark-theme">
+    <div class="img-ss rounded-circle bg-dark border me-3"></div>Dark
+  </div>
+  <p class="settings-heading mt-2">HEADER SKINS</p>
+  <div class="color-tiles mx-0 px-4">
+    <div class="tiles default primary"></div>
+    <div class="tiles success"></div>
+    <div class="tiles warning"></div>
+    <div class="tiles danger"></div>
+    <div class="tiles info"></div>
+    <div class="tiles dark"></div>
+    <div class="tiles light"></div>
+  </div>
+</div>

_sidebar.php

@@ -0,0 +1,110 @@
+<?php
+// Check if the user is not logged in, and redirect to the login page if not authenticated.
+if (!isset($_SESSION['username'])) {
+  header("Location: login.php"); // Redirect to your login page
+  exit();
+}
+?>
+
+<nav class="sidebar sidebar-offcanvas" id="sidebar">
+  <ul class="nav">
+    <li class="nav-item nav-profile border-bottom">
+      <a href="<?php echo getProfileLink($_SESSION); ?>" class="nav-link flex-column">
+        <div class="nav-profile-image">
+          <img src="assets/images/faces/face1.jpg" alt="profile" />
+          <!-- Change to offline or busy as needed -->
+        </div>
+        <div class="nav-profile-text d-flex ms-0 mb-3 flex-column">
+          <span class="font-weight-semibold mb-1 mt-2 text-center">
+            <?php echo $_SESSION['username']; ?> <!-- Display the username from the session -->
+          </span>
+        </div>
+      </a>
+    </li>
+
+    <li class="nav-item pt-3">
+      <form class="d-flex align-items-center" action="#">
+        <div class="input-group">
+          <div class="input-group-prepend">
+          </div>
+      </form>
+    </li>
+    <li class="pt-2 pb-1">
+      <span class="nav-item-head">Navigation</span>
+    </li>
+    <?php
+    // Function to determine the profile link based on the user's role
+    function getProfileLink($session)
+    {
+      if (isset($session['isAdmin']) && $session['isAdmin'] == 1) {
+        return "adminindex.php"; // Admin profile link
+      } elseif (isset($session['isSec']) && $session['isSec'] == 1) {
+        return "secindex.php"; // Secretary profile link
+      } elseif (isset($session['isDoc']) && $session['isDoc'] == 1) {
+        return "docappointment.php"; // Doctor profile link
+      }
+    }
+    ?>
+    <!-- for secretary -->
+    <?php
+    // Check user role and display corresponding menu items
+    if (isset($_SESSION['isAdmin']) && $_SESSION['isAdmin'] == 1 && (!isset($_SESSION['isSec']) || $_SESSION['isSec'] != 1) && (!isset($_SESSION['isDoc']) || $_SESSION['isDoc'] != 1)) {
+    ?>
+
+      <li class="nav-item">
+
+
+
+      <li class="nav-item">
+        <a class="nav-link" href="adminindex.php">
+          <i class="	fa fa-user-circle-o" style="font-size:24px;"></i>
+          <span class="menu-title " style="margin-left: 10px;">Users</span>
+        </a>
+      </li>
+
+    <?php
+    }
+    ?>
+
+    <!-- for secretary-->
+    <?php
+    if (isset($_SESSION['isSec']) && $_SESSION['isSec'] == 1 && (!isset($_SESSION['isAdmin']) || $_SESSION['isAdmin'] != 1) && (!isset($_SESSION['isDoc']) || $_SESSION['isDoc'] != 1)) {
+    ?>
+      <li class="nav-item">
+        <a class="nav-link" href="secindex.php">
+          <i class="fa fa-stethoscope" style="font-size:24px;"></i>
+          <span class="menu-title" style="margin-left: 10px;">Appointments Today</span>
+        </a>
+      </li>
+
+      <li class="nav-item">
+        <a class="nav-link" href="patientrecord.php">
+          <i class="fa fa-heartbeat" style="font-size:24px;"></i>
+          <span class="menu-title" style="margin-left: 10px;">Patient Records</span>
+        </a>
+      </li>
+    <?php
+    }
+    ?>
+    <!-- for doctor-->
+    <?php
+    if (isset($_SESSION['isDoc']) && $_SESSION['isDoc'] == 1 && (!isset($_SESSION['isAdmin']) || $_SESSION['isAdmin'] != 1) && (!isset($_SESSION['isAdmin']) || $_SESSION['isAdmin'] != 1)) {
+    ?>
+      <li class="nav-item">
+        <a class="nav-link" href="docappointment.php">
+          <i class="fa fa-stethoscope" style="font-size:24px;"></i>
+          <span class="menu-title" style="margin-left: 10px;">Your Appointments Today</span>
+        </a>
+      </li>
+      <li class="nav-item">
+        <a class="nav-link" href="patientrecord.php">
+          <i class="fa fa-heartbeat" style="font-size:24px;"></i>
+          <span class="menu-title" style="margin-left: 10px;">Patient Records</span>
+        </a>
+      </li>
+    <?php
+    }
+    ?>
+
+    </li>
+</nav>

addappointment.php

@@ -0,0 +1,49 @@
+<?php
+require_once 'dbconn.php';
+
+session_start();
+
+if (isset($_SESSION['secIDFK'])) {
+    $secIDFK = $_SESSION['secIDFK'];
+} else {
+    echo "secIDFK is not set.";
+}
+if (isset($_POST['btnAddAppointment'])) {
+    $fname = $_POST['fname'];
+    $mname = $_POST['mname'];
+    $lname = $_POST['lname'];
+    $age = $_POST['age'];
+    $sex = $_POST['sex'];
+    $civilStatus = $_POST['civilStatus'];
+    $phonenum = $_POST['phonenum'];
+    $address = $_POST['address'];
+    $dateOfBirth = $_POST['dateOfBirth'];
+    $doctor = $_POST['doctor'];
+    $type_appointment = $_POST['type_appointment'];
+
+
+    // Insert patient data into tblpatient
+    $sql = "INSERT INTO tblpatient 
+    (fname, mname, lname, patientage, sex, civilstatus, phonenumber, address, dateofbirth, tblsec_userid, findings, recommendation, isCancelled) 
+    VALUES ('$fname', '$mname', '$lname', $age, '$sex', '$civilStatus', '$phonenum', '$address', '$dateOfBirth', $secIDFK, '', '', 0)";
+
+    if (mysqli_query($conn, $sql)) {
+        // Get the last inserted patient ID
+        $patientID = mysqli_insert_id($conn);
+
+        // Now, insert appointment data into tblappointment
+        $sql = "INSERT INTO tblappointment (tblpatient_patientid, tblsec_userid, tbldoctor_doctorid, date, type_appointment)
+VALUES ($patientID, $secIDFK, $doctor, NOW(), '$type_appointment')";
+
+        if (mysqli_query($conn, $sql)) {
+            // Appointment successfully created
+            header("Location: secindex.php?msg=Appointment has been added successfully!");
+        } else {
+            // Handle appointment insertion error
+            echo "Error creating appointment: " . mysqli_error($conn);
+        }
+    } else {
+        // Handle patient insertion error
+        echo "Error adding patient: " . mysqli_error($conn);
+    }
+}

adminfieldset.php

@@ -0,0 +1,97 @@
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+<link rel="stylesheet" href="assets\css\number.css">
+<form action="saveuser.php" method="POST">
+    <fieldset class="custom-fieldset">
+        <legend>
+            <h1><b>Add User</b></h1>
+        </legend>
+        <div>
+            <br>
+            <label for="firstName">First Name:</label>
+            <input class="form-control" type="text" id="firstName" name="fname" placeholder="First Name">
+        </div>
+
+        <div>
+            <br>
+            <label for="middleName">Middle Name:</label>
+            <input class="form-control" type="text" id="middleName" name="mname" placeholder="Middle Name">
+        </div>
+
+        <div>
+            <br>
+            <label for="lastName">Last Name:</label>
+            <input class="form-control" type="text" id="lastName" name="lname" placeholder="Last Name">
+        </div>
+        <div>
+            <br>
+            <label for="phoneNum">Address:</label>
+            <input class="form-control" type="text" id="Address" name="address" placeholder="Address">
+        </div>
+
+        <div>
+            <br>
+            <label for="phoneNum">Phone Number:</label>
+            <input class="form-control" type="number" id="phoneNum" name="phonenum" placeholder="Ex. 09123456789" min="0" max="9999999999" inputmode="numeric">
+
+        </div>
+
+        <div>
+            <br>
+            <label for="userPos">User Position:</label>
+            <br>
+            <input type="radio" name="UserPos" id="sec" value="isSec" checked>
+            <label for="sec">Secretary</label>
+            <input type="radio" name="UserPos" id="doctor" value="isDoc">
+            <label for="doctor">Doctor</label>
+        </div>
+
+        <div id="specializationDiv">
+            <br>
+            <label for="specialization">Specialization:</label>
+            <input class="form-control" type="text" id="specialization" name="specialization" placeholder="Ex. General Medicine">
+        </div>
+
+        <div id="licenseDiv">
+            <br>
+            <label for="licno">License Number:</label>
+            <input class="form-control" type="number" id="licno" name="licno" placeholder="Ex. 123456789 " inputmode="numeric">
+        </div>
+
+        <div>
+            <br>
+            <label for="username">User Name:</label>
+            <input class="form-control" type="text" id="username" name="username" placeholder="User Name">
+        </div>
+
+        <div>
+            <br>
+            <div>
+                <label for="userPass">Password:</label>
+                <div class="password-input-container">
+                    <input class="form-control" type="password" id="userPass" name="userPass" placeholder="Password">
+                    <button id="togglePassword" type="button" onclick="togglePasswordVisibility('userPass', 'eyeIcon')">
+                        <i id="eyeIcon" class="fa fa-eye" aria-hidden="true"></i>
+                    </button>
+                </div>
+            </div>
+
+            <div>
+                <br>
+                <label for="confirmUserPass">Confirm Password:</label>
+                <div class="password-input-container">
+                    <input class="form-control" type="password" id="confirmUserPass" name="confirmUserPass" placeholder="Confirm Password">
+                    <button id="togglePassword" type="button" onclick="toggleConfPasswordVisibility('confirmUserPass', 'eyeIconConfirm')">
+                        <i id="eyeIconConfirm" class="fa fa-eye" aria-hidden="true"></i>
+                    </button>
+                </div>
+            </div>
+
+
+            <div class="modal-footer">
+                <button type="submit" class="btn btn-primary" name="btnSaveUser">Save</button>
+            </div>
+    </fieldset>
+</form>
+
+
+<script src="assets/js/a.js"></script>

adminindex.php

@@ -0,0 +1,110 @@
+<?php
+require "dbconn.php";
+
+session_start();
+if (!isset($_SESSION["isAdmin"])) {
+    header("Location: login.php");
+}
+?>
+
+
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
+    <title>Dashboard</title>
+    <link rel="stylesheet" href="assets/vendors/mdi/css/materialdesignicons.min.css">
+    <link rel="stylesheet" href="assets/vendors/flag-icon-css/css/flag-icon.min.css">
+    <link rel="stylesheet" href="assets/vendors/css/vendor.bundle.base.css">
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.5.0/dist/css/bootstrap.min.css" rel="stylesheet">
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.5.0/dist/js/bootstrap.bundle.min.js"></script>
+    <link rel="stylesheet" href="path-to-your-css/bootstrap.min.css">
+    <script src="path-to-your-js/jquery.min.js"></script>
+    <script src="path-to-your-js/bootstrap.min.js"></script>
+    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
+    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
+    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
+    <script src='https://kit.fontawesome.com/a076d05399.js' crossorigin='anonymous'></script>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+    <link rel="stylesheet" href="assets\css\a.css">
+    <link rel="stylesheet" href="assets/vendors/jquery-bar-rating/css-stars.css" />
+    <link rel="stylesheet" href="assets/vendors/font-awesome/css/font-awesome.min.css" />
+    <link rel="stylesheet" href="assets/css/demo_1/style.css" />
+    <link rel="shortcut icon" href="assets/images/favicon.png" />
+</head>
+
+<body>
+    <div class="container-scroller">
+        <!-- partial:partials/_sidebar.php -->
+        <?php include "_sidebar.php"; ?>
+        <div class="container-fluid page-body-wrapper">
+            <!-- partial:partials/_settings-panel.php -->
+            <?php include "_settings-panel.php"; ?>
+            <!-- partial:partials/_navbar.php -->
+            <?php include "_navbar.php"; ?>
+
+            <!--main panel -->
+            <div class="main-panel">
+                <div class="content-wrapper pb-0">
+                    <div class="page-header flex-wrap">
+                        <div class="header-left">
+                            <!--create button for moda popup -->
+                            <button class="btn btn-primary mb-2 mb-md-0 me-2" data-toggle="modal" data-target="#patientModal">Create New User</button>
+                        </div>
+                        <div class="header-right d-flex flex-wrap mt-2 mt-sm-0">
+                            <div class="d-flex align-items-center">
+                                <input type="text" class="form-control border-0" placeholder="Search" />
+                            </div>
+                        </div>
+                    </div>
+                    <?php
+                    if (isset($_GET['msg']) && !empty($_GET['msg'])) {
+                        // Display the success message
+                        echo '<div class="msg">' . $_GET['msg'] . '</div>';
+                    } ?>
+
+
+                    <!-- Modal for adding user information -->
+                    <div class="modal fade" id="patientModal" tabindex="-1" role="dialog" aria-labelledby="patientModalLabel" aria-hidden="true">
+                        <div class="modal-dialog" role="document">
+                            <div class="modal-content">
+                                <div class="modal-header">
+                                    <h5 class="modal-title" id="userModalLabel"></h5>
+                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                                        <span aria-hidden="true">&times;</span>
+                                    </button>
+                                </div>
+                                <?php include "adminfieldset.php"; ?>
+                                <div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+
+                    <?php
+                    include 'admintables.php';
+                    ?>
+
+                    <script src="assets/vendors/js/vendor.bundle.base.js"></script>
+                    <script src="assets/vendors/jquery-bar-rating/jquery.barrating.min.js"></script>
+                    <script src="assets/vendors/chart.js/Chart.min.js"></script>
+                    <script src="assets/vendors/flot/jquery.flot.js"></script>
+                    <script src="assets/vendors/flot/jquery.flot.resize.js"></script>
+                    <script src="assets/vendors/flot/jquery.flot.categories.js"></script>
+                    <script src="assets/vendors/flot/jquery.flot.fillbetween.js"></script>
+                    <script src="assets/vendors/flot/jquery.flot.stack.js"></script>
+                    <script src="assets/js/jquery.cookie.js" type="text/javascript"></script>
+                    <script src="assets/js/off-canvas.js"></script>
+                    <script src="assets/js/hoverable-collapse.js"></script>
+                    <script src="assets/js/misc.js"></script>
+                    <script src="assets/js/settings.js"></script>
+                    <script src="assets/js/todolist.js"></script>
+                    <script src="assets/js/dashboard.js"></script>
+                    <script src="assets\js\a.js"></script>
+
+</body>
+
+</html>

adminlogin.php

@@ -0,0 +1,53 @@
+<?php
+require "dbconn.php";
+
+if (isset($_POST["btnSignin"])) {
+    if (isset($_POST["inputUsername"]) && isset($_POST["inputPassword"])) {
+        $usernameInput = $_POST["inputUsername"];
+        $userpassInput = $_POST["inputPassword"];
+
+        // Check if the user exists based on the username
+        $sql = "SELECT u.username, u.password, r.isAdmin, r.isSec, r.isDoc, r.secIDFK
+                FROM tbluserauth AS u
+                JOIN tbluserroles AS r ON u.tbluserroles_roleid = r.roleid
+                WHERE u.username = '" . $usernameInput . "' LIMIT 1";
+
+        $result = mysqli_query($conn, $sql);
+
+        if ($result && mysqli_num_rows($result) === 1) {
+            $row = mysqli_fetch_assoc($result);
+            $hashedPassword = $row["password"];
+
+            // Verify the hashed password
+            if (password_verify($userpassInput, $hashedPassword)) {
+                // Password is correct
+                session_start();
+                $_SESSION["username"] = $row["username"];
+                $_SESSION["isAdmin"] = $row["isAdmin"];
+                $_SESSION["isSec"] = $row["isSec"];
+                $_SESSION["isDoc"] = $row["isDoc"];
+                $_SESSION["secIDFK"] = $row["secIDFK"];
+
+                if ($row["isAdmin"] == 1) {
+                    header("Location: adminindex.php");
+                } elseif ($row["isDoc"] == 1) {
+                    header("Location: docappointment.php");
+                } elseif ($row["isSec"] == 1) {
+                    header("Location: secindex.php");
+                } else {
+                    // Handle other roles or scenarios as needed
+                    echo "Unknown user role!";
+                }
+            } else {
+                echo "Incorrect password!";
+                header("Location: login.php?userNotFound=1");
+            }
+        } else {
+            echo "No user found!";
+            header("Location: login.php?userNotFound=1");
+        }
+    } else {
+        echo "Username and password are required.";
+        header("Location: login.php?userNotFound=1");
+    }
+}

admintables.php

@@ -0,0 +1,107 @@
+<div class="col-xl-12 stretch-card grid-margin">
+    <div class="card">
+        <div class="card-body pb-0">
+            <h4 class="card-title mb-0">Users</h4>
+        </div>
+        <div class="card-body p-0">
+            <div class="table-responsive">
+                <table class="table custom-table text-dark">
+                    <thead>
+                        <tr>
+                            <th>ID</th>
+                            <th>First Name</th>
+                            <th>Middle Name</th>
+                            <th>Last Name</th>
+                            <th>Phone Number</th>
+                            <th>Address</th>
+                            <th>User Role</th>
+                            <th>Username</th>
+                            <th>Action</th>
+                        </tr>
+                    </thead>
+                    <tbody>
+                        <?php
+                        $sql = "SELECT
+                            d.doctorid as ID,
+                            d.fname as FirstName,
+                            d.mname as MiddleName,
+                            d.lname as LastName,
+                            d.specialization as Specialization,
+                            d.licensenum as LicenseNum,
+                            d.phonenum as PhoneNum,
+                            d.address as DAddress,
+                            'Doc' as UserRole,  -- Set the role to 'Doc' for doctors
+                            ua.username as Username  -- Retrieve username for doctors
+                        FROM tbldoctor d
+                        JOIN tbluserroles ur ON d.doctorid = ur.doctorIDFK
+                        JOIN tbluserauth ua ON ur.roleid = ua.tbluserroles_roleid
+                        WHERE d.isDeleted = 0
+                        UNION ALL
+                        SELECT
+                            s.userid as ID,
+                            s.fname as FirstName,
+                            s.mname as MiddleName,
+                            s.lname as LastName,
+                            NULL,
+                            NULL,
+                            s.phonenum as PhoneNum,
+                            s.address as DAddress,
+                            'Sec' as UserRole,  -- Set the role to 'Sec' for secretaries
+                            ua.username as Username  -- Retrieve username for secretaries
+                        FROM tblsec s
+                        LEFT JOIN tbluserroles ur ON s.userid = ur.secIDFK
+                        LEFT JOIN tbluserauth ua ON ur.roleid = ua.tbluserroles_roleid
+                        WHERE s.isDeleted = 0;
+                        ";
+                        try {
+                            $result = mysqli_query(
+                                $conn,
+                                $sql
+                            );
+                            while (
+                                $row = mysqli_fetch_assoc(
+                                    $result
+                                )
+                            ) { ?>
+                                <tr>
+                                    <td><?= $row["ID"] ?></td>
+                                    <td><?= $row["FirstName"] ?></td>
+                                    <td><?= $row["MiddleName"] ?></td>
+                                    <td><?= $row["LastName"] ?></td>
+                                    <td><?= $row["PhoneNum"] ?></td>
+                                    <td><?= $row["DAddress"] ?></td>
+                                    <td><?= $row["UserRole"] ?></td>
+                                    <td><?= $row["Username"] ?></td>
+                                    <td>
+                                        <form action="edituser.php" method="POST" style="display: inline;">
+                                            <input type="hidden" name="ID" value="<?php echo $row["ID"]; ?>">
+                                            <input type="hidden" name="UserRole" value="<?php echo $row["UserRole"]; ?>">
+                                            <button class="btn btn-success btn-sm rounded-0" type="submit" name="btnEditUser" data-toggle="tooltip" data-placement="top" title="Edit">
+                                                <i class="fa fa-edit"></i>
+                                            </button>
+                                        </form>
+
+                                        <form action="deleteuser.php" method="POST" style="display: inline;" onsubmit="return confirm('Do you want to delete this user?');">
+                                            <input type="hidden" name="ID" value="<?php echo $row["ID"]; ?>">
+                                            <input type="hidden" name="UserRole" value="<?php echo $row["UserRole"]; ?>">
+                                            <button class="btn btn-danger btn-sm rounded-0" type="submit" name="btnDeleteUser" data-toggle="tooltip" data-placement="top" title="Delete">
+                                                <i class="fa fa-trash"></i>
+                                            </button>
+                                        </form>
+
+
+
+                                    </td>
+                                </tr>
+                        <?php }
+                        } catch (Exception $e) {
+                            echo "Error: " .
+                                $e->getMessage();
+                        }
+                        ?>
+                    </tbody>
+                </table>
+            </div>
+        </div>
+    </div>
+</div>

appointment_index.php

@@ -0,0 +1,154 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
+    <title>Dashboard</title>
+    <link rel="stylesheet" href="assets/vendors/mdi/css/materialdesignicons.min.css">
+    <link rel="stylesheet" href="assets/vendors/flag-icon-css/css/flag-icon.min.css">
+    <link rel="stylesheet" href="assets/vendors/css/vendor.bundle.base.css">
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.5.0/dist/css/bootstrap.min.css" rel="stylesheet">
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.5.0/dist/js/bootstrap.bundle.min.js"></script>
+    <link rel="stylesheet" href="path-to-your-css/bootstrap.min.css">
+    <script src="path-to-your-js/jquery.min.js"></script>
+    <script src="path-to-your-js/bootstrap.min.js"></script>
+    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
+    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
+    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
+    <script src='https://kit.fontawesome.com/a076d05399.js' crossorigin='anonymous'></script>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+    <link rel="stylesheet" href="assets\css\a.css">
+    <link rel="stylesheet" href="assets/vendors/jquery-bar-rating/css-stars.css" />
+    <link rel="stylesheet" href="assets/vendors/font-awesome/css/font-awesome.min.css" />
+    <link rel="stylesheet" href="assets/css/demo_1/style.css" />
+    <link rel="shortcut icon" href="assets/images/favicon.png" />
+    <link rel="stylesheet" href="assets\css\number.css">
+</head>
+
+<body>
+    <form action="addappointment.php" method="POST">
+        <fieldset class="custom-fieldset">
+            <legend>
+                <h1><b>Add Appointment</b></h1>
+            </legend>
+            <!-- First Name -->
+            <div>
+                <br>
+                <label for="firstName">First Name:</label>
+                <input class="form-control" type="text" id="firstName" name="fname" placeholder="First Name">
+            </div>
+
+            <!-- Middle Name -->
+            <div>
+                <br>
+                <label for="middleName">Middle Name:</label>
+                <input class="form-control" type="text" id="middleName" name="mname" placeholder="Middle Name">
+            </div>
+
+            <!-- Last Name -->
+            <div>
+                <br>
+                <label for="lastName">Last Name:</label>
+                <input class="form-control" type="text" id="lastName" name="lname" placeholder="Last Name">
+            </div>
+
+            <!-- Age -->
+            <div>
+                <br>
+                <label for="age">Age:</label>
+                <input class="form-control" type="number" id="age" name="age" placeholder="Age" in="0" max="9999999999" inputmode="numeric" pattern="[0-9]*">
+            </div>
+
+            <!-- Sex -->
+            <div class="nameage">
+                <br>
+                <label for="sex">Sex:</label>
+                <span style="margin-right: 10px;"></span>
+                <input type="radio" name="sex" id="male" value="male" checked>
+                <label for="male">Male</label>
+                <span style="margin-right: 10px;"></span>
+                <input type="radio" name="sex" id="female" value="female">
+                <label for="female">Female</label>
+                <br>
+            </div>
+
+            <!-- Civil Status -->
+            <div>
+                <br>
+                <label for="civilStatus">Civil Status:</label>
+                <select class="form-control" id="civilStatus" name="civilStatus">
+                    <option value="Single">Single</option>
+                    <option value="Married">Married</option>
+                    <option value="Widowed">Widowed</option>
+                    <option value="Separated">Separated</option>
+                </select>
+            </div>
+
+            <!-- Phone Number -->
+            <div>
+                <br>
+                <label for="phoneNum">Phone Number:</label>
+                <input class="form-control" type="number" id="phoneNum" name="phonenum" placeholder="Ex. 09123456789" in="0" max="9999999999" inputmode="numeric" pattern="[0-9]*">
+            </div>
+
+            <!-- Address -->
+            <div>
+                <br>
+                <label for="phoneNum">Address:</label>
+                <input class="form-control" type="text" id="Address" name="address" placeholder="Address">
+            </div>
+
+            <!-- Date of Birth -->
+            <div class="nameage">
+                <br>
+                <label for="dateOfBirth">Date Of Birth:</label><br>
+                <input type="date" id="dateOfBirth" name="dateOfBirth">
+            </div>
+
+            <!-- Type -->
+            <div>
+                <br>
+                <label for="type">Type:</label>
+                <select class="form-control" id="type_appointment" name="type_appointment">
+                    <option value="CheckUp">Check Up</option>
+                    <option value="FollowUp">Follow Up</option>
+                </select>
+            </div>
+
+
+            <div>
+                <br>
+                <!-- for doctor populate -->
+                <label for="FreeDoctor">Doctor:</label>
+                <select class="form-control" id="doctor" name="doctor">
+                    <?php
+                    require "dbconn.php"; // Include your database connection
+
+                    // Query to fetch doctor data from tbldoctor
+                    $sql = "SELECT doctorid, fname, lname FROM tbldoctor";
+                    $result = mysqli_query($conn, $sql);
+
+                    if ($result) {
+                        while ($row = mysqli_fetch_assoc($result)) {
+                            $doctorId = $row['doctorid'];
+                            $doctorFullName = $row['fname'] . ' ' . $row['lname'];
+                            echo "<option value='$doctorId'>$doctorFullName</option>";
+                        }
+                    }
+                    ?>
+                </select>
+            </div>
+
+
+
+            <div class="modal-footer">
+                <button type="submit" class="btn btn-primary" name="btnAddAppointment">Add</button>
+            </div>
+        </fieldset>
+    </form>
+
+</body>
+
+</html>

assets/css/a.css

@@ -0,0 +1,39 @@
+.custom-fieldset {
+    border: 1px solid #ccc;
+    padding: 20px;
+    border-radius: 5px;
+}
+
+.password-input-container {
+position: relative;
+}
+
+.form-control-password {
+padding-right: 40px; /* Adjust this value as needed to fit the icon */
+}
+
+#togglePassword {
+position: absolute;
+right: 5px; /* Adjust the button's position as needed */
+top: 50%;
+transform: translateY(-50%);
+background: none;
+border: none;
+cursor: pointer;
+
+}
+#toggleConfirmPassword {
+    position: absolute;
+    right: 5px; /* Adjust the button's position as needed */
+    top: 50%;
+    transform: translateY(-50%);
+    background: none;
+    border: none;
+    cursor: pointer;
+    
+    }
+.custom-fieldset {
+    border: 1px solid #ccc;
+    padding: 20px;
+    border-radius: 5px;
+  }

assets/css/docfinding.css

@@ -0,0 +1,32 @@
+.custom-fieldset {
+    background-color: white;
+    max-width: 500px;
+    margin: 0 auto; /* Center the fieldset horizontally */
+    padding: 20px; /* Add some padding to create space around the fieldset */
+    font-size: 14px; /* Adjust font size as needed */
+    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
+}
+
+.modal-footer-edit {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 0.3rem 10px;
+    border-top: 1px solid #e4e9f0;
+    border-bottom-right-radius: calc(0.3rem - 1px);
+    border-bottom-left-radius: calc(0.3rem - 1px);
+    max-width: 500px;
+    margin: 0 auto; /* Center the footer horizontally */
+    font-size: 14px; /* Adjust font size as needed */
+}
+
+.update-button {
+    margin-left: 320px; /* Adjust the space between the "Update" button and "Close" button */
+}
+
+/* Add background image to the body */
+body {
+   background-color:#d3d3d3;/* Replace with the path to your image */
+    background-size: cover;
+    background-repeat: no-repeat;
+}

assets/css/editpatient.css

@@ -0,0 +1,38 @@
+.custom-fieldset {
+    background-color: white;
+    max-width: 500px;
+    /* Set the maximum width */
+    margin: 0 auto;
+    /* Center the fieldset horizontally */
+    font-size: 14px;
+    /* Adjust font size as needed */
+    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
+}
+
+.modal-footer-edit {
+    display: flex;
+    justify-content: space-between; /* Align items horizontally */
+    align-items: center; /* Center items vertically */
+    padding: 0.3rem 10px 0.3rem 0; /* Adjust padding for top, right, and bottom */
+    border-top: 1px solid #e4e9f0;
+    border-bottom-right-radius: calc(0.3rem - 1px);
+    border-bottom-left-radius: calc(0.3rem - 1px);
+    position: relative;
+    max-width: 500px;
+    /* Set the maximum width */
+    margin: 0 auto;
+    /* Center the fieldset horizontally */
+    font-size: 14px;
+    /* Adjust font size as needed */
+}
+
+.update-button {
+    margin-left: 320px; /* Adjust the space between the "Update" button and "Close" button */
+}
+
+/* Add background image to the body */
+body {
+    background-color:#d3d3d3; 
+    background-size: cover;
+    background-repeat: no-repeat;
+}

assets/css/edituser.css

@@ -0,0 +1,42 @@
+.custom-fieldset {
+    background-color: white;
+    max-width: 500px;
+    /* Set the maximum width */
+    margin: 0 auto;
+    /* Center the fieldset horizontally */
+    font-size: 14px;
+    /* Adjust font size as needed */
+    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
+}
+
+.modal-footer-edit {
+    display: flex;
+    justify-content: space-between; /* Align items horizontally */
+    align-items: center; /* Center items vertically */
+    padding: 0.3rem 10px 0.3rem 0; /* Adjust padding for top, right, and bottom */
+    border-top: 1px solid #e4e9f0;
+    border-bottom-right-radius: calc(0.3rem - 1px);
+    border-bottom-left-radius: calc(0.3rem - 1px);
+    position: relative;
+    max-width: 500px;
+    /* Set the maximum width */
+    margin: 0 auto;
+    /* Center the fieldset horizontally */
+    font-size: 14px;
+    /* Adjust font size as needed */
+}
+
+.update-button {
+    margin-left: 320px; /* Adjust the space between the "Update" button and "Close" button */
+}
+
+/* Add background image to the body */
+body {
+
+background-color:#d3d3d3;
+    background-size: cover;
+    background-repeat: no-repeat;
+}
+.btn-secondary {
+margin-top: 15px; /* You can adjust this value as needed */
+}

assets/css/number.css

@@ -0,0 +1,5 @@
+input[type="number"]::-webkit-inner-spin-button,
+input[type="number"]::-webkit-outer-spin-button {
+    -webkit-appearance: none;
+    margin: 0;
+}

assets/css/secindex.css

@@ -0,0 +1,9 @@
+.custom-fieldset {
+    background-color: white;
+            max-width: 500px;
+            /* Set the maximum width */
+            margin: 0 auto;
+            /* Center the fieldset horizontally */
+            font-size: 14px;
+            /* Adjust font size as needed */
+        }