Fix routing and validations

.htaccess

@@ -1 +1,5 @@
 php_value display_errors 1
+
+RewriteEngine On
+RewriteCond %{REQUEST_FILENAME} !-f
+RewriteRule ^(.*)$ index.php [L]

README.md

@@ -81,3 +81,4 @@
 | Bryan | https://github.com/BryanTheLai |
 | Yong | https://github.com/ahhyang |
 | Kevin | https://github.com/kevin07212004 |
+| Edzer | https://github.com/edsaur |

adminSide/config.php

@@ -1,7 +1,7 @@
 <?php // Rememeber to change the username,password and database name to acutal values
 define('DB_HOST','localhost');
 define('DB_USER','root');
-define('DB_PASS','');
+define('DB_PASS','root');
 define('DB_NAME','restaurantDB');
 
 //Create Connection

css/login.css

@@ -0,0 +1,85 @@
+.login-container {
+    padding: 50px; /* Adjust the padding as needed */
+    border-radius: 10px; /* Add rounded corners */
+    margin: 100px auto; /* Center the container horizontally */
+    max-width: 500px; /* Set a maximum width for the container */
+  }
+
+          body {
+              font-family: 'Montserrat', sans-serif;
+              display: flex;
+              justify-content: center;
+              align-items: center;
+              height: 100vh;
+              margin: 0; /* Remove default margin */
+              background-color:black;
+               background-image: url('/assets/image/loginBackground.jpg'); /* Set the background image path */
+              background-size: cover;
+              background-position: center;
+              background-repeat: no-repeat;
+              background-attachment: fixed;
+              color: white;
+          }
+
+          .login_wrapper {
+              width: 400px; /* Adjust the container width as needed */
+              padding: 20px;
+          }
+
+          h2 {
+              text-align: center;
+              font-family: 'Montserrat', serif;
+          }
+
+          p {
+              font-family: 'Montserrat', serif;
+          }
+
+          #registration-link {
+            font-family: Arial, Helvetica, sans-serif;
+            margin-top:1em; 
+            color:white;
+          }
+
+          .form-group {
+              margin-bottom: 15px; /* Add space between form elements */
+          }
+
+          ::placeholder {
+              font-size: 12px; /* Adjust the font size as needed */
+          }
+
+          .text-danger{
+              font-size: 13px;
+          }
+
+
+          .msg-field:empty{
+            display:none;
+        }
+
+        .form-group {
+            margin-bottom: 15px; /* Add space between form elements */
+        }
+
+        ::placeholder {
+            font-size: 12px; /* Adjust the font size as needed */
+        }
+
+        /* Add flip animation class to all Font Awesome icons */
+        .fa-flip {
+            animation: fa-flip 3s infinite;
+        }
+
+        /* Keyframes for the flip animation */
+        @keyframes fa-flip {
+            0% {
+                transform: scale(1) rotateY(0);
+            }
+            50% {
+                transform: scale(1.2) rotateY(180deg);
+            }
+            100% {
+                transform: scale(1) rotateY(360deg);
+            }
+        }

css/pos.css

@@ -0,0 +1,22 @@
+.center-middle {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    text-align: center;
+    min-height: 100vh;
+        }
+
+/* Add your other styles here */
+#item-select-section {
+    /* Add any styling specific to the item-select-section */
+    max-width: 40rem; /* You can adjust this value */
+    padding: 1rem; /* Add padding as needed */
+}
+
+#cart-section {
+    /* Add any styling specific to the cart-section */
+    max-width: 60rem; /* You can adjust this value */
+    max-height: 60rem;
+    padding: 1rem; /* Add padding as needed */
+
+}

css/stars.css

@@ -0,0 +1,15 @@
+.star-rating {
+    margin: 10px 0;
+    display: inline-block;
+}
+.star-rating li {
+    padding: 0;
+}
+.star-rating i {
+    font-size: 3em;
+    color: #ffc000;
+}
+.list-inline-item {
+    display: inline-block;
+    list-style-type: none;
+}