├── Database
    └── ecommerce_1.sql
├── README.md
├── admin
    ├── admin_images
    │   └── logo after 3d_2.png
    ├── admin_login.php
    ├── admin_logout.php
    ├── admin_resgistration.php
    ├── delete_brand.php
    ├── delete_category.php
    ├── delete_order.php
    ├── delete_payment.php
    ├── delete_product.php
    ├── edit_brand.php
    ├── edit_category.php
    ├── edit_product.php
    ├── index.php
    ├── insert_brands.php
    ├── insert_categories.php
    ├── insert_product.php
    ├── list_orders.php
    ├── list_payments.php
    ├── list_users.php
    ├── product_images
    │   ├── camera1.png
    │   ├── camera2.png
    │   ├── camera3.png
    │   ├── food1.png
    │   ├── food2.png
    │   ├── food3.png
    │   ├── havit1.png
    │   ├── havit2.png
    │   ├── lap1.png
    │   ├── lap2.png
    │   └── lap3.png
    ├── view_brands.php
    ├── view_categories.php
    └── view_products.php
├── assets
    ├── css
    │   ├── bootstrap.css
    │   └── main.css
    ├── images
    │   ├── bg.png
    │   ├── bgregister.png
    │   └── bgsecond.png
    └── js
    │   ├── bootstrap.bundle.js
    │   └── script.js
├── cart.php
├── functions
    └── common_functions.php
├── includes
    ├── connect.php
    └── footer.php
├── index.php
├── product_details.php
├── products.php
├── search_product.php
├── ui
    ├── Ecommerce-Admin-Dashboard (1).png
    ├── Ecommerce-Admin-Dashboard (2).png
    ├── Ecommerce-Admin-Dashboard (3).png
    ├── Ecommerce-Admin-Dashboard (4).png
    ├── Ecommerce-Admin-Dashboard.png
    ├── Ecommerce-Admin-Login.png
    ├── Ecommerce-Admin-Registration.png
    ├── Ecommerce-Cart-Details-Page.png
    ├── Ecommerce-Home-Page.png
    ├── Ecommerce-Products.png
    ├── abdo-Profile (1).png
    ├── abdo-Profile (2).png
    └── abdo-Profile.png
└── users_area
    ├── checkout.php
    ├── confirm_payment.php
    ├── delete_account.php
    ├── edit_account.php
    ├── logout.php
    ├── order.php
    ├── payment.php
    ├── profile.php
    ├── user_images
        ├── logo after 3d_2.jpg
        └── new logo after Edit1920.jpg
    ├── user_login.php
    ├── user_orders.php
    └── user_registration.php


/Database/ecommerce_1.sql:
--------------------------------------------------------------------------------
  1 | -- phpMyAdmin SQL Dump
  2 | -- version 5.2.1
  3 | -- https://www.phpmyadmin.net/
  4 | --
  5 | -- Host: 127.0.0.1
  6 | -- Generation Time: Oct 31, 2023 at 09:30 PM
  7 | -- Server version: 10.4.28-MariaDB
  8 | -- PHP Version: 8.2.4
  9 | 
 10 | SET SQL_MODE = "NO_AUTO_VALUE_ON_ZERO";
 11 | START TRANSACTION;
 12 | SET time_zone = "+00:00";
 13 | 
 14 | 
 15 | /*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */;
 16 | /*!40101 SET @OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */;
 17 | /*!40101 SET @OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION */;
 18 | /*!40101 SET NAMES utf8mb4 */;
 19 | 
 20 | --
 21 | -- Database: `ecommerce_1`
 22 | --
 23 | 
 24 | -- --------------------------------------------------------
 25 | 
 26 | --
 27 | -- Table structure for table `admin_table`
 28 | --
 29 | 
 30 | CREATE TABLE `admin_table` (
 31 |   `admin_id` int(11) NOT NULL,
 32 |   `admin_name` varchar(100) NOT NULL,
 33 |   `admin_email` varchar(200) NOT NULL,
 34 |   `admin_image` varchar(255) NOT NULL,
 35 |   `admin_password` varchar(255) NOT NULL
 36 | ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_general_ci;
 37 | 
 38 | --
 39 | -- Dumping data for table `admin_table`
 40 | --
 41 | 
 42 | INSERT INTO `admin_table` (`admin_id`, `admin_name`, `admin_email`, `admin_image`, `admin_password`) VALUES
 43 | (1, 'abdo', 'abdo@gmail.com', 'logo after 3d_2.png', '$2y$10$M/A/r5j/GSeJrAZxI8NtRu9eG5yNltfgTrfQVoClfSIF/pzNUXa2W');
 44 | 
 45 | -- --------------------------------------------------------
 46 | 
 47 | --
 48 | -- Table structure for table `brands`
 49 | --
 50 | 
 51 | CREATE TABLE `brands` (
 52 |   `brand_id` int(11) NOT NULL,
 53 |   `brand_title` varchar(100) NOT NULL
 54 | ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_general_ci;
 55 | 
 56 | --
 57 | -- Dumping data for table `brands`
 58 | --
 59 | 
 60 | INSERT INTO `brands` (`brand_id`, `brand_title`) VALUES
 61 | (1, 'Canon'),
 62 | (2, 'Lenovo'),
 63 | (3, 'Nike'),
 64 | (4, 'Dell'),
 65 | (5, 'Polo'),
 66 | (6, 'Hp'),
 67 | (7, 'Apple'),
 68 | (8, 'Oppo'),
 69 | (9, 'Other'),
 70 | (10, 'Samsung'),
 71 | (13, 'Nokia');
 72 | 
 73 | -- --------------------------------------------------------
 74 | 
 75 | --
 76 | -- Table structure for table `card_details`
 77 | --
 78 | 
 79 | CREATE TABLE `card_details` (
 80 |   `product_id` int(11) NOT NULL,
 81 |   `ip_address` varchar(255) NOT NULL,
 82 |   `quantity` int(100) NOT NULL
 83 | ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_general_ci;
 84 | 
 85 | -- --------------------------------------------------------
 86 | 
 87 | --
 88 | -- Table structure for table `categories`
 89 | --
 90 | 
 91 | CREATE TABLE `categories` (
 92 |   `category_id` int(11) NOT NULL,
 93 |   `category_title` varchar(100) NOT NULL
 94 | ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_general_ci;
 95 | 
 96 | --
 97 | -- Dumping data for table `categories`
 98 | --
 99 | 
100 | INSERT INTO `categories` (`category_id`, `category_title`) VALUES
101 | (1, 'Mobiles'),
102 | (2, 'Books'),
103 | (3, 'Food'),
104 | (4, 'Clothes'),
105 | (5, 'HeadPhones'),
106 | (6, 'Electronics'),
107 | (7, 'Accessories');
108 | 
109 | -- --------------------------------------------------------
110 | 
111 | --
112 | -- Table structure for table `orders_pending`
113 | --
114 | 
115 | CREATE TABLE `orders_pending` (
116 |   `order_id` int(11) NOT NULL,
117 |   `user_id` int(11) NOT NULL,
118 |   `invoice_number` int(255) NOT NULL,
119 |   `product_id` int(11) NOT NULL,
120 |   `quantity` int(255) NOT NULL,
121 |   `order_status` varchar(255) NOT NULL
122 | ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_general_ci;
123 | 
124 | --
125 | -- Dumping data for table `orders_pending`
126 | --
127 | 
128 | INSERT INTO `orders_pending` (`order_id`, `user_id`, `invoice_number`, `product_id`, `quantity`, `order_status`) VALUES
129 | (1, 1, 312346784, 1, 3, 'pending'),
130 | (2, 1, 312346784, 2, 1, 'pending'),
131 | (3, 1, 312346784, 4, 1, 'pending'),
132 | (4, 1, 1918753782, 3, 2, 'pending'),
133 | (5, 1, 351837813, 1, 2, 'pending');
134 | 
135 | -- --------------------------------------------------------
136 | 
137 | --
138 | -- Table structure for table `products`
139 | --
140 | 
141 | CREATE TABLE `products` (
142 |   `product_id` int(11) NOT NULL,
143 |   `product_title` varchar(120) NOT NULL,
144 |   `product_description` varchar(255) NOT NULL,
145 |   `product_keywords` varchar(255) NOT NULL,
146 |   `category_id` int(11) NOT NULL,
147 |   `brand_id` int(11) NOT NULL,
148 |   `product_image_one` varchar(255) NOT NULL,
149 |   `product_image_two` varchar(255) NOT NULL,
150 |   `product_image_three` varchar(255) NOT NULL,
151 |   `product_price` float NOT NULL,
152 |   `date` timestamp NOT NULL DEFAULT current_timestamp() ON UPDATE current_timestamp(),
153 |   `status` varchar(100) NOT NULL
154 | ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_general_ci;
155 | 
156 | --
157 | -- Dumping data for table `products`
158 | --
159 | 
160 | INSERT INTO `products` (`product_id`, `product_title`, `product_description`, `product_keywords`, `category_id`, `brand_id`, `product_image_one`, `product_image_two`, `product_image_three`, `product_price`, `date`, `status`) VALUES
161 | (1, 'HAVIT HV-G92 Gamepad', 'allows you to use the familiar layout and buttons to enjoy console control when playing games on your PC The Havit HV-G92 also has multiple game profiles for pressure and controller settings', 'gamepad , havit , hv-g92 , logistech', 6, 9, 'havit1.png', 'havit2.png', 'havit1.png', 120, '2023-08-29 18:05:15', 'true'),
162 | (2, 'ASUS FHD Gaming Laptop', 'Laptop ASUS TUF Gaming F15 FX506HF-HN001W(11th Intel® Core™ i5 11400H - Ram 8GB - Hard 512 GB SSD - GPU Nvidia Geforce RTX™ 2050 4GB - Display 15.6 4k', 'Laptop , gaming , asus , intell 11', 6, 2, 'lap1.png', 'lap2.png', 'lap3.png', 700, '2023-10-25 02:06:58', 'true'),
163 | (3, 'CANON EOS DSLR Camera', 'High Image Quality with 32.5 Megapixel CMOS (APS-C) Sensor DIGIC 8 Image Processor. High-Speed Continuous Shooting of up to 10 fps with no Time Lag during OVF Shooting. 4K (UHD) 30fps / FHD 120fps Video', 'Canon, camera , high quality, 4k', 6, 1, 'camera1.png', 'camera2.png', 'camera3.png', 380, '2023-08-29 18:13:22', 'true'),
164 | (4, 'Breed Dry Dog Food', 'Chicken, chicken by-product meal, corn, wheat, chicken fat, ground grain sorghum, natural flavors, dried plain beet pulp, egg product, potassium chloride, sodium hexametaphosphate, salt, cat food, dog food', 'food, dog food, cat food', 3, 9, 'food1.png', 'food2.png', 'food3.png', 100, '2023-10-25 01:41:31', 'true');
165 | 
166 | -- --------------------------------------------------------
167 | 
168 | --
169 | -- Table structure for table `user_orders`
170 | --
171 | 
172 | CREATE TABLE `user_orders` (
173 |   `order_id` int(11) NOT NULL,
174 |   `user_id` int(11) NOT NULL,
175 |   `amount_due` int(255) NOT NULL,
176 |   `invoice_number` int(255) NOT NULL,
177 |   `total_products` int(255) NOT NULL,
178 |   `order_date` timestamp NOT NULL DEFAULT current_timestamp() ON UPDATE current_timestamp(),
179 |   `order_status` varchar(255) NOT NULL
180 | ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_general_ci;
181 | 
182 | --
183 | -- Dumping data for table `user_orders`
184 | --
185 | 
186 | INSERT INTO `user_orders` (`order_id`, `user_id`, `amount_due`, `invoice_number`, `total_products`, `order_date`, `order_status`) VALUES
187 | (1, 1, 1160, 312346784, 3, '2023-10-22 15:31:20', 'paid'),
188 | (2, 1, 760, 1918753782, 1, '2023-10-24 00:25:10', 'pending'),
189 | (3, 1, 240, 351837813, 1, '2023-10-24 18:41:02', 'pending');
190 | 
191 | -- --------------------------------------------------------
192 | 
193 | --
194 | -- Table structure for table `user_payments`
195 | --
196 | 
197 | CREATE TABLE `user_payments` (
198 |   `payment_id` int(11) NOT NULL,
199 |   `order_id` int(11) NOT NULL,
200 |   `invoice_number` int(11) NOT NULL,
201 |   `amount` int(11) NOT NULL,
202 |   `payment_method` varchar(255) NOT NULL,
203 |   `payment_date` timestamp NOT NULL DEFAULT current_timestamp() ON UPDATE current_timestamp()
204 | ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_general_ci;
205 | 
206 | --
207 | -- Dumping data for table `user_payments`
208 | --
209 | 
210 | INSERT INTO `user_payments` (`payment_id`, `order_id`, `invoice_number`, `amount`, `payment_method`, `payment_date`) VALUES
211 | (1, 1, 312346784, 1160, 'paypal', '2023-10-24 00:23:26');
212 | 
213 | -- --------------------------------------------------------
214 | 
215 | --
216 | -- Table structure for table `user_table`
217 | --
218 | 
219 | CREATE TABLE `user_table` (
220 |   `user_id` int(11) NOT NULL,
221 |   `username` varchar(100) NOT NULL,
222 |   `user_email` varchar(100) NOT NULL,
223 |   `user_password` varchar(255) NOT NULL,
224 |   `user_image` varchar(255) NOT NULL,
225 |   `user_ip` varchar(100) NOT NULL,
226 |   `user_address` varchar(255) NOT NULL,
227 |   `user_mobile` varchar(20) NOT NULL
228 | ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_general_ci;
229 | 
230 | --
231 | -- Dumping data for table `user_table`
232 | --
233 | 
234 | INSERT INTO `user_table` (`user_id`, `username`, `user_email`, `user_password`, `user_image`, `user_ip`, `user_address`, `user_mobile`) VALUES
235 | (1, 'abdo', 'abdo@gmail.com', '$2y$10$5ynby9fq7wf2ZmHlkvehu.JGbK6r7zZLtLzuJz9Jt5FP03rGZ9Mj.', 'new logo after Edit1920.png', '::1', 'Cairo', '123456789');
236 | 
237 | --
238 | -- Indexes for dumped tables
239 | --
240 | 
241 | --
242 | -- Indexes for table `admin_table`
243 | --
244 | ALTER TABLE `admin_table`
245 |   ADD PRIMARY KEY (`admin_id`);
246 | 
247 | --
248 | -- Indexes for table `brands`
249 | --
250 | ALTER TABLE `brands`
251 |   ADD PRIMARY KEY (`brand_id`);
252 | 
253 | --
254 | -- Indexes for table `card_details`
255 | --
256 | ALTER TABLE `card_details`
257 |   ADD PRIMARY KEY (`product_id`);
258 | 
259 | --
260 | -- Indexes for table `categories`
261 | --
262 | ALTER TABLE `categories`
263 |   ADD PRIMARY KEY (`category_id`);
264 | 
265 | --
266 | -- Indexes for table `orders_pending`
267 | --
268 | ALTER TABLE `orders_pending`
269 |   ADD PRIMARY KEY (`order_id`);
270 | 
271 | --
272 | -- Indexes for table `products`
273 | --
274 | ALTER TABLE `products`
275 |   ADD PRIMARY KEY (`product_id`);
276 | 
277 | --
278 | -- Indexes for table `user_orders`
279 | --
280 | ALTER TABLE `user_orders`
281 |   ADD PRIMARY KEY (`order_id`);
282 | 
283 | --
284 | -- Indexes for table `user_payments`
285 | --
286 | ALTER TABLE `user_payments`
287 |   ADD PRIMARY KEY (`payment_id`);
288 | 
289 | --
290 | -- Indexes for table `user_table`
291 | --
292 | ALTER TABLE `user_table`
293 |   ADD PRIMARY KEY (`user_id`);
294 | 
295 | --
296 | -- AUTO_INCREMENT for dumped tables
297 | --
298 | 
299 | --
300 | -- AUTO_INCREMENT for table `admin_table`
301 | --
302 | ALTER TABLE `admin_table`
303 |   MODIFY `admin_id` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=2;
304 | 
305 | --
306 | -- AUTO_INCREMENT for table `brands`
307 | --
308 | ALTER TABLE `brands`
309 |   MODIFY `brand_id` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=14;
310 | 
311 | --
312 | -- AUTO_INCREMENT for table `categories`
313 | --
314 | ALTER TABLE `categories`
315 |   MODIFY `category_id` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=8;
316 | 
317 | --
318 | -- AUTO_INCREMENT for table `orders_pending`
319 | --
320 | ALTER TABLE `orders_pending`
321 |   MODIFY `order_id` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=6;
322 | 
323 | --
324 | -- AUTO_INCREMENT for table `products`
325 | --
326 | ALTER TABLE `products`
327 |   MODIFY `product_id` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=5;
328 | 
329 | --
330 | -- AUTO_INCREMENT for table `user_orders`
331 | --
332 | ALTER TABLE `user_orders`
333 |   MODIFY `order_id` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=4;
334 | 
335 | --
336 | -- AUTO_INCREMENT for table `user_payments`
337 | --
338 | ALTER TABLE `user_payments`
339 |   MODIFY `payment_id` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=2;
340 | 
341 | --
342 | -- AUTO_INCREMENT for table `user_table`
343 | --
344 | ALTER TABLE `user_table`
345 |   MODIFY `user_id` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=2;
346 | COMMIT;
347 | 
348 | /*!40101 SET CHARACTER_SET_CLIENT=@OLD_CHARACTER_SET_CLIENT */;
349 | /*!40101 SET CHARACTER_SET_RESULTS=@OLD_CHARACTER_SET_RESULTS */;
350 | /*!40101 SET COLLATION_CONNECTION=@OLD_COLLATION_CONNECTION */;
351 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # E-Commerce-PHP-MySQL-
 2 | <p align="center"><img src="./ui/Ecommerce-Home-Page.png" width="100%" alt="View"></p>
 3 | <p align="center"><img src="./ui/Ecommerce-Products.png" width="100%" alt="View"></p>
 4 | <p align="center"><img src="./ui/Ecommerce-Cart-Details-Page.png" width="100%" alt="View"></p>
 5 | <p align="center"><img src="./ui/Ecommerce-Admin-Login.png" width="100%" alt="View"></p>
 6 | <p align="center"><img src="./ui/Ecommerce-Admin-Registration.png" width="100%" alt="View"></p>
 7 | <p align="center"><img src="./ui/Ecommerce-Admin-Dashboard.png" width="100%" alt="View"></p>
 8 | <p align="center"><img src="./ui/Ecommerce-Admin-Dashboard (1).png" width="100%" alt="View"></p>
 9 | <p align="center"><img src="./ui/Ecommerce-Admin-Dashboard (2).png" width="100%" alt="View"></p>
10 | <p align="center"><img src="./ui/Ecommerce-Admin-Dashboard (3).png" width="100%" alt="View"></p>
11 | <p align="center"><img src="./ui/Ecommerce-Admin-Dashboard (4).png" width="100%" alt="View"></p>
12 | <p align="center"><img src="./ui/abdo-Profile.png" width="100%" alt="View"></p>
13 | <p align="center"><img src="./ui/abdo-Profile (1).png" width="100%" alt="View"></p>
14 | <p align="center"><img src="./ui/abdo-Profile (2).png" width="100%" alt="View"></p>
15 | 


--------------------------------------------------------------------------------
/admin/admin_images/logo after 3d_2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/a1bdelrahmanrezk/E-Commerce-1-Website-PHP-MYSQL/45ca81e54aacd2f00273c0270c2c74f40924504d/admin/admin_images/logo after 3d_2.png


--------------------------------------------------------------------------------
/admin/admin_login.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | include('../includes/connect.php');
 3 | include('../functions/common_functions.php');
 4 | session_start();
 5 | ?>
 6 | <!DOCTYPE html>
 7 | <html lang="en">
 8 | 
 9 | <head>
10 |     <meta charset="UTF-8">
11 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
12 |     <title>Ecommerce Admin Login</title>
13 |     <link rel="stylesheet" href="../assets/css/bootstrap.css" />
14 |     <link rel="stylesheet" href="../assets/css/main.css" />
15 | </head>
16 | 
17 | <body>
18 | 
19 |     <!-- Start Landing Section -->
20 |     <div class="landing admin-register">
21 |         <div class="">
22 |             <h2 class="text-center mb-1">Admin Login</h2>
23 |             <h4 class="text-center mb-3 fw-light">Login to your account</h4>
24 |             <div class="row m-0 align-items-center">
25 |                 <div class="col-md-6 p-0 d-none d-md-block">
26 |                     <img src="../assets/images/bgregister.png" class="admin-register" alt="Login photo">
27 |                 </div>
28 |                 <div class="col-md-6 py-4 px-5 d-flex flex-column gap-4">
29 |                     <div>
30 |                         <form action="" method="post" class="d-flex flex-column gap-4">
31 |                             <div class="form-outline">
32 |                                 <label for="username" class="form-label">Username</label>
33 |                                 <input type="text" name="username" id="username" class="form-control" placeholder="Enter your username" required>
34 |                             </div>
35 |                             <div class="form-outline">
36 |                                 <label for="password" class="form-label">Password</label>
37 |                                 <input type="password" name="password" id="password" class="form-control" placeholder="Enter your Password" required>
38 |                             </div>
39 |                             <div class="form-outline">
40 |                                 <a href="" class="text-2 text-decoration-underline">Forgot your passowrd?</a>
41 |                             </div>
42 |                             <div class="form-outline">
43 |                                 <input type="submit" value="Login" class="btn btn-primary mb-3" name="admin_login">
44 |                                 <p class="small">
45 |                                     Don't have an account? <a href="./admin_resgistration.php" class="text-decoration-underline text-success fw-bold">Register</a>
46 |                                 </p>
47 |                             </div>
48 |                         </form>
49 |                     </div>
50 |                 </div>
51 |             </div>
52 |         </div>
53 |     </div>
54 |     <!-- End Landing Section -->
55 | 
56 | 
57 | 
58 | 
59 | 
60 |     <!-- Start Footer -->
61 |     <!-- <div class="upper-nav primary-bg p-2 px-3 text-center text-break">
62 |         <span>All CopyRight &copy;2023</span>
63 |     </div> -->
64 |     <!-- End Footer -->
65 | 
66 |     <script src="../assets/js/bootstrap.bundle.js"></script>
67 | </body>
68 | 
69 | </html>
70 | <?php
71 | if (isset($_POST['admin_login'])) {
72 |     $username = $_POST['username'];
73 |     $password = $_POST['password'];
74 |     $select_query = "SELECT * FROM `admin_table` WHERE admin_name='$username'";
75 |     $select_result = mysqli_query($con, $select_query);
76 |     $row_data = mysqli_fetch_assoc($select_result);
77 |     $row_count = mysqli_num_rows($select_result);
78 |     //user check about username & pass
79 |     if ($row_count > 0) {
80 |         if (password_verify($password, $row_data['admin_password'])) {
81 |             $_SESSION['admin_username'] = $username;
82 |             echo "<script>alert('Login Successfully');</script>";
83 |             echo "<script>window.open('./index.php','_self');</script>";
84 |         } else {
85 |             echo "<script>alert('Invalid Credentials')</script>";
86 |         }
87 |     } else {
88 |         echo "<script>alert('Username not exist')</script>";
89 |     }
90 | }
91 | ?>


--------------------------------------------------------------------------------
/admin/admin_logout.php:
--------------------------------------------------------------------------------
1 | <?php
2 | session_start();
3 | unset($_SESSION['admin_username']);
4 | session_destroy();
5 | echo "<script>window.open('./admin_login.php','_self');</script>";
6 | ?>


--------------------------------------------------------------------------------
/admin/admin_resgistration.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | include('../includes/connect.php');
  3 | include('../functions/common_functions.php');
  4 | session_start();
  5 | ?>
  6 | <!DOCTYPE html>
  7 | <html lang="en">
  8 | 
  9 | <head>
 10 |     <meta charset="UTF-8">
 11 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 12 |     <title>Ecommerce Admin Registration</title>
 13 |     <link rel="stylesheet" href="../assets/css/bootstrap.css" />
 14 |     <link rel="stylesheet" href="../assets/css/main.css" />
 15 | </head>
 16 | 
 17 | <body>
 18 | 
 19 |     <!-- Start Landing Section -->
 20 |     <div class="landing admin-register">
 21 |         <div class="">
 22 |             <h2 class="text-center mb-1">Admin Registration</h2>
 23 |             <h4 class="text-center mb-3 fw-light">Create an account</h4>
 24 |             <div class="row m-0">
 25 |                 <div class="col-md-6 p-0 d-none d-md-block">
 26 |                     <img src="../assets/images/bgregister.png" class="admin-register" alt="Register photo">
 27 |                 </div>
 28 |                 <div class="col-md-6 py-4 px-5 d-flex flex-column gap-4">
 29 |                     <div>
 30 |                         <form action="" method="post" class="d-flex flex-column gap-4" enctype="multipart/form-data">
 31 |                             <div class="form-outline">
 32 |                                 <label for="username" class="form-label">Username</label>
 33 |                                 <input type="text" name="username" id="username" class="form-control" placeholder="Enter your username" required>
 34 |                             </div>
 35 |                             <div class="form-outline">
 36 |                                 <label for="email" class="form-label">Email</label>
 37 |                                 <input type="email" name="email" id="email" class="form-control" placeholder="Enter your Email" required>
 38 |                             </div>
 39 |                             <div class="form-outline">
 40 |                                 <label for="admin_image" class="form-label">Admin Image</label>
 41 |                                 <input type="file" name="admin_image" id="admin_image" class="form-control" required>
 42 |                             </div>
 43 |                             <div class="form-outline">
 44 |                                 <label for="password" class="form-label">Password</label>
 45 |                                 <input type="password" name="password" id="password" class="form-control" placeholder="Enter your Password" required>
 46 |                             </div>
 47 |                             <div class="form-outline">
 48 |                                 <label for="conf_password" class="form-label">Confirm Password</label>
 49 |                                 <input type="password" name="conf_password" id="conf_password" class="form-control" placeholder="Confirm your Password" required>
 50 |                             </div>
 51 |                             <div class="form-outline">
 52 |                                 <input type="submit" value="Register" class="btn btn-primary mb-3" name="admin_register">
 53 |                                 <p class="small">
 54 |                                     You already have an account? <a href="./admin_login.php" class="text-decoration-underline text-success fw-bold">Login</a>
 55 |                                 </p>
 56 |                             </div>
 57 |                         </form>
 58 |                     </div>
 59 |                 </div>
 60 |             </div>
 61 |         </div>
 62 |     </div>
 63 |     <!-- End Landing Section -->
 64 | 
 65 | 
 66 | 
 67 | 
 68 | 
 69 |     <!-- Start Footer -->
 70 |     <!-- <div class="upper-nav primary-bg p-2 px-3 text-center text-break">
 71 |         <span>All CopyRight &copy;2023</span>
 72 |     </div> -->
 73 |     <!-- End Footer -->
 74 | 
 75 |     <script src="../assets/js/bootstrap.bundle.js"></script>
 76 | </body>
 77 | 
 78 | </html>
 79 | <!-- php code  -->
 80 | <?php
 81 | if (isset($_POST['admin_register'])) {
 82 |     $username = $_POST['username'];
 83 |     $email = $_POST['email'];
 84 |     $password = $_POST['password'];
 85 |     $hash_password = password_hash($password,PASSWORD_DEFAULT);
 86 |     $conf_password = $_POST['conf_password'];
 87 |     $image = $_FILES['admin_image']['name'];
 88 |     $image_tmp = $_FILES['admin_image']['tmp_name'];
 89 |     // check if user exist or not
 90 |     $select_query = "SELECT * FROM `admin_table` WHERE admin_name='$username' OR admin_email='$email'";
 91 |     $select_result = mysqli_query($con, $select_query);
 92 |     $rows_count = mysqli_num_rows($select_result);
 93 |     if ($rows_count > 0) {
 94 |         echo "<script>window.alert('Username | Email already exist');</script>";
 95 |     } else if ($password != $conf_password) {
 96 |         echo "<script>window.alert('Passwords are not match');</script>";
 97 |     } else {
 98 |         // insert query
 99 |         move_uploaded_file($image_tmp, "./admin_images/$image");
100 |         $insert_query = "INSERT INTO `admin_table` (admin_name,admin_email,admin_image,admin_password) VALUES ('$username','$email','$image','$hash_password')";
101 |         $insert_result = mysqli_query($con, $insert_query);
102 |         if ($insert_result) {
103 |             echo "<script>window.alert('Admin added successfully');</script>";
104 |         } else {
105 |             die(mysqli_error($con));
106 |         }
107 |     }
108 | }
109 | ?>


--------------------------------------------------------------------------------
/admin/delete_brand.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 |     if(isset($_GET['delete_brand'])){
 3 |         $delete_id = $_GET['delete_brand'];
 4 |         $delete_query = "DELETE FROM `brands` WHERE brand_id = $delete_id";
 5 |         $delete_result = mysqli_query($con,$delete_query);
 6 |         if($delete_result){
 7 |             echo "<script>window.alert('Brand deleted successfully');</script>";
 8 |             echo "<script>window.open('index.php?view_brands','_self');</script>";
 9 |         }
10 |     }
11 | ?>


--------------------------------------------------------------------------------
/admin/delete_category.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 |     if(isset($_GET['delete_category'])){
 3 |         $delete_id = $_GET['delete_category'];
 4 |         $delete_query = "DELETE FROM `categories` WHERE category_id = $delete_id";
 5 |         $delete_result = mysqli_query($con,$delete_query);
 6 |         if($delete_result){
 7 |             echo "<script>window.alert('Category deleted successfully');</script>";
 8 |             echo "<script>window.open('index.php?view_categories','_self');</script>";
 9 |         }
10 |     }
11 | ?>


--------------------------------------------------------------------------------
/admin/delete_order.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 |     if(isset($_GET['delete_order'])){
 3 |         $delete_id = $_GET['delete_order'];
 4 |         // delete from user orders
 5 |         $delete_query = "DELETE FROM `user_orders` WHERE order_id = $delete_id";
 6 |         $delete_result = mysqli_query($con,$delete_query);
 7 |         // delete from orders pending [first -> fetch invoice number from user_orders, then delete from orders pending using invoice_number]
 8 |         // $get_invoice_query = "SELECT * FROM `user_orders` WHERE order_id = $delete_id";
 9 |         // $get_invoice_result = mysqli_query($con,$get_invoice_query);
10 |         // $row_fetch_invoice = mysqli_fetch_array($get_invoice_result);
11 |         // $invoice_to_delete = $row_fetch_invoice['invoice_number'];
12 |         // $delete_orders_pending_query = "DELETE FROM `orders_pending` WHERE invoice_number = '$invoice_to_delete'";
13 |         // $delete_orders_pending_result = mysqli_query($con,$delete_orders_pending_query);
14 |         if($delete_result){
15 |             echo "<script>window.alert('Order deleted successfully');</script>";
16 |             echo "<script>window.open('index.php?list_orders','_self');</script>";
17 |         }
18 | 
19 |     }
20 | ?>


--------------------------------------------------------------------------------
/admin/delete_payment.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 |     if(isset($_GET['delete_payment'])){
 3 |         $delete_id = $_GET['delete_payment'];
 4 |         // delete from user payments
 5 |         $delete_query = "DELETE FROM `user_payments` WHERE payment_id = $delete_id";
 6 |         $delete_result = mysqli_query($con,$delete_query);
 7 |         if($delete_result){
 8 |             echo "<script>window.alert('Payment deleted successfully');</script>";
 9 |             echo "<script>window.open('index.php?list_payments','_self');</script>";
10 |         }
11 | 
12 |     }
13 | ?>


--------------------------------------------------------------------------------
/admin/delete_product.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 |     if(isset($_GET['delete_product'])){
 3 |         $delete_id = $_GET['delete_product'];
 4 |         $delete_query = "DELETE FROM `products` WHERE product_id = $delete_id";
 5 |         $delete_result = mysqli_query($con,$delete_query);
 6 |         if($delete_result){
 7 |             echo "<script>window.alert('Product deleted successfully');</script>";
 8 |             echo "<script>window.open('index.php?view_products','_self');</script>";
 9 |         }
10 |     }
11 | ?>


--------------------------------------------------------------------------------
/admin/edit_brand.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 |     // fetch all data
 3 |     if(isset($_GET['edit_brand'])){
 4 |         $edit_id = $_GET['edit_brand'];
 5 |         $get_data_query = "SELECT * FROM `brands` WHERE brand_id = $edit_id";
 6 |         $get_data_result = mysqli_query($con,$get_data_query);
 7 |         $row_fetch_data = mysqli_fetch_array($get_data_result);
 8 |         $brand_id = $row_fetch_data['brand_id'];
 9 |         $brand_title = $row_fetch_data['brand_title'];
10 |     }
11 |     // edit brand
12 |     if(isset($_POST['update_brand'])){
13 |         $brand_title = $_POST['brand_title'];
14 |         // check empty fields 
15 |         if(empty($brand_title)){
16 |             echo "<script>window.alert('Please fill the field');</script>";
17 |         }else{
18 |             // update query 
19 |             $update_brand_query = "UPDATE `brands` SET brand_title='$brand_title' WHERE brand_id = $edit_id";
20 |             $update_brand_result = mysqli_query($con,$update_brand_query);
21 |             if($update_brand_result){
22 |                 echo "<script>window.alert('Brand updated successfully');</script>";
23 |                 echo "<script>window.open('./index.php?view_brands','_self');</script>";
24 |             }
25 |         }
26 |     }
27 |     ?>
28 | <div class="container">
29 |     <div class="row justify-content-center">
30 |         <div class="col-md-6">
31 |             <h1 class="text-center mb-4">Edit Brand</h1>
32 |             <form action="" method="post" enctype="multipart/form-data" class="d-flex flex-column gap-3 mb-3">
33 |                 <div class="form-outline">
34 |                     <label for="brand_title" class="form-label">Product Title</label>
35 |                     <input type="text" name="brand_title" id="brand_title" class="form-control" required value="<?php echo $brand_title;?>">
36 |                 </div>
37 |                 <div class="form-outline text-center">
38 |                     <input type="submit" value="Update Brand" class="btn btn-primary" name="update_brand">
39 |                 </div>
40 |             </form>
41 |         </div>
42 |     </div>
43 | </div>


--------------------------------------------------------------------------------
/admin/edit_category.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 |     // fetch all data
 3 |     if(isset($_GET['edit_category'])){
 4 |         $edit_id = $_GET['edit_category'];
 5 |         $get_data_query = "SELECT * FROM `categories` WHERE category_id = $edit_id";
 6 |         $get_data_result = mysqli_query($con,$get_data_query);
 7 |         $row_fetch_data = mysqli_fetch_array($get_data_result);
 8 |         $category_id = $row_fetch_data['category_id'];
 9 |         $category_title = $row_fetch_data['category_title'];
10 |     }
11 |     // edit category
12 |     if(isset($_POST['update_category'])){
13 |         $category_title = $_POST['category_title'];
14 |         // check empty fields 
15 |         if(empty($category_title)){
16 |             echo "<script>window.alert('Please fill the field');</script>";
17 |         }else{
18 |             // update query 
19 |             $update_category_query = "UPDATE `categories` SET category_title='$category_title' WHERE category_id = $edit_id";
20 |             $update_category_result = mysqli_query($con,$update_category_query);
21 |             if($update_category_result){
22 |                 echo "<script>window.alert('Category updated successfully');</script>";
23 |                 echo "<script>window.open('./index.php?view_categories','_self');</script>";
24 |             }
25 |         }
26 |     }
27 |     ?>
28 | <div class="container">
29 |     <div class="row justify-content-center">
30 |         <div class="col-md-6">
31 |             <h1 class="text-center mb-4">Edit Category</h1>
32 |             <form action="" method="post" enctype="multipart/form-data" class="d-flex flex-column gap-3 mb-3">
33 |                 <div class="form-outline">
34 |                     <label for="category_title" class="form-label">Product Title</label>
35 |                     <input type="text" name="category_title" id="category_title" class="form-control" required value="<?php echo $category_title;?>">
36 |                 </div>
37 |                 <div class="form-outline text-center">
38 |                     <input type="submit" value="Update Category" class="btn btn-primary" name="update_category">
39 |                 </div>
40 |             </form>
41 |         </div>
42 |     </div>
43 | </div>


--------------------------------------------------------------------------------
/admin/edit_product.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 |     // fetch all data
  3 |     if(isset($_GET['edit_product'])){
  4 |         $edit_id = $_GET['edit_product'];
  5 |         $get_data_query = "SELECT * FROM `products` WHERE product_id = $edit_id";
  6 |         $get_data_result = mysqli_query($con,$get_data_query);
  7 |         $row_fetch_data = mysqli_fetch_array($get_data_result);
  8 |         $product_id = $row_fetch_data['product_id'];
  9 |         $product_title = $row_fetch_data['product_title'];
 10 |         $product_description = $row_fetch_data['product_description'];
 11 |         $product_keywords = $row_fetch_data['product_keywords'];
 12 |         $category_id = $row_fetch_data['category_id'];
 13 |         $brand_id = $row_fetch_data['brand_id'];
 14 |         $product_image_one_old = $row_fetch_data['product_image_one'];
 15 |         $product_image_two_old = $row_fetch_data['product_image_two'];
 16 |         $product_image_three_old = $row_fetch_data['product_image_three'];
 17 |         $product_price = $row_fetch_data['product_price'];
 18 |     }
 19 |     // edit product
 20 |     if(isset($_POST['update_product'])){
 21 |         $product_title = $_POST['product_title'];
 22 |         $product_description = $_POST['product_description'];
 23 |         $product_keywords = $_POST['product_keywords'];
 24 |         $product_category_id = $_POST['product_category'];
 25 |         $product_brand_id = $_POST['product_brand'];
 26 |         $product_image_one = $_FILES['product_image_one']['name'] == '' ? $product_image_one_old : $_FILES['product_image_one']['name'];
 27 |         $product_image_one_tmp = $_FILES['product_image_one']['tmp_name'];
 28 |         $product_image_two = $_FILES['product_image_two']['name'] == '' ? $product_image_two_old : $_FILES['product_image_two']['name'];
 29 |         $product_image_two_tmp = $_FILES['product_image_two']['tmp_name'];
 30 |         $product_image_three = $_FILES['product_image_three']['name'] == '' ? $product_image_three_old : $_FILES['product_image_three']['name'];
 31 |         $product_image_three_tmp = $_FILES['product_image_three']['tmp_name'];
 32 |         $product_price = $_POST['product_price'];
 33 |         
 34 |         // check empty fields 
 35 |         if(empty($product_title) || empty($product_description) || empty($product_keywords) || empty($product_category_id) || empty($product_brand_id) || empty($product_image_one) || empty($product_image_two) || empty($product_image_three) || empty($product_price)){
 36 |             echo "<script>window.alert('Please fill all fields');</script>";
 37 |         }else{
 38 |             move_uploaded_file($product_image_one_tmp,"./product_images/$product_image_one");
 39 |             move_uploaded_file($product_image_two_tmp,"./product_images/$product_image_two");
 40 |             move_uploaded_file($product_image_three_tmp,"./product_images/$product_image_three");
 41 |             // update query 
 42 |             $update_product_query = "UPDATE `products` SET category_id=$product_category_id,brand_id=$product_brand_id,product_title='$product_title',product_description='$product_description',product_keywords='$product_keywords',product_image_one='$product_image_one',product_image_two='$product_image_two',product_image_three='$product_image_three',product_price='$product_price',date=NOW() WHERE product_id = $edit_id";
 43 |             $update_product_result = mysqli_query($con,$update_product_query);
 44 |             if($update_product_result){
 45 |                 echo "<script>window.alert('Product updated successfully');</script>";
 46 |                 echo "<script>window.open('./index.php?view_products','_self');</script>";
 47 |             }
 48 |         }
 49 |     }
 50 |     ?>
 51 | <div class="container">
 52 |     <div class="row justify-content-center">
 53 |         <div class="col-md-6">
 54 |             <h1 class="text-center mb-4">Edit Product</h1>
 55 |             <form action="" method="post" enctype="multipart/form-data" class="d-flex flex-column gap-3 mb-3">
 56 |                 <div class="form-outline">
 57 |                     <label for="product_title" class="form-label">Product Title</label>
 58 |                     <input type="text" name="product_title" id="product_title" class="form-control" required value="<?php echo $product_title;?>">
 59 |                 </div>
 60 |                 <div class="form-outline">
 61 |                     <label for="product_description" class="form-label">Product Description</label>
 62 |                     <input type="text" name="product_description" id="product_description" class="form-control" required value="<?php echo $product_description;?>">
 63 |                 </div>
 64 |                 <div class="form-outline">
 65 |                     <label for="product_keywords" class="form-label">Product Keywords</label>
 66 |                     <input type="text" name="product_keywords" id="product_keywords" class="form-control" required value="<?php echo $product_keywords;?>">
 67 |                 </div>
 68 |                 <div class="form-outline">
 69 |                     <label for="product_category" class="form-label">Product Category</label>
 70 |                     <select name="product_category" id="product_category" class="form-select" required >
 71 |                         <?php
 72 |                         // fetch all category with selected
 73 |                         $select_category_query_all = "SELECT * FROM `categories`";
 74 |                         $select_category_result_all = mysqli_query($con,$select_category_query_all);
 75 |                         while($fetch_category_name_all = mysqli_fetch_array($select_category_result_all)){
 76 |                             $category_name_is_all = $fetch_category_name_all['category_title'];
 77 |                             $category_id_is_all = $fetch_category_name_all['category_id'];
 78 |                             echo $category_id_is_all == $category_id ? "
 79 |                             <option value='$category_id_is_all' selected>$category_name_is_all</option>
 80 |                         ": "
 81 |                         <option value='$category_id_is_all'>$category_name_is_all</option>
 82 |                     ";
 83 |                         }
 84 |                         ?>
 85 |                     </select>
 86 |                 </div>
 87 |                 <div class="form-outline">
 88 |                     <label for="product_brand" class="form-label">Product Category</label>
 89 |                     <select name="product_brand" id="product_brand" class="form-select" required>
 90 |                         <?php
 91 |                         // fetch all brands with selected
 92 |                         $select_brand_query_all = "SELECT * FROM `brands`";
 93 |                         $select_brand_result_all = mysqli_query($con,$select_brand_query_all);
 94 |                         while($fetch_brand_name_all = mysqli_fetch_array($select_brand_result_all)){
 95 |                             $brand_name_is_all = $fetch_brand_name_all['brand_title'];
 96 |                             $brand_id_is_all = $fetch_brand_name_all['brand_id'];
 97 |                             echo $brand_id_is_all == $brand_id ? "
 98 |                             <option value='$brand_id_is_all' selected>$brand_name_is_all</option>
 99 |                         ": "
100 |                         <option value='$brand_id_is_all'>$brand_name_is_all</option>
101 |                     ";
102 |                         }
103 |                         ?>
104 |                     </select>
105 |                 </div>
106 |                 <div class="form-outline">
107 |                     <label for="product_image_one" class="form-label">Product Image 1</label>
108 |                     <div class="d-flex">
109 |                         <input type="file" name="product_image_one" id="product_image_one" class="form-control" value="<?php echo $product_image_one_old;?>">
110 |                         <img src="./product_images/<?php echo $product_image_one_old;?>" alt="<?php echo $product_title;?>" class="img-thumbnail" width="100px">
111 |                     </div>
112 |                 </div>
113 |                 <div class="form-outline">
114 |                     <label for="product_image_two" class="form-label">Product Image 2</label>
115 |                     <div class="d-flex">
116 |                         <input type="file" name="product_image_two" id="product_image_two" class="form-control" value="<?php echo $product_image_two_old;?>">
117 |                         <img src="./product_images/<?php echo $product_image_two_old;?>" alt="<?php echo $product_title;?>" class="img-thumbnail" width="100px">
118 |                     </div>
119 |                 </div>
120 |                 <div class="form-outline">
121 |                     <label for="product_image_three" class="form-label">Product Image 3</label>
122 |                     <div class="d-flex">
123 |                         <input type="file" name="product_image_three" id="product_image_three" class="form-control" value="<?php echo $product_image_three_old;?>">
124 |                         <img src="./product_images/<?php echo $product_image_three_old;?>" alt="<?php echo $product_title;?>" class="img-thumbnail" width="100px">
125 |                     </div>
126 |                 </div>
127 |                 <div class="form-outline">
128 |                     <label for="product_price" class="form-label">Product Price</label>
129 |                     <input type="number" name="product_price" id="product_price" class="form-control" required value="<?php echo $product_price;?>">
130 |                 </div>
131 |                 <div class="form-outline text-center">
132 |                     <input type="submit" value="Update Product" class="btn btn-primary" name="update_product">
133 |                 </div>
134 |             </form>
135 |         </div>
136 |     </div>
137 | </div>


--------------------------------------------------------------------------------
/admin/index.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 |     include('../includes/connect.php');
  3 |     include('../functions/common_functions.php');
  4 |     session_start();
  5 |     if(isset($_SESSION['admin_username'])){
  6 |         $admin_name = $_SESSION['admin_username'];
  7 |         $get_admin_data = "SELECT * FROM `admin_table` WHERE admin_name = '$admin_name'";
  8 |         $get_admin_result = mysqli_query($con,$get_admin_data);
  9 |         $row_fetch_admin_data = mysqli_fetch_array($get_admin_result);
 10 |         $admin_name = $row_fetch_admin_data['admin_name'];
 11 |         $admin_image = $row_fetch_admin_data['admin_image'];
 12 |     }else{
 13 |         echo "<script>window.open('./admin_login.php','_self');</script>";
 14 |     }
 15 | ?>
 16 | <!DOCTYPE html>
 17 | <html lang="en">
 18 | 
 19 | <head>
 20 |     <meta charset="UTF-8">
 21 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 22 |     <title>Ecommerce Admin Dashboard</title>
 23 |     <link rel="stylesheet" href="../assets/css/bootstrap.css" />
 24 |     <link rel="stylesheet" href="../assets/css/main.css" />
 25 | </head>
 26 | 
 27 | <body>
 28 |     <!-- upper-nav -->
 29 |     <div class="upper-nav primary-bg p-2 px-3 text-center text-break">
 30 |         <span>Admin Dashboard And Free Express Delivery</span>
 31 |     </div>
 32 |     <!-- upper-nav -->
 33 |     <!-- Start NavBar -->
 34 |     <nav class="navbar navbar-expand-lg navbar-light bg-light">
 35 |         <div class="container">
 36 |             <a class="navbar-brand fw-bold" href="#">A1</a>
 37 |             <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContentad" aria-controls="navbarSupportedContentad" aria-expanded="false" aria-label="Toggle navigation">
 38 |                 <span class="navbar-toggler-icon"></span>
 39 |             </button>
 40 |             <div class="collapse navbar-collapse" id="navbarSupportedContentad">
 41 |                 <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
 42 |                     <li class="nav-item">
 43 |                         <a class="nav-link active" aria-current="page" href="#">Welcome <?php echo $admin_name;?></a>
 44 |                     </li>
 45 |                     <li class="nav-item">
 46 |                     <button class="btn btn-primary p-0 px-1">
 47 |                             <a href="./admin_logout.php" class="nav-link text-light">Logout</a>
 48 |                         </button>
 49 |                     </li>
 50 |                 </ul>
 51 |                 
 52 |             </div>
 53 |         </div>
 54 |     </nav>
 55 |     <!-- End NavBar -->
 56 |     <!-- Start Control Buttons -->
 57 |     <div class="control">
 58 |         <div class="container pt-4 pb-0">
 59 |             <div class="categ-header">
 60 |                 <div class="sub-title">
 61 |                     <span class="shape"></span>
 62 |                     <span class="title">Admin Dashboard</span>
 63 |                 </div>
 64 |                 <h2>Manage Details Of Ecommerce</h2>
 65 |             </div>
 66 |             <div class="row align-items-center">
 67 |                 <div class="col-md-2">
 68 |                     <div class="admin-image">
 69 |                         <a href="./index.php"><img src="./admin_images/<?php echo $admin_image;?>" class="img-thumbnail" alt="Admin Photo"></a>
 70 |                         <p><?php echo $admin_name;?></p>
 71 |                     </div>
 72 |                 </div>
 73 |                 <div class="col-md-10">
 74 |                     <div class="buttons">
 75 |                         <button class="btn btn-outline-primary m-2">
 76 |                             <a href="./insert_product.php" class="nav-link">Insert Products</a>
 77 |                         </button>
 78 |                         <button class="btn btn-outline-primary m-2">
 79 |                             <a href="index.php?view_products" class="nav-link">View Products</a>
 80 |                         </button>
 81 |                         <button class="btn btn-outline-primary m-2">
 82 |                             <a href="index.php?insert_category" class="nav-link">Insert Categories</a>
 83 |                         </button>
 84 |                         <button class="btn btn-outline-primary m-2">
 85 |                             <a href="index.php?view_categories" class="nav-link">View Categories</a>
 86 |                         </button>
 87 |                         <button class="btn btn-outline-primary m-2">
 88 |                             <a href="index.php?insert_brand" class="nav-link">Insert Brands</a>
 89 |                         </button>
 90 |                         <button class="btn btn-outline-primary m-2">
 91 |                             <a href="index.php?view_brands" class="nav-link">View Brands</a>
 92 |                         </button>
 93 |                         <button class="btn btn-outline-primary m-2">
 94 |                             <a href="index.php?list_orders" class="nav-link">All Orders</a>
 95 |                         </button>
 96 |                         <button class="btn btn-outline-primary m-2">
 97 |                             <a href="index.php?list_payments" class="nav-link">All Payments</a>
 98 |                         </button>
 99 |                         <button class="btn btn-outline-primary m-2">
100 |                             <a href="index.php?list_users" class="nav-link">List Users</a>
101 |                         </button>
102 |                     </div>
103 |                 </div>
104 |             </div>
105 |         </div>
106 |     </div>
107 |     <!-- End Control Buttons -->
108 |         <!-- divider  -->
109 |     <div class="container">
110 |         <div class="divider"></div>
111 |     </div>
112 |     <!-- divider  -->
113 |     <!-- Start Changed Page  -->
114 |     <div class="change-page">
115 |         <div class="container">
116 |             <?php
117 |             if(isset($_GET['insert_category'])){
118 |                 include('./insert_categories.php');
119 |             }
120 |             if(isset($_GET['insert_brand'])){
121 |                 include('./insert_brands.php');
122 |             }
123 |             if(isset($_GET['view_products'])){
124 |                 include('./view_products.php');
125 |             }
126 |             if(isset($_GET['edit_product'])){
127 |                 include('./edit_product.php');
128 |             }
129 |             if(isset($_GET['delete_product'])){
130 |                 include('./delete_product.php');
131 |             }
132 |             if(isset($_GET['view_categories'])){
133 |                 include('./view_categories.php');
134 |             }
135 |             if(isset($_GET['edit_category'])){
136 |                 include('./edit_category.php');
137 |             }
138 |             if(isset($_GET['delete_category'])){
139 |                 include('./delete_category.php');
140 |             }
141 |             if(isset($_GET['view_brands'])){
142 |                 include('./view_brands.php');
143 |             }
144 |             if(isset($_GET['edit_brand'])){
145 |                 include('./edit_brand.php');
146 |             }
147 |             if(isset($_GET['delete_brand'])){
148 |                 include('./delete_brand.php');
149 |             }
150 |             if(isset($_GET['list_orders'])){
151 |                 include('./list_orders.php');
152 |             }
153 |             if(isset($_GET['delete_order'])){
154 |                 include('./delete_order.php');
155 |             }
156 |             if(isset($_GET['list_payments'])){
157 |                 include('./list_payments.php');
158 |             }
159 |             if(isset($_GET['delete_payment'])){
160 |                 include('./delete_payment.php');
161 |             }
162 |             if(isset($_GET['list_users'])){
163 |                 include('./list_users.php');
164 |             }
165 | 
166 |             ?>
167 |         </div>
168 |     </div>
169 |     <!-- End Changed Page  -->
170 | 
171 | 
172 | 
173 | 
174 | 
175 | 
176 | 
177 |     <!-- Start Footer -->
178 |     <!-- <div class="upper-nav primary-bg p-2 px-3 text-center text-break">
179 |         <span>All CopyRight &copy;2023</span>
180 |     </div> -->
181 |     <!-- End Footer -->
182 | 
183 |     <script src="../assets/js/bootstrap.bundle.js"></script>
184 | </body>
185 | 
186 | </html>


--------------------------------------------------------------------------------
/admin/insert_brands.php:
--------------------------------------------------------------------------------
 1 | <?php 
 2 |     include('../includes/connect.php');
 3 |     if(isset($_POST['insert_brand_title'])){
 4 |         $brand_title=$_POST['brand_title'];
 5 |         $select_query="SELECT * FROM `brands` WHERE brand_title = '$brand_title'";
 6 |         $select_result=mysqli_query($con,$select_query);
 7 |         $numOfResults=mysqli_num_rows($select_result);
 8 |         if($numOfResults>0){
 9 |             echo "<script>alert('This Brand is already in DataBase');</script>";
10 |         }else{
11 |                 $insert_query="INSERT INTO `brands` (brand_title) VALUES ('$brand_title')";
12 |                 $insert_result=mysqli_query($con,$insert_query);
13 |                 if ($insert_result){
14 |                     echo "<script>alert('Brand has been inserted successfully');</script>";
15 |                 }
16 |             
17 |         }
18 |     }
19 | ?>
20 | <div class="categ-header">
21 |                 <div class="sub-title">
22 |                     <span class="shape"></span>
23 |                     <h2>Insert Brands</h2>
24 |                 </div>
25 |             </div>
26 | <form action="" method="POST" class="mb-2">
27 |     <div class="input-group w-90 mb-3">
28 |         <span class="input-group-text secondry-1" id="basic-addon1">
29 |         <svg xmlns="http://www.w3.org/2000/svg" height="1em" fill="#ffffff" viewBox="0 0 384 512"><path d="M14 2.2C22.5-1.7 32.5-.3 39.6 5.8L80 40.4 120.4 5.8c9-7.7 22.3-7.7 31.2 0L192 40.4 232.4 5.8c9-7.7 22.3-7.7 31.2 0L304 40.4 344.4 5.8c7.1-6.1 17.1-7.5 25.6-3.6s14 12.4 14 21.8V488c0 9.4-5.5 17.9-14 21.8s-18.5 2.5-25.6-3.6L304 471.6l-40.4 34.6c-9 7.7-22.3 7.7-31.2 0L192 471.6l-40.4 34.6c-9 7.7-22.3 7.7-31.2 0L80 471.6 39.6 506.2c-7.1 6.1-17.1 7.5-25.6 3.6S0 497.4 0 488V24C0 14.6 5.5 6.1 14 2.2zM96 144c-8.8 0-16 7.2-16 16s7.2 16 16 16H288c8.8 0 16-7.2 16-16s-7.2-16-16-16H96zM80 352c0 8.8 7.2 16 16 16H288c8.8 0 16-7.2 16-16s-7.2-16-16-16H96c-8.8 0-16 7.2-16 16zM96 240c-8.8 0-16 7.2-16 16s7.2 16 16 16H288c8.8 0 16-7.2 16-16s-7.2-16-16-16H96z"/></svg>
30 |         </span>
31 |         <input type="text" class="form-control" name="brand_title" placeholder="Insert Brands" aria-label="Brands" aria-describedby="basic-addon1">
32 |     </div>
33 |     <div class="input-group w-10 mb-3">
34 |         <input type="submit" class="btn btn-primary" name="insert_brand_title" value="Insert Brands" aria-label="Brands" aria-describedby="basic-addon1">
35 |     </div>
36 | </form>


--------------------------------------------------------------------------------
/admin/insert_categories.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | include('../includes/connect.php');
 3 | if (isset($_POST['insert_categ_title'])) {
 4 |     $category_title = $_POST['categ_title'];
 5 |     $select_query = "SELECT * FROM `categories` WHERE category_title = '$category_title'";
 6 |     $select_result = mysqli_query($con,$select_query);
 7 |     $numOfResults = mysqli_num_rows($select_result);
 8 |     if ($numOfResults > 0) {
 9 |         echo "<script>alert('Category is already in Database');</script>";
10 |     } else {
11 | 
12 |         $insert_query = "INSERT INTO `categories` (category_title) VALUES ('$category_title')";
13 |         $insert_result = mysqli_query($con, $insert_query);
14 |         if ($insert_result){
15 |             echo "<script>alert('Category has been inserted successfully');</script>";
16 |         }
17 |     }
18 | }
19 | ?>
20 | 
21 | <div class="categ-header">
22 |             <div class="sub-title">
23 |                 <span class="shape"></span>
24 |                 <h2>Insert Categories</h2>
25 |             </div>
26 |         </div>
27 | <form action="" method="POST" class="mb-2">
28 |     <div class="input-group w-90 mb-3">
29 |         <span class="input-group-text secondry-1" id="basic-addon1">
30 |             <svg xmlns="http://www.w3.org/2000/svg" height="1em" fill="#ffffff" viewBox="0 0 384 512">
31 |                 <path d="M14 2.2C22.5-1.7 32.5-.3 39.6 5.8L80 40.4 120.4 5.8c9-7.7 22.3-7.7 31.2 0L192 40.4 232.4 5.8c9-7.7 22.3-7.7 31.2 0L304 40.4 344.4 5.8c7.1-6.1 17.1-7.5 25.6-3.6s14 12.4 14 21.8V488c0 9.4-5.5 17.9-14 21.8s-18.5 2.5-25.6-3.6L304 471.6l-40.4 34.6c-9 7.7-22.3 7.7-31.2 0L192 471.6l-40.4 34.6c-9 7.7-22.3 7.7-31.2 0L80 471.6 39.6 506.2c-7.1 6.1-17.1 7.5-25.6 3.6S0 497.4 0 488V24C0 14.6 5.5 6.1 14 2.2zM96 144c-8.8 0-16 7.2-16 16s7.2 16 16 16H288c8.8 0 16-7.2 16-16s-7.2-16-16-16H96zM80 352c0 8.8 7.2 16 16 16H288c8.8 0 16-7.2 16-16s-7.2-16-16-16H96c-8.8 0-16 7.2-16 16zM96 240c-8.8 0-16 7.2-16 16s7.2 16 16 16H288c8.8 0 16-7.2 16-16s-7.2-16-16-16H96z" />
32 |             </svg>
33 |         </span>
34 |         <input type="text" class="form-control" name="categ_title" placeholder="Insert Categories" aria-label="categories" aria-describedby="basic-addon1">
35 |     </div>
36 |     <div class="input-group w-10 mb-3">
37 |         <input type="submit" class="btn btn-primary" name="insert_categ_title" value="Insert Categories" aria-label="Username" aria-describedby="basic-addon1">
38 |     </div>
39 | </form>


--------------------------------------------------------------------------------
/admin/insert_product.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | include('../includes/connect.php');
  3 | if(isset($_POST['insert_product'])){
  4 |     $product_title=$_POST['product_title'];
  5 |     $product_description=$_POST['product_description'];
  6 |     $product_keywords=$_POST['product_keywords'];
  7 |     $product_category=$_POST['product_category'];
  8 |     $product_brand=$_POST['product_brand'];
  9 |     $product_price=$_POST['product_price'];
 10 |     $product_status='true';
 11 |     //access images
 12 |     $product_image_one=$_FILES['product_image_one']['name'];
 13 |     $product_image_two=$_FILES['product_image_two']['name'];
 14 |     $product_image_three=$_FILES['product_image_three']['name'];
 15 |     //access images tmp name
 16 |     $temp_image_one=$_FILES['product_image_one']['tmp_name'];
 17 |     $temp_image_two=$_FILES['product_image_two']['tmp_name'];
 18 |     $temp_image_three=$_FILES['product_image_three']['tmp_name'];
 19 |     //checking empty condition
 20 |     if($product_title == '' || $product_description == '' || $product_keywords == '' || $product_category == '' || $product_brand == '' || empty($product_price) || empty($product_image_one) || empty($product_image_two) || empty($product_image_three)){
 21 |         echo "<script>alert(\"Fields should not be empty\");</script>";
 22 |         exit();
 23 |     }else{
 24 |         //move folders
 25 |         move_uploaded_file($temp_image_one,"./product_images/$product_image_one");
 26 |         move_uploaded_file($temp_image_two,"./product_images/$product_image_two");
 27 |         move_uploaded_file($temp_image_three,"./product_images/$product_image_three");
 28 |         //insert query in db
 29 |         $insert_query = "INSERT INTO `products` (product_title,product_description,product_keywords,category_id,brand_id,product_image_one,product_image_two,product_image_three,product_price,date,status) VALUES ('$product_title','$product_description','$product_keywords','$product_category','$product_brand','$product_image_one','$product_image_two','$product_image_three','$product_price',NOW(),'$product_status')";
 30 |         $insert_result=mysqli_query($con,$insert_query);
 31 |         if($insert_result){
 32 |         echo "<script>alert(\"Product Inserted Successfully\");</script>";
 33 |         }
 34 |     }
 35 | }
 36 | ?>
 37 | <!DOCTYPE html>
 38 | <html lang="en">
 39 | 
 40 | <head>
 41 |     <meta charset="UTF-8">
 42 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 43 |     <title>Insert Products - Admin Dashboard</title>
 44 |     <link rel="stylesheet" href="../assets/css/bootstrap.css" />
 45 |     <link rel="stylesheet" href="../assets/css/main.css" />
 46 | </head>
 47 | 
 48 | <body>
 49 |     <div class="container py-4 px-2">
 50 |         <div class="categ-header text-center mb-4">
 51 |             <!-- <div class="sub-title">
 52 |                     <span class="shape"></span>
 53 |                     <span class="title">Admin Dashboard</span>
 54 |                 </div> -->
 55 |             <h2>Insert Products</h2>
 56 |         </div>
 57 |         <form action="" method="post" enctype="multipart/form-data">
 58 |             <div class="row justify-content-center">
 59 |                 <div class="col-md-5">
 60 |                     <!-- title -->
 61 |                     <div class="form-outline mb-4">
 62 |                         <label for="product_title" class="form-label">Product Title</label>
 63 |                         <input type="text" placeholder="Enter Product Title" name="product_title" id="product_title" class="form-control" autocomplete="off" required>
 64 |                     </div>
 65 |                     <!-- description -->
 66 |                     <div class="form-outline mb-4">
 67 |                         <label for="product_description" class="form-label">Product Description</label>
 68 |                         <input type="text" placeholder="Enter Product Description" name="product_description" id="product_description" class="form-control" autocomplete="off" required>
 69 |                     </div>
 70 |                     <!-- keywords -->
 71 |                     <div class="form-outline mb-4">
 72 |                         <label for="product_keywords" class="form-label">Product Keywords</label>
 73 |                         <input type="text" placeholder="Enter Product Keywords" name="product_keywords" id="product_keywords" class="form-control" autocomplete="off" required>
 74 |                     </div>
 75 |                     <!-- categories -->
 76 |                     <div class="form-outline mb-4">
 77 |                         <select class="form-select" name="product_category" id="product_category">
 78 |                             <option selected disabled>Select a Cateogry</option>
 79 |                             <?php
 80 |                             $select_query = 'SELECT * FROM `categories`';
 81 |                             $select_result = mysqli_query($con, $select_query);
 82 |                             while ($row = mysqli_fetch_assoc($select_result)) {
 83 |                                 $category_title = $row['category_title'];
 84 |                                 $category_id = $row['category_id'];
 85 |                                 echo "
 86 |                                         <option value='$category_id'>$category_title</option>
 87 |                                         ";
 88 |                             }
 89 |                             ?>
 90 |                         </select>
 91 |                     </div>
 92 |                     <!-- brands -->
 93 |                     <div class="form-outline mb-4">
 94 |                         <select class="form-select" name="product_brand" id="product_brand">
 95 |                             <option selected disabled>Select a Brand</option>
 96 |                             <?php
 97 |                             $select_query = 'SELECT * FROM `brands`';
 98 |                             $select_result = mysqli_query($con, $select_query);
 99 |                             while ($row = mysqli_fetch_assoc($select_result)) {
100 |                                 $brand_title = $row['brand_title'];
101 |                                 $brand_id = $row['brand_id'];
102 |                                 echo "
103 |                                         <option value='$brand_id'>$brand_title</option>
104 |                                         ";
105 |                             }
106 |                             ?>
107 |                         </select>
108 |                     </div>
109 |                     <!-- Image one -->
110 |                     <div class="form-outline mb-4">
111 |                         <label for="product_image_one" class="form-label">Product Image One</label>
112 |                         <input type="file" name="product_image_one" id="product_image_one" class="form-control" required>
113 |                     </div>
114 |                     <!-- Image two -->
115 |                     <div class="form-outline mb-4">
116 |                         <label for="product_image_two" class="form-label">Product Image Two</label>
117 |                         <input type="file" name="product_image_two" id="product_image_two" class="form-control" required>
118 |                     </div>
119 |                     <!-- Image three -->
120 |                     <div class="form-outline mb-4">
121 |                         <label for="product_image_three" class="form-label">Product Image Three</label>
122 |                         <input type="file" name="product_image_three" id="product_image_three" class="form-control" required>
123 |                     </div>
124 |                     <!-- Price -->
125 |                     <div class="form-outline mb-4">
126 |                         <label for="product_price" class="form-label">Product Price</label>
127 |                         <input type="number" placeholder="Enter Product Price" name="product_price" id="product_price" class="form-control" autocomplete="off" required>
128 |                     </div>
129 |                     <!--  -->
130 |                     <div class="form-outline mb-4">
131 |                         <input type="submit" value="Insert Product" name="insert_product" class="btn btn-primary">
132 |                     </div>
133 |                 </div>
134 |             </div>
135 |         </form>
136 |     </div>
137 | </body>
138 | 
139 | </html>


--------------------------------------------------------------------------------
/admin/list_orders.php:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 | 
  4 | <head>
  5 |     <meta charset="UTF-8">
  6 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7 |     <title>View Orders Page</title>
  8 | </head>
  9 | 
 10 | <body>
 11 |     <div class="container">
 12 |         <div class="categ-header">
 13 |             <div class="sub-title">
 14 |                 <span class="shape"></span>
 15 |                 <h2>All Orders</h2>
 16 |             </div>
 17 |         </div>
 18 |         <div class="table-data">
 19 |             <table class="table table-bordered table-hover table-striped text-center">
 20 |                 <thead class="table-dark">
 21 |                     <?php
 22 |                     $get_order_query = "SELECT * FROM `user_orders`";
 23 |                     $get_order_result = mysqli_query($con, $get_order_query);
 24 |                     $row_count = mysqli_num_rows($get_order_result);
 25 |                     if($row_count!=0){
 26 |                         echo "
 27 |                         <tr>
 28 |                         <th>Order No.</th>
 29 |                         <th>Due Amount</th>
 30 |                         <th>Invoice Number</th>
 31 |                         <th>Total Products</th>
 32 |                         <th>Order Date</th>
 33 |                         <th>Status</th>
 34 |                         <th>Complete/Incomplete</th>
 35 |                         <th>Delete</th>
 36 |                     </tr>
 37 |                     ";
 38 |                     }
 39 |                     ?>
 40 |                 </thead>
 41 |                 <tbody>
 42 |                     <?php
 43 |                     //get Category info
 44 |                     // $get_order_query = "SELECT * FROM `user_orders`";
 45 |                     // $get_order_result = mysqli_query($con, $get_order_query);
 46 |                     // $row_count = mysqli_num_rows($get_order_result);
 47 |                     if ($row_count == 0) {
 48 |                         echo "<h2 class='text-center text-light p-2 bg-dark'>No orders yet</h2>";
 49 |                     } else {
 50 |                         $id_number = 1;
 51 |                         while ($row_fetch_orders = mysqli_fetch_array($get_order_result)) {
 52 |                             $order_id = $row_fetch_orders['order_id'];
 53 |                             $amount_due = $row_fetch_orders['amount_due'];
 54 |                             $invoice_number = $row_fetch_orders['invoice_number'];
 55 |                             $total_products = $row_fetch_orders['total_products'];
 56 |                             $order_date = $row_fetch_orders['order_date'];
 57 |                             $order_status = $row_fetch_orders['order_status'];
 58 |                             $order_complete = $row_fetch_orders['order_status'] == 'paid'? 'Complete' : 'Incomplete';
 59 |                             echo "
 60 |                             <tr>
 61 |                             <td>$id_number</td>
 62 |                             <td>$amount_due</td>
 63 |                             <td>$invoice_number</td>
 64 |                             <td>$total_products</td>
 65 |                             <td>$order_date</td>
 66 |                             <td>$order_status</td>
 67 |                             <td>$order_complete</td>
 68 |                             <td>
 69 |                                 <a href='index.php?delete_order=$order_id' data-bs-toggle='modal' data-bs-target='#deleteModal_$order_id'>
 70 |                                 <svg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 448 512'><path d='M135.2 17.7L128 32H32C14.3 32 0 46.3 0 64S14.3 96 32 96H416c17.7 0 32-14.3 32-32s-14.3-32-32-32H320l-7.2-14.3C307.4 6.8 296.3 0 284.2 0H163.8c-12.1 0-23.2 6.8-28.6 17.7zM416 128H32L53.2 467c1.6 25.3 22.6 45 47.9 45H346.9c25.3 0 46.3-19.7 47.9-45L416 128z'/></svg>
 71 |                                 </a>
 72 |                                 <!-- Modal -->
 73 |                                 <div class='modal fade' id='deleteModal_$order_id' tabindex='-1' aria-labelledby='deleteModal_$order_id.Label' aria-hidden='true'>
 74 |                                     <div class='modal-dialog modal-dialog-centered justify-content-center'>
 75 |                                         <div class='modal-content' style='width:80%;'>
 76 |                                             <div class='modal-body'>
 77 |                                                 <div class='d-flex flex-column gap-3 align-items-center text-center'>
 78 |                                                     <span>
 79 |                                                         <svg width='50' height='50' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'>
 80 |                                                             <circle cx='29.5' cy='30.5' r='26' stroke='#EA4335' stroke-width='3' />
 81 |                                                             <path d='M41.2715 22.2715C42.248 21.2949 42.248 19.709 41.2715 18.7324C40.2949 17.7559 38.709 17.7559 37.7324 18.7324L29.5059 26.9668L21.2715 18.7402C20.2949 17.7637 18.709 17.7637 17.7324 18.7402C16.7559 19.7168 16.7559 21.3027 17.7324 22.2793L25.9668 30.5059L17.7402 38.7402C16.7637 39.7168 16.7637 41.3027 17.7402 42.2793C18.7168 43.2559 20.3027 43.2559 21.2793 42.2793L29.5059 34.0449L37.7402 42.2715C38.7168 43.248 40.3027 43.248 41.2793 42.2715C42.2559 41.2949 42.2559 39.709 41.2793 38.7324L33.0449 30.5059L41.2715 22.2715Z' fill='#EA4335' />
 82 |                                                         </svg>
 83 |                                                     </span>
 84 |                                                     <h2>Are you sure?</h2>
 85 |                                                     <p>
 86 |                                                         Do you really want to delete these records? this process cannot be done.
 87 |                                                     </p>
 88 |                                                     <div class='btns d-flex gap-3'>
 89 |                                                         <button type='button' class='btn px-5 btn-secondary' data-bs-dismiss='modal'>Cancel</button>
 90 |                                                         <button type='button' class='btn px-5 btn-primary' data-bs-dismiss='modal'>
 91 |                                                             <a class='text-light' href='index.php?delete_order=$order_id'>
 92 |                                                                 Delete Order No. <strong>$id_number</strong>
 93 |                                                             </a>
 94 |                                                         </button>
 95 |                                                     </div>
 96 |                                                 </div>
 97 |                                             </div>
 98 |                                         </div>
 99 |                                     </div>
100 |                                 </div>
101 |                                 <!-- Modal  -->
102 |                             </td>
103 |                         </tr>
104 |                             ";
105 | 
106 |                             $id_number++;
107 |                         }
108 |                     }
109 |                     ?>
110 |                 </tbody>
111 |             </table>
112 |         </div>
113 |     </div>
114 | </body>
115 | 
116 | </html>


--------------------------------------------------------------------------------
/admin/list_payments.php:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 | 
  4 | <head>
  5 |     <meta charset="UTF-8">
  6 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7 |     <title>View Payments Page</title>
  8 | </head>
  9 | 
 10 | <body>
 11 |     <div class="container">
 12 |         <div class="categ-header">
 13 |             <div class="sub-title">
 14 |                 <span class="shape"></span>
 15 |                 <h2>All Payments</h2>
 16 |             </div>
 17 |         </div>
 18 |         <div class="table-data">
 19 |             <table class="table table-bordered table-hover table-striped text-center">
 20 |                 <thead class="table-dark">
 21 |                     <?php
 22 |                     $get_payment_query = "SELECT * FROM `user_payments`";
 23 |                     $get_payment_result = mysqli_query($con, $get_payment_query);
 24 |                     $row_count = mysqli_num_rows($get_payment_result);
 25 |                     if($row_count!=0){
 26 |                         echo "
 27 |                         <tr>
 28 |                         <th>Payment No.</th>
 29 |                         <th>Order Id</th>
 30 |                         <th>Invoice Number</th>
 31 |                         <th>Due Amount</th>
 32 |                         <th>Payment Method</th>
 33 |                         <th>Payment Date</th>
 34 |                         <th>Delete</th>
 35 |                     </tr>
 36 |                     ";
 37 |                     }
 38 |                     ?>
 39 |                 </thead>
 40 |                 <tbody>
 41 |                     <?php
 42 |                     //get Category info
 43 |                     // $get_payment_query = "SELECT * FROM `user_payments`";
 44 |                     // $get_payment_result = mysqli_query($con, $get_payment_query);
 45 |                     // $row_count = mysqli_num_rows($get_payment_result);
 46 |                     if ($row_count == 0) {
 47 |                         echo "<h2 class='text-center text-light p-2 bg-dark'>No payments yet</h2>";
 48 |                     } else {
 49 |                         $id_number = 1;
 50 |                         while ($row_fetch_payments = mysqli_fetch_array($get_payment_result)) {
 51 |                             $payment_id = $row_fetch_payments['payment_id'];
 52 |                             $order_id = $row_fetch_payments['order_id'];
 53 |                             $invoice_number = $row_fetch_payments['invoice_number'];
 54 |                             $amount_due = $row_fetch_payments['amount'];
 55 |                             $payment_method = $row_fetch_payments['payment_method'];
 56 |                             $payment_date = $row_fetch_payments['payment_date'];
 57 |                             echo "
 58 |                             <tr>
 59 |                             <td>$id_number</td>
 60 |                             <td>$order_id</td>
 61 |                             <td>$invoice_number</td>
 62 |                             <td>$amount_due</td>
 63 |                             <td>$payment_method</td>
 64 |                             <td>$payment_date</td>
 65 |                             <td>
 66 |                                 <a href='index.php?delete_payment=$payment_id' data-bs-toggle='modal' data-bs-target='#deleteModal_$payment_id'>
 67 |                                 <svg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 448 512'><path d='M135.2 17.7L128 32H32C14.3 32 0 46.3 0 64S14.3 96 32 96H416c17.7 0 32-14.3 32-32s-14.3-32-32-32H320l-7.2-14.3C307.4 6.8 296.3 0 284.2 0H163.8c-12.1 0-23.2 6.8-28.6 17.7zM416 128H32L53.2 467c1.6 25.3 22.6 45 47.9 45H346.9c25.3 0 46.3-19.7 47.9-45L416 128z'/></svg>
 68 |                                 </a>
 69 |                                 <!-- Modal -->
 70 |                                 <div class='modal fade' id='deleteModal_$payment_id' tabindex='-1' aria-labelledby='deleteModal_$payment_id.Label' aria-hidden='true'>
 71 |                                     <div class='modal-dialog modal-dialog-centered justify-content-center'>
 72 |                                         <div class='modal-content' style='width:80%;'>
 73 |                                             <div class='modal-body'>
 74 |                                                 <div class='d-flex flex-column gap-3 align-items-center text-center'>
 75 |                                                     <span>
 76 |                                                         <svg width='50' height='50' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'>
 77 |                                                             <circle cx='29.5' cy='30.5' r='26' stroke='#EA4335' stroke-width='3' />
 78 |                                                             <path d='M41.2715 22.2715C42.248 21.2949 42.248 19.709 41.2715 18.7324C40.2949 17.7559 38.709 17.7559 37.7324 18.7324L29.5059 26.9668L21.2715 18.7402C20.2949 17.7637 18.709 17.7637 17.7324 18.7402C16.7559 19.7168 16.7559 21.3027 17.7324 22.2793L25.9668 30.5059L17.7402 38.7402C16.7637 39.7168 16.7637 41.3027 17.7402 42.2793C18.7168 43.2559 20.3027 43.2559 21.2793 42.2793L29.5059 34.0449L37.7402 42.2715C38.7168 43.248 40.3027 43.248 41.2793 42.2715C42.2559 41.2949 42.2559 39.709 41.2793 38.7324L33.0449 30.5059L41.2715 22.2715Z' fill='#EA4335' />
 79 |                                                         </svg>
 80 |                                                     </span>
 81 |                                                     <h2>Are you sure?</h2>
 82 |                                                     <p>
 83 |                                                         Do you really want to delete these records? this process cannot be done.
 84 |                                                     </p>
 85 |                                                     <div class='btns d-flex gap-3'>
 86 |                                                         <button type='button' class='btn px-5 btn-secondary' data-bs-dismiss='modal'>Cancel</button>
 87 |                                                         <button type='button' class='btn px-5 btn-primary' data-bs-dismiss='modal'>
 88 |                                                             <a class='text-light' href='index.php?delete_payment=$payment_id'>
 89 |                                                                 Delete Payment No. <strong>$id_number</strong>
 90 |                                                             </a>
 91 |                                                         </button>
 92 |                                                     </div>
 93 |                                                 </div>
 94 |                                             </div>
 95 |                                         </div>
 96 |                                     </div>
 97 |                                 </div>
 98 |                                 <!-- Modal  -->
 99 |                             </td>
100 |                         </tr>
101 |                             ";
102 | 
103 |                             $id_number++;
104 |                         }
105 |                     }
106 |                     ?>
107 |                 </tbody>
108 |             </table>
109 |         </div>
110 |     </div>
111 | </body>
112 | 
113 | </html>


--------------------------------------------------------------------------------
/admin/list_users.php:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 | 
  4 | <head>
  5 |     <meta charset="UTF-8">
  6 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7 |     <title>View Users Page</title>
  8 | </head>
  9 | 
 10 | <body>
 11 |     <div class="container">
 12 |         <div class="categ-header">
 13 |             <div class="sub-title">
 14 |                 <span class="shape"></span>
 15 |                 <h2>All Users</h2>
 16 |             </div>
 17 |         </div>
 18 |         <div class="table-data">
 19 |             <table class="table table-bordered table-hover table-striped text-center">
 20 |                 <thead class="table-dark">
 21 |                     <?php
 22 |                     $get_user_query = "SELECT * FROM `user_table`";
 23 |                     $get_user_result = mysqli_query($con, $get_user_query);
 24 |                     $row_count = mysqli_num_rows($get_user_result);
 25 |                     if($row_count!=0){
 26 |                         echo "
 27 |                         <tr>
 28 |                         <th>User No.</th>
 29 |                         <th>Username</th>
 30 |                         <th>Email</th>
 31 |                         <th>Image</th>
 32 |                         <th>Address</th>
 33 |                         <th>Mobile</th>
 34 |                         <th>Delete</th>
 35 |                     </tr>
 36 |                     ";
 37 |                     }
 38 |                     ?>
 39 |                 </thead>
 40 |                 <tbody>
 41 |                     <?php
 42 |                     //get User info
 43 |                     // $get_user_query = "SELECT * FROM `user_table`";
 44 |                     // $get_user_result = mysqli_query($con, $get_user_query);
 45 |                     // $row_count = mysqli_num_rows($get_user_result);
 46 |                     if ($row_count == 0) {
 47 |                         echo "<h2 class='text-center text-light p-2 bg-dark'>No users yet</h2>";
 48 |                     } else {
 49 |                         $id_number = 1;
 50 |                         while ($row_fetch_users = mysqli_fetch_array($get_user_result)) {
 51 |                             $user_id = $row_fetch_users['user_id'];
 52 |                             $username = $row_fetch_users['username'];
 53 |                             $user_email = $row_fetch_users['user_email'];
 54 |                             $user_image = $row_fetch_users['user_image'];
 55 |                             $user_address = $row_fetch_users['user_address'];
 56 |                             $user_mobile = $row_fetch_users['user_mobile'];
 57 |                             echo "
 58 |                             <tr>
 59 |                             <td>$id_number</td>
 60 |                             <td>$username</td>
 61 |                             <td>$user_email</td>
 62 |                             <td>
 63 |                                 <img src='../users_area/user_images/$user_image' alt='$username photo' class='img-thumbnail' width='100px'/>
 64 |                             </td>
 65 |                             <td>$user_address</td>
 66 |                             <td>$user_mobile</td>
 67 |                             <td>
 68 |                                 <a href='index.php?delete_user=$user_id' data-bs-toggle='modal' data-bs-target='#deleteModal_$user_id'>
 69 |                                 <svg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 448 512'><path d='M135.2 17.7L128 32H32C14.3 32 0 46.3 0 64S14.3 96 32 96H416c17.7 0 32-14.3 32-32s-14.3-32-32-32H320l-7.2-14.3C307.4 6.8 296.3 0 284.2 0H163.8c-12.1 0-23.2 6.8-28.6 17.7zM416 128H32L53.2 467c1.6 25.3 22.6 45 47.9 45H346.9c25.3 0 46.3-19.7 47.9-45L416 128z'/></svg>
 70 |                                 </a>
 71 |                                 <!-- Modal -->
 72 |                                 <div class='modal fade' id='deleteModal_$user_id' tabindex='-1' aria-labelledby='deleteModal_$user_id.Label' aria-hidden='true'>
 73 |                                     <div class='modal-dialog modal-dialog-centered justify-content-center'>
 74 |                                         <div class='modal-content' style='width:80%;'>
 75 |                                             <div class='modal-body'>
 76 |                                                 <div class='d-flex flex-column gap-3 align-items-center text-center'>
 77 |                                                     <span>
 78 |                                                         <svg width='50' height='50' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'>
 79 |                                                             <circle cx='29.5' cy='30.5' r='26' stroke='#EA4335' stroke-width='3' />
 80 |                                                             <path d='M41.2715 22.2715C42.248 21.2949 42.248 19.709 41.2715 18.7324C40.2949 17.7559 38.709 17.7559 37.7324 18.7324L29.5059 26.9668L21.2715 18.7402C20.2949 17.7637 18.709 17.7637 17.7324 18.7402C16.7559 19.7168 16.7559 21.3027 17.7324 22.2793L25.9668 30.5059L17.7402 38.7402C16.7637 39.7168 16.7637 41.3027 17.7402 42.2793C18.7168 43.2559 20.3027 43.2559 21.2793 42.2793L29.5059 34.0449L37.7402 42.2715C38.7168 43.248 40.3027 43.248 41.2793 42.2715C42.2559 41.2949 42.2559 39.709 41.2793 38.7324L33.0449 30.5059L41.2715 22.2715Z' fill='#EA4335' />
 81 |                                                         </svg>
 82 |                                                     </span>
 83 |                                                     <h2>Are you sure?</h2>
 84 |                                                     <p>
 85 |                                                         Do you really want to delete these records? this process cannot be done.
 86 |                                                     </p>
 87 |                                                     <div class='btns d-flex gap-3'>
 88 |                                                         <button type='button' class='btn px-5 btn-secondary' data-bs-dismiss='modal'>Cancel</button>
 89 |                                                         <button type='button' class='btn px-5 btn-primary' data-bs-dismiss='modal'>
 90 |                                                             <a class='text-light' href='index.php?delete_payment=$user_id'>
 91 |                                                                 Delete <strong>$username</strong>
 92 |                                                             </a>
 93 |                                                         </button>
 94 |                                                     </div>
 95 |                                                 </div>
 96 |                                             </div>
 97 |                                         </div>
 98 |                                     </div>
 99 |                                 </div>
100 |                                 <!-- Modal  -->
101 |                             </td>
102 |                         </tr>
103 |                             ";
104 | 
105 |                             $id_number++;
106 |                         }
107 |                     }
108 |                     ?>
109 |                 </tbody>
110 |             </table>
111 |         </div>
112 |     </div>
113 | </body>
114 | 
115 | </html>


--------------------------------------------------------------------------------
/admin/product_images/camera1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/a1bdelrahmanrezk/E-Commerce-1-Website-PHP-MYSQL/45ca81e54aacd2f00273c0270c2c74f40924504d/admin/product_images/camera1.png


--------------------------------------------------------------------------------
/admin/product_images/camera2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/a1bdelrahmanrezk/E-Commerce-1-Website-PHP-MYSQL/45ca81e54aacd2f00273c0270c2c74f40924504d/admin/product_images/camera2.png


--------------------------------------------------------------------------------
/admin/product_images/camera3.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/a1bdelrahmanrezk/E-Commerce-1-Website-PHP-MYSQL/45ca81e54aacd2f00273c0270c2c74f40924504d/admin/product_images/camera3.png


--------------------------------------------------------------------------------
/admin/product_images/food1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/a1bdelrahmanrezk/E-Commerce-1-Website-PHP-MYSQL/45ca81e54aacd2f00273c0270c2c74f40924504d/admin/product_images/food1.png


--------------------------------------------------------------------------------
/admin/product_images/food2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/a1bdelrahmanrezk/E-Commerce-1-Website-PHP-MYSQL/45ca81e54aacd2f00273c0270c2c74f40924504d/admin/product_images/food2.png


--------------------------------------------------------------------------------
/admin/product_images/food3.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/a1bdelrahmanrezk/E-Commerce-1-Website-PHP-MYSQL/45ca81e54aacd2f00273c0270c2c74f40924504d/admin/product_images/food3.png


--------------------------------------------------------------------------------
/admin/product_images/havit1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/a1bdelrahmanrezk/E-Commerce-1-Website-PHP-MYSQL/45ca81e54aacd2f00273c0270c2c74f40924504d/admin/product_images/havit1.png


--------------------------------------------------------------------------------
/admin/product_images/havit2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/a1bdelrahmanrezk/E-Commerce-1-Website-PHP-MYSQL/45ca81e54aacd2f00273c0270c2c74f40924504d/admin/product_images/havit2.png


--------------------------------------------------------------------------------
/admin/product_images/lap1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/a1bdelrahmanrezk/E-Commerce-1-Website-PHP-MYSQL/45ca81e54aacd2f00273c0270c2c74f40924504d/admin/product_images/lap1.png


--------------------------------------------------------------------------------
/admin/product_images/lap2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/a1bdelrahmanrezk/E-Commerce-1-Website-PHP-MYSQL/45ca81e54aacd2f00273c0270c2c74f40924504d/admin/product_images/lap2.png


--------------------------------------------------------------------------------
/admin/product_images/lap3.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/a1bdelrahmanrezk/E-Commerce-1-Website-PHP-MYSQL/45ca81e54aacd2f00273c0270c2c74f40924504d/admin/product_images/lap3.png


--------------------------------------------------------------------------------
/admin/view_brands.php:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | 
 4 | <head>
 5 |     <meta charset="UTF-8">
 6 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 7 |     <title>View Brands Page</title>
 8 | </head>
 9 | 
10 | <body>
11 |     <div class="container">
12 |         <div class="categ-header">
13 |             <div class="sub-title">
14 |                 <span class="shape"></span>
15 |                 <h2>All Brands</h2>
16 |             </div>
17 |         </div>
18 |         <div class="table-data">
19 |             <table class="table table-bordered table-hover table-striped text-center">
20 |                 <thead class="table-dark">
21 |                     <tr>
22 |                         <th>Brands No.</th>
23 |                         <th>Brands Title</th>
24 |                         <th>Edit</th>
25 |                         <th>Delete</th>
26 |                     </tr>
27 |                 </thead>
28 |                 <tbody>
29 |                     <?php
30 |                     //get Brand info
31 |                     $get_brand_query = "SELECT * FROM `brands`";
32 |                     $get_brand_result = mysqli_query($con, $get_brand_query);
33 |                     $id_number = 1;
34 |                     while ($row_fetch_brands = mysqli_fetch_array($get_brand_result)) {
35 |                         $brand_id = $row_fetch_brands['brand_id'];
36 |                         $brand_title = $row_fetch_brands['brand_title'];
37 |                         echo "
38 |                             <tr>
39 |                             <td>$id_number</td>
40 |                             <td>$brand_title</td>
41 |                             <td>
42 |                                 <a href='index.php?edit_brand=$brand_id'>
43 |                                 <svg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 512 512'><path d='M471.6 21.7c-21.9-21.9-57.3-21.9-79.2 0L362.3 51.7l97.9 97.9 30.1-30.1c21.9-21.9 21.9-57.3 0-79.2L471.6 21.7zm-299.2 220c-6.1 6.1-10.8 13.6-13.5 21.9l-29.6 88.8c-2.9 8.6-.6 18.1 5.8 24.6s15.9 8.7 24.6 5.8l88.8-29.6c8.2-2.7 15.7-7.4 21.9-13.5L437.7 172.3 339.7 74.3 172.4 241.7zM96 64C43 64 0 107 0 160V416c0 53 43 96 96 96H352c53 0 96-43 96-96V320c0-17.7-14.3-32-32-32s-32 14.3-32 32v96c0 17.7-14.3 32-32 32H96c-17.7 0-32-14.3-32-32V160c0-17.7 14.3-32 32-32h96c17.7 0 32-14.3 32-32s-14.3-32-32-32H96z'/></svg>
44 |                                 </a>
45 |                             </td>
46 |                             <td>
47 |                                 <a href='index.php?delete_brand=$brand_id' data-bs-toggle='modal' data-bs-target='#deleteModal_$brand_id'>
48 |                                 <svg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 448 512'><path d='M135.2 17.7L128 32H32C14.3 32 0 46.3 0 64S14.3 96 32 96H416c17.7 0 32-14.3 32-32s-14.3-32-32-32H320l-7.2-14.3C307.4 6.8 296.3 0 284.2 0H163.8c-12.1 0-23.2 6.8-28.6 17.7zM416 128H32L53.2 467c1.6 25.3 22.6 45 47.9 45H346.9c25.3 0 46.3-19.7 47.9-45L416 128z'/></svg>
49 |                                 </a>
50 |                                 <!-- Modal -->
51 |                                 <div class='modal fade' id='deleteModal_$brand_id' tabindex='-1' aria-labelledby='deleteModal_$brand_id.Label' aria-hidden='true'>
52 |                                     <div class='modal-dialog modal-dialog-centered justify-content-center'>
53 |                                         <div class='modal-content' style='width:80%;'>
54 |                                             <div class='modal-body'>
55 |                                                 <div class='d-flex flex-column gap-3 align-items-center text-center'>
56 |                                                     <span>
57 |                                                         <svg width='50' height='50' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'>
58 |                                                             <circle cx='29.5' cy='30.5' r='26' stroke='#EA4335' stroke-width='3' />
59 |                                                             <path d='M41.2715 22.2715C42.248 21.2949 42.248 19.709 41.2715 18.7324C40.2949 17.7559 38.709 17.7559 37.7324 18.7324L29.5059 26.9668L21.2715 18.7402C20.2949 17.7637 18.709 17.7637 17.7324 18.7402C16.7559 19.7168 16.7559 21.3027 17.7324 22.2793L25.9668 30.5059L17.7402 38.7402C16.7637 39.7168 16.7637 41.3027 17.7402 42.2793C18.7168 43.2559 20.3027 43.2559 21.2793 42.2793L29.5059 34.0449L37.7402 42.2715C38.7168 43.248 40.3027 43.248 41.2793 42.2715C42.2559 41.2949 42.2559 39.709 41.2793 38.7324L33.0449 30.5059L41.2715 22.2715Z' fill='#EA4335' />
60 |                                                         </svg>
61 |                                                     </span>
62 |                                                     <h2>Are you sure?</h2>
63 |                                                     <p>
64 |                                                         Do you really want to delete these records? this process cannot be done.
65 |                                                     </p>
66 |                                                     <div class='btns d-flex gap-3'>
67 |                                                         <button type='button' class='btn px-5 btn-secondary' data-bs-dismiss='modal'>Cancel</button>
68 |                                                         <button type='button' class='btn px-5 btn-primary' data-bs-dismiss='modal'>
69 |                                                             <a class='text-light' href='index.php?delete_brand=$brand_id'>
70 |                                                                 Delete $brand_title
71 |                                                             </a>
72 |                                                         </button>
73 |                                                     </div>
74 |                                                 </div>
75 |                                             </div>
76 |                                         </div>
77 |                                     </div>
78 |                                 </div>
79 |                                 <!-- Modal  -->
80 |                             </td>
81 |                         </tr>
82 |                             ";
83 | 
84 |                         $id_number++;
85 |                     }
86 |                     ?>
87 |                 </tbody>
88 |             </table>
89 | 
90 | 
91 |         </div>
92 |     </div>
93 | </body>
94 | 
95 | </html>


--------------------------------------------------------------------------------
/admin/view_categories.php:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | 
 4 | <head>
 5 |     <meta charset="UTF-8">
 6 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 7 |     <title>View Categories Page</title>
 8 | </head>
 9 | 
10 | <body>
11 |     <div class="container">
12 |         <div class="categ-header">
13 |             <div class="sub-title">
14 |                 <span class="shape"></span>
15 |                 <h2>All Categories</h2>
16 |             </div>
17 |         </div>
18 |         <div class="table-data">
19 |             <table class="table table-bordered table-hover table-striped text-center">
20 |                 <thead class="table-dark">
21 |                     <tr>
22 |                         <th>Categories No.</th>
23 |                         <th>Categories Title</th>
24 |                         <th>Edit</th>
25 |                         <th>Delete</th>
26 |                     </tr>
27 |                 </thead>
28 |                 <tbody>
29 |                     <?php
30 |                         //get Category info
31 |                         $get_category_query = "SELECT * FROM `categories`";
32 |                         $get_category_result = mysqli_query($con,$get_category_query);
33 |                         $id_number = 1;
34 |                         while($row_fetch_categories = mysqli_fetch_array($get_category_result)){
35 |                             $category_id = $row_fetch_categories['category_id'];
36 |                             $category_title = $row_fetch_categories['category_title'];
37 |                             echo "
38 |                             <tr>
39 |                             <td>$id_number</td>
40 |                             <td>$category_title</td>
41 |                             <td>
42 |                                 <a href='index.php?edit_category=$category_id'>
43 |                                 <svg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 512 512'><path d='M471.6 21.7c-21.9-21.9-57.3-21.9-79.2 0L362.3 51.7l97.9 97.9 30.1-30.1c21.9-21.9 21.9-57.3 0-79.2L471.6 21.7zm-299.2 220c-6.1 6.1-10.8 13.6-13.5 21.9l-29.6 88.8c-2.9 8.6-.6 18.1 5.8 24.6s15.9 8.7 24.6 5.8l88.8-29.6c8.2-2.7 15.7-7.4 21.9-13.5L437.7 172.3 339.7 74.3 172.4 241.7zM96 64C43 64 0 107 0 160V416c0 53 43 96 96 96H352c53 0 96-43 96-96V320c0-17.7-14.3-32-32-32s-32 14.3-32 32v96c0 17.7-14.3 32-32 32H96c-17.7 0-32-14.3-32-32V160c0-17.7 14.3-32 32-32h96c17.7 0 32-14.3 32-32s-14.3-32-32-32H96z'/></svg>
44 |                                 </a>
45 |                             </td>
46 |                             <td>
47 |                                 <a href='index.php?delete_category=$category_id' data-bs-toggle='modal' data-bs-target='#deleteModal_$category_id'>
48 |                                 <svg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 448 512'><path d='M135.2 17.7L128 32H32C14.3 32 0 46.3 0 64S14.3 96 32 96H416c17.7 0 32-14.3 32-32s-14.3-32-32-32H320l-7.2-14.3C307.4 6.8 296.3 0 284.2 0H163.8c-12.1 0-23.2 6.8-28.6 17.7zM416 128H32L53.2 467c1.6 25.3 22.6 45 47.9 45H346.9c25.3 0 46.3-19.7 47.9-45L416 128z'/></svg>
49 |                                 </a>
50 |                                 <!-- Modal -->
51 |                                 <div class='modal fade' id='deleteModal_$category_id' tabindex='-1' aria-labelledby='deleteModal_$category_id.Label' aria-hidden='true'>
52 |                                     <div class='modal-dialog modal-dialog-centered justify-content-center'>
53 |                                         <div class='modal-content' style='width:80%;'>
54 |                                             <div class='modal-body'>
55 |                                                 <div class='d-flex flex-column gap-3 align-items-center text-center'>
56 |                                                     <span>
57 |                                                         <svg width='50' height='50' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'>
58 |                                                             <circle cx='29.5' cy='30.5' r='26' stroke='#EA4335' stroke-width='3' />
59 |                                                             <path d='M41.2715 22.2715C42.248 21.2949 42.248 19.709 41.2715 18.7324C40.2949 17.7559 38.709 17.7559 37.7324 18.7324L29.5059 26.9668L21.2715 18.7402C20.2949 17.7637 18.709 17.7637 17.7324 18.7402C16.7559 19.7168 16.7559 21.3027 17.7324 22.2793L25.9668 30.5059L17.7402 38.7402C16.7637 39.7168 16.7637 41.3027 17.7402 42.2793C18.7168 43.2559 20.3027 43.2559 21.2793 42.2793L29.5059 34.0449L37.7402 42.2715C38.7168 43.248 40.3027 43.248 41.2793 42.2715C42.2559 41.2949 42.2559 39.709 41.2793 38.7324L33.0449 30.5059L41.2715 22.2715Z' fill='#EA4335' />
60 |                                                         </svg>
61 |                                                     </span>
62 |                                                     <h2>Are you sure?</h2>
63 |                                                     <p>
64 |                                                         Do you really want to delete these records? this process cannot be done.
65 |                                                     </p>
66 |                                                     <div class='btns d-flex gap-3'>
67 |                                                         <button type='button' class='btn px-5 btn-secondary' data-bs-dismiss='modal'>Cancel</button>
68 |                                                         <button type='button' class='btn px-5 btn-primary' data-bs-dismiss='modal'>
69 |                                                             <a class='text-light' href='index.php?delete_brand=$category_id'>
70 |                                                                 Delete $category_title
71 |                                                             </a>
72 |                                                         </button>
73 |                                                     </div>
74 |                                                 </div>
75 |                                             </div>
76 |                                         </div>
77 |                                     </div>
78 |                                 </div>
79 |                                 <!-- Modal  -->
80 |                             </td>
81 |                         </tr>
82 |                             ";
83 | 
84 |                             $id_number++;
85 |                         }
86 |                     ?>
87 |                 </tbody>
88 |             </table>
89 |         </div>
90 |     </div>
91 | </body>
92 | 
93 | </html>


--------------------------------------------------------------------------------
/admin/view_products.php:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 | 
  4 | <head>
  5 |     <meta charset="UTF-8">
  6 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7 |     <title>View Product Page</title>
  8 | </head>
  9 | 
 10 | <body>
 11 |     <div class="container">
 12 |         <div class="categ-header">
 13 |             <div class="sub-title">
 14 |                 <span class="shape"></span>
 15 |                 <h2>All Products</h2>
 16 |             </div>
 17 |         </div>
 18 |         <div class="table-data">
 19 |             <table class="table table-bordered table-hover table-striped text-center">
 20 |                 <thead class="table-dark">
 21 |                     <tr>
 22 |                         <th>Product ID</th>
 23 |                         <th>Product Title</th>
 24 |                         <th>Product Image</th>
 25 |                         <th>Product Price</th>
 26 |                         <th>Total Sold</th>
 27 |                         <th>Status</th>
 28 |                         <th>Edit</th>
 29 |                         <th>Delete</th>
 30 |                     </tr>
 31 |                 </thead>
 32 |                 <tbody>
 33 |                     <?php
 34 |                         //get product info
 35 |                         $get_product_query = "SELECT * FROM `products`";
 36 |                         $get_product_result = mysqli_query($con,$get_product_query);
 37 |                         $id_number = 1;
 38 |                         while($row_fetch_products = mysqli_fetch_array($get_product_result)){
 39 |                             $product_id = $row_fetch_products['product_id'];
 40 |                             $product_title = $row_fetch_products['product_title'];
 41 |                             $product_image_one = $row_fetch_products['product_image_one'];
 42 |                             $product_price = $row_fetch_products['product_price'];
 43 |                             $product_status = $row_fetch_products['status'];
 44 |                             //get product total sold 
 45 |                             $get_count_sold = "SELECT * FROM `orders_pending` WHERE product_id = $product_id";
 46 |                             $get_count_sold_result = mysqli_query($con,$get_count_sold);
 47 |                             $quantity_sold = 0;
 48 |                             $quantity_sold_of_each_product = 0;
 49 |                             while($get_fetch_data_sold = mysqli_fetch_array($get_count_sold_result)){
 50 |                                 $quantity_sold = $get_fetch_data_sold['quantity'];
 51 |                                 $quantity_sold_of_each_product +=$quantity_sold;
 52 |                             }
 53 |                             echo "
 54 |                             <tr>
 55 |                             <td>$id_number</td>
 56 |                             <td>$product_title</td>
 57 |                             <td>
 58 |                                 <img src='./product_images/$product_image_one' alt='$product_title' width='80px' class='img-thumbnail'/>
 59 |                             </td>
 60 |                             <td>$product_price $</td>
 61 |                             <td>$quantity_sold_of_each_product</td>
 62 |                             <td>$product_status</td>
 63 |                             <td>
 64 |                                 <a href='index.php?edit_product=$product_id'>
 65 |                                 <svg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 512 512'><path d='M471.6 21.7c-21.9-21.9-57.3-21.9-79.2 0L362.3 51.7l97.9 97.9 30.1-30.1c21.9-21.9 21.9-57.3 0-79.2L471.6 21.7zm-299.2 220c-6.1 6.1-10.8 13.6-13.5 21.9l-29.6 88.8c-2.9 8.6-.6 18.1 5.8 24.6s15.9 8.7 24.6 5.8l88.8-29.6c8.2-2.7 15.7-7.4 21.9-13.5L437.7 172.3 339.7 74.3 172.4 241.7zM96 64C43 64 0 107 0 160V416c0 53 43 96 96 96H352c53 0 96-43 96-96V320c0-17.7-14.3-32-32-32s-32 14.3-32 32v96c0 17.7-14.3 32-32 32H96c-17.7 0-32-14.3-32-32V160c0-17.7 14.3-32 32-32h96c17.7 0 32-14.3 32-32s-14.3-32-32-32H96z'/></svg>
 66 |                                 </a>
 67 |                             </td>
 68 |                             <td>
 69 |                                 <a href='index.php?delete_product=$product_id' data-bs-toggle='modal' data-bs-target='#deleteModal_$product_id'>
 70 |                                 <svg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 448 512'><path d='M135.2 17.7L128 32H32C14.3 32 0 46.3 0 64S14.3 96 32 96H416c17.7 0 32-14.3 32-32s-14.3-32-32-32H320l-7.2-14.3C307.4 6.8 296.3 0 284.2 0H163.8c-12.1 0-23.2 6.8-28.6 17.7zM416 128H32L53.2 467c1.6 25.3 22.6 45 47.9 45H346.9c25.3 0 46.3-19.7 47.9-45L416 128z'/></svg>
 71 |                                 </a>
 72 |                                 <!-- Modal -->
 73 |                                 <div class='modal fade' id='deleteModal_$product_id' tabindex='-1' aria-labelledby=\"deleteModal_$product_id.Label\" aria-hidden='true'>
 74 |                                     <div class='modal-dialog modal-dialog-centered justify-content-center'>
 75 |                                         <div class='modal-content' style='width:80%;'>
 76 |                                             <div class='modal-body'>
 77 |                                                 <div class='d-flex flex-column gap-3 align-items-center text-center'>
 78 |                                                     <span>
 79 |                                                         <svg width='50' height='50' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'>
 80 |                                                             <circle cx='29.5' cy='30.5' r='26' stroke='#EA4335' stroke-width='3' />
 81 |                                                             <path d='M41.2715 22.2715C42.248 21.2949 42.248 19.709 41.2715 18.7324C40.2949 17.7559 38.709 17.7559 37.7324 18.7324L29.5059 26.9668L21.2715 18.7402C20.2949 17.7637 18.709 17.7637 17.7324 18.7402C16.7559 19.7168 16.7559 21.3027 17.7324 22.2793L25.9668 30.5059L17.7402 38.7402C16.7637 39.7168 16.7637 41.3027 17.7402 42.2793C18.7168 43.2559 20.3027 43.2559 21.2793 42.2793L29.5059 34.0449L37.7402 42.2715C38.7168 43.248 40.3027 43.248 41.2793 42.2715C42.2559 41.2949 42.2559 39.709 41.2793 38.7324L33.0449 30.5059L41.2715 22.2715Z' fill='#EA4335' />
 82 |                                                         </svg>
 83 |                                                     </span>
 84 |                                                     <h2>Are you sure?</h2>
 85 |                                                     <p>
 86 |                                                         Do you really want to delete these records? this process cannot be done.
 87 |                                                     </p>
 88 |                                                     <div class='btns d-flex gap-3'>
 89 |                                                         <button type='button' class='btn px-5 btn-secondary' data-bs-dismiss='modal'>Cancel</button>
 90 |                                                         <button type='button' class='btn px-5 btn-primary' data-bs-dismiss='modal'>
 91 |                                                             <a class='text-light' href='index.php?delete_brand=$product_id'>
 92 |                                                                 Delete ($product_title)
 93 |                                                             </a>
 94 |                                                         </button>
 95 |                                                     </div>
 96 |                                                 </div>
 97 |                                             </div>
 98 |                                         </div>
 99 |                                     </div>
100 |                                 </div>
101 |                                 <!-- Modal  -->
102 |                             </td>
103 |                         </tr>
104 |                             ";
105 | 
106 |                             $id_number++;
107 |                         }
108 |                     ?>
109 |                 </tbody>
110 |             </table>
111 |         </div>
112 |     </div>
113 | </body>
114 | 
115 | </html>


--------------------------------------------------------------------------------
/assets/css/main.css:
--------------------------------------------------------------------------------
  1 | /* Global Fonts */
  2 | /* @font-face {
  3 |     font-family: "light";
  4 |     src: url("../fonts/Roboto-Light.ttf");
  5 | } */
  6 | /* Global Fonts */
  7 | /* Global Rules */
  8 | * {
  9 |     -webkit-box-sizing: border-box;
 10 |     -moz-box-sizing: border-box;
 11 |     box-sizing: border-box;
 12 |     margin: 0;
 13 |     padding: 0;
 14 | }
 15 | 
 16 | html {
 17 |     scroll-behavior: smooth;
 18 | }
 19 | 
 20 | body {
 21 |     /* font-family: "regular","sans-serif"; */
 22 | }
 23 | 
 24 | a {
 25 |     text-decoration: none;
 26 |     color: #000000;
 27 |     cursor: pointer;
 28 | }
 29 | button,
 30 | input[type="submit"] {
 31 |     cursor: pointer;
 32 | }
 33 | 
 34 | ul {
 35 |     list-style: none;
 36 | }
 37 | 
 38 | .primary-bg {
 39 |     background-color: #000;
 40 | }
 41 | 
 42 | .primary-1 {
 43 |     background-color: #ffffff;
 44 | }
 45 | 
 46 | .primary-2 {
 47 |     background-color: #363738;
 48 | }
 49 | 
 50 | .secondry-1 {
 51 |     background-color: #DB4444;
 52 | }
 53 | 
 54 | .text-1 {
 55 |     color: #7D8184;
 56 | }
 57 | .text-2 {
 58 |     color: #DB4444;
 59 | }
 60 | .text-3 {
 61 |     color: #212529 !important;
 62 | }
 63 | .text-dark {
 64 |     --bs-text-opacity: 1;
 65 |     color: rgba(var(--bs-darkk-rgb), var(--bs-text-opacity)) !important;
 66 | }
 67 | 
 68 | .divider {
 69 |     background-color: #eaeaea;
 70 |     height: 1.5px;
 71 |     width: 100%;
 72 |     margin-top: 30px;
 73 |     margin-bottom: 40px;
 74 | }
 75 | 
 76 | .container .categ-header {
 77 |     display: flex;
 78 |     flex-direction: column;
 79 |     gap: 20px;
 80 |     margin-bottom: 40px;
 81 | }
 82 | 
 83 | .container .categ-header .sub-title {
 84 |     display: flex;
 85 |     flex-direction: row;
 86 |     gap: 18px;
 87 |     align-items: center;
 88 | }
 89 | 
 90 | .container .categ-header .sub-title span:nth-of-type(1) {
 91 |     width: 18px;
 92 |     height: 35px;
 93 |     background-color: #DB4444;
 94 |     border-radius: 4px;
 95 |     -webkit-border-radius: 4px;
 96 |     -moz-border-radius: 4px;
 97 |     -ms-border-radius: 4px;
 98 |     -o-border-radius: 4px;
 99 | }
100 | .shape {
101 |     display: inline-block;
102 |     width: 18px;
103 |     height: 35px;
104 |     background-color: #DB4444;
105 |     border-radius: 4px;
106 |     -webkit-border-radius: 4px;
107 |     -moz-border-radius: 4px;
108 |     -ms-border-radius: 4px;
109 |     -o-border-radius: 4px;
110 | }
111 | 
112 | .container .categ-header .sub-title span:nth-of-type(2) {
113 |     color: #DB4444;
114 |     font-weight: bold;
115 | }
116 | 
117 | /* ---> Global for one card  */
118 | .one-card {
119 |     display: flex;
120 |     flex-direction: column;
121 |     gap: 18px;
122 | }
123 | 
124 | .one-card .photo {
125 |     background-color: #eaeaea;
126 |     padding: 20px;
127 |     display: flex;
128 |     justify-content: center;
129 |     align-items: center;
130 |     position: relative;
131 |     overflow: hidden;
132 |     height: 320px;
133 |     border-radius: 4px;
134 |     -webkit-border-radius: 4px;
135 |     -moz-border-radius: 4px;
136 |     -ms-border-radius: 4px;
137 |     -o-border-radius: 4px;
138 | }
139 | 
140 | .one-card .photo img {
141 |     width: 50%;
142 | }
143 | 
144 | .one-card .photo button {
145 |     position: absolute;
146 |     width: 50%;
147 |     background-color: #000000;
148 |     color: #ffffff;
149 |     border: none;
150 |     padding: 6px;
151 |     bottom: -40px;
152 |     transition: all 0.2s ease-in-out;
153 |     -webkit-transition: all 0.2s ease-in-out;
154 |     -moz-transition: all 0.2s ease-in-out;
155 |     -ms-transition: all 0.2s ease-in-out;
156 |     -o-transition: all 0.2s ease-in-out;
157 | }
158 | 
159 | .one-card .photo button:nth-child(2) {
160 |     border-radius: 0px 0px 0px 4px;
161 |     left: 0;
162 |     -webkit-border-radius: 0px 0px 0px 4px;
163 |     -moz-border-radius: 0px 0px 0px 4px;
164 |     -ms-border-radius: 0px 0px 0px 4px;
165 |     -o-border-radius: 0px 0px 0px 4px;
166 | }
167 | .one-card .photo button:nth-child(3) {
168 |     background-color: #DB4444;
169 |     border-radius: 0px 0px 4px 0px;
170 |     right: 0;
171 |     -webkit-border-radius: 0px 0px 4px 0px;
172 |     -moz-border-radius: 0px 0px 4px 0px;
173 |     -ms-border-radius: 0px 0px 4px 0px;
174 |     -o-border-radius: 0px 0px 4px 0px;
175 | }
176 | .one-card .photo:hover button {
177 |     bottom: 0px;
178 | }
179 | 
180 | .one-card .content .desc {
181 |     display: flex;
182 |     gap: 8px;
183 |     align-items: center;
184 | }
185 | 
186 | @media (max-width:767px) {
187 |     .one-card .content {
188 |         text-align: center;
189 |     }
190 | 
191 |     .one-card .content .desc {
192 |         justify-content: center;
193 |     }
194 | }
195 | 
196 | .one-card .content .desc span:nth-of-type(1) {
197 |     color: #DB4444;
198 | }
199 | 
200 | .one-card .content .desc span:nth-of-type(2) {
201 |     display: flex;
202 |     gap: 3px;
203 | }
204 | 
205 | .one-card .content .desc span:nth-of-type(3) {
206 |     color: #717171;
207 | }
208 | 
209 | /* Global Rules */
210 | /* Start Upper Nav */
211 | .upper-nav span {
212 |     color: #ffffff;
213 |     font-size: 14px;
214 | }
215 | 
216 | .upper-nav span a {
217 |     text-decoration: underline !important;
218 | }
219 | 
220 | /* End Upper Nav */
221 | /* Start NavBar */
222 | .bg-light {
223 |     background-color: #ffffff !important;
224 |     border-bottom: 1px solid #7D8184;
225 | }
226 | 
227 | .navbar .d-flex .form-control {
228 |     background-color: #F5F5F5;
229 |     border: none;
230 | }
231 | 
232 | .navbar .d-flex .btn-outline-primary {
233 |     background-color: #DB4444;
234 |     color: #ffffff;
235 |     border: none;
236 | }
237 | 
238 | /* End NavBar */
239 | /*  *******************
240 |     **** Index.php ****
241 |     *******************
242 | */
243 | /* Start Landing Section  */
244 | .landing .container .row .cover {
245 |     background-image: url("../images/bg.png");
246 |     background-size: cover;
247 |     height: 100%;
248 |     display: flex;
249 |     flex-direction: column;
250 |     gap: 18px;
251 |     align-items: flex-start;
252 |     padding: 40px;
253 |     color: white;
254 | }
255 | 
256 | .landing .container .row .cover .desc {
257 |     font-size: 40px;
258 | }
259 | 
260 | .landing .container .row .cover a {
261 |     color: #ffffff;
262 |     text-decoration: underline;
263 | }
264 | 
265 | .landing .container .row .tabs-categ ul {
266 |     border-right: 1px solid #7D8184;
267 |     width: 80%;
268 | }
269 | 
270 | @media (max-width:767px) {
271 |     .landing .container .row .tabs-categ ul {
272 |         border-right: none;
273 |         width: 100%;
274 |         text-align: left;
275 |         padding-top: 25px;
276 |     }
277 | 
278 | }
279 | .landing img.img-thumbnail{
280 |     /* width: 50px; */
281 |     height: 80px;
282 |     object-fit: contain;
283 | }
284 | /* End Landing Section  */
285 | /* Start Category Section  */
286 | .category {
287 |     padding-top: 20px;
288 |     padding-bottom: 40px;
289 | }
290 | 
291 | .category .container .categ-header {
292 |     display: flex;
293 |     flex-direction: column;
294 |     gap: 20px;
295 |     margin-bottom: 40px;
296 | }
297 | 
298 | .category .container .categ-header .sub-title {
299 |     display: flex;
300 |     flex-direction: row;
301 |     gap: 18px;
302 |     align-items: center;
303 | }
304 | 
305 | .category .container .categ-header .sub-title span:nth-of-type(1) {
306 |     width: 18px;
307 |     height: 35px;
308 |     background-color: #DB4444;
309 |     border-radius: 4px;
310 |     -webkit-border-radius: 4px;
311 |     -moz-border-radius: 4px;
312 |     -ms-border-radius: 4px;
313 |     -o-border-radius: 4px;
314 | }
315 | 
316 | .category .container .categ-header .sub-title span:nth-of-type(2) {
317 |     color: #DB4444;
318 |     font-weight: bold;
319 | }
320 | 
321 | .category .container .cards {
322 |     display: grid;
323 |     grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
324 |     grid-gap: 8px;
325 | }
326 | 
327 | .category .container .cards .card {
328 |     padding: 28px;
329 |     display: flex;
330 |     flex-direction: column;
331 |     gap: 8px;
332 |     justify-content: center;
333 |     align-items: center;
334 |     transition: all 0.1s ease-in-out;
335 |     -webkit-transition: all 0.1s ease-in-out;
336 |     -moz-transition: all 0.1s ease-in-out;
337 |     -ms-transition: all 0.1s ease-in-out;
338 |     -o-transition: all 0.1s ease-in-out;
339 | }
340 | 
341 | .category .container .cards .card:hover {
342 |     background-color: #DB4444;
343 |     color: #ffffff;
344 | }
345 | 
346 | .category .container .cards .card:hover path,
347 | .category .container .cards .card:hover line {
348 |     stroke: #ffffff;
349 | }
350 | 
351 | /* End Category Section  */
352 | /* Start Advertise Section */
353 | .adver {
354 |     padding-top: 20px;
355 |     padding-bottom: 40px;
356 |     margin-bottom: 20px;
357 | }
358 | 
359 | .adver .container .cover {
360 |     background-image: url("../images/bgsecond.png");
361 |     background-position: center;
362 |     background-size: cover;
363 |     height: 60vh;
364 |     display: flex;
365 |     flex-direction: column;
366 |     gap: 25px;
367 |     align-items: flex-start;
368 |     justify-content: center;
369 |     color: white;
370 |     padding: 70px;
371 | }
372 | 
373 | .adver .container .cover .title {
374 |     color: #00FF66;
375 |     font-weight: bold;
376 | }
377 | 
378 | .adver .container .cover .desc {
379 |     font-size: 50px;
380 | }
381 | 
382 | @media (max-width:767px) {
383 |     .adver .container .cover .desc {
384 |         font-size: 20px;
385 |     }
386 | }
387 | 
388 | .adver .container .cover button {
389 |     background-color: #00FF66;
390 |     color: #ffffff;
391 |     padding: 8px 25px;
392 |     border: none;
393 |     border-radius: 4px;
394 |     -webkit-border-radius: 4px;
395 |     -moz-border-radius: 4px;
396 |     -ms-border-radius: 4px;
397 |     -o-border-radius: 4px;
398 | }
399 | 
400 | /* End Advertise Section */
401 | /* Start Products Section  */
402 | .products {
403 |     padding-top: 20px;
404 |     padding-bottom: 40px;
405 | }
406 | 
407 | .products .container .cards {
408 |     display: grid;
409 |     grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
410 |     gap: 20px;
411 |     margin-bottom: 45px;
412 | }
413 | 
414 | .products .container .cards .one-card {
415 |     display: flex;
416 |     flex-direction: column;
417 |     gap: 18px;
418 | }
419 | 
420 | .products .container .cards .one-card .photo {
421 |     background-color: #eaeaea;
422 |     padding: 20px;
423 |     display: flex;
424 |     justify-content: center;
425 |     align-items: center;
426 |     position: relative;
427 |     overflow: hidden;
428 |     height: 320px;
429 |     border-radius: 4px;
430 |     -webkit-border-radius: 4px;
431 |     -moz-border-radius: 4px;
432 |     -ms-border-radius: 4px;
433 |     -o-border-radius: 4px;
434 | }
435 | 
436 | .products .container .cards .one-card .photo img {
437 |     width: 50%;
438 | }
439 | 
440 | .products .container .cards .one-card .photo button {
441 |     position: absolute;
442 |     width: 100%;
443 |     background-color: #000000;
444 |     color: #ffffff;
445 |     border: none;
446 |     padding: 6px;
447 |     bottom: -40px;
448 |     transition: all 0.2s ease-in-out;
449 |     border-radius: 0px 0px 4px 4px;
450 |     -webkit-border-radius: 0px 0px 4px 4px;
451 |     -moz-border-radius: 0px 0px 4px 4px;
452 |     -ms-border-radius: 0px 0px 4px 4px;
453 |     -o-border-radius: 0px 0px 4px 4px;
454 |     -webkit-transition: all 0.2s ease-in-out;
455 |     -moz-transition: all 0.2s ease-in-out;
456 |     -ms-transition: all 0.2s ease-in-out;
457 |     -o-transition: all 0.2s ease-in-out;
458 | }
459 | 
460 | .products .container .cards .one-card .photo:hover button {
461 |     bottom: 0px;
462 | }
463 | 
464 | .products .container .cards .one-card .content .desc {
465 |     display: flex;
466 |     gap: 8px;
467 |     align-items: center;
468 | }
469 | 
470 | @media (max-width:767px) {
471 |     .products .container .cards .one-card .content {
472 |         text-align: center;
473 |     }
474 | 
475 |     .products .container .cards .one-card .content .desc {
476 |         justify-content: center;
477 |     }
478 | }
479 | 
480 | .products .container .cards .one-card .content .desc span:nth-of-type(1) {
481 |     color: #DB4444;
482 | }
483 | 
484 | .products .container .cards .one-card .content .desc span:nth-of-type(2) {
485 |     display: flex;
486 |     gap: 3px;
487 | }
488 | 
489 | .products .container .cards .one-card .content .desc span:nth-of-type(3) {
490 |     color: #717171;
491 | }
492 | 
493 | .products .container .view button {
494 |     padding: 12px 28px;
495 |     background-color: #DB4444;
496 |     color: #ffffff;
497 |     border: none;
498 |     border-radius: 4px;
499 |     -webkit-border-radius: 4px;
500 |     -moz-border-radius: 4px;
501 |     -ms-border-radius: 4px;
502 |     -o-border-radius: 4px;
503 | }
504 | /* End Products Section  */
505 | /*  **********************
506 |     **** products.php ****
507 |     **********************
508 | */
509 | .all-prod .container .sub-container .side-nav a{
510 |     padding: 8px 10px;
511 | }
512 | /*  **************************
513 |     **** /Admin/index.php ****
514 |     **************************
515 | */
516 | .control .container .row .admin-image{
517 |     width: 80%;
518 |     background-color: #F5F5F5;
519 |     padding: 20px;
520 |     display: flex;
521 |     flex-direction: column;
522 |     gap:18px;
523 |     align-items: center;
524 |     border-radius: 8px;
525 |     -webkit-border-radius: 8px;
526 |     -moz-border-radius: 8px;
527 |     -ms-border-radius: 8px;
528 |     -o-border-radius: 8px;
529 | }
530 | @media (max-width:767px) {
531 |     .control .container .row .admin-image{
532 |         margin: 0px auto;
533 |     }
534 |     .control .container .row.align-items-center{
535 |         text-align: center;
536 |     }
537 | }
538 | .control .container .row .admin-image img{
539 |     width: 100%;
540 | }
541 | .control .container .row .buttons a.nav-link{
542 |     transition: 0s;
543 |     -webkit-transition: 0s;
544 |     -moz-transition: 0s;
545 |     -ms-transition: 0s;
546 |     -o-transition: 0s;
547 | }
548 | 
549 | /* Start Product Details  */
550 | .prod-details{
551 |     margin-bottom: 50px;
552 | }
553 | .prod-details .prod-imgs{
554 |     display: flex;
555 |     flex-direction: column;
556 |     gap: 18px;
557 | }
558 | .prod-details .prod-imgs img{
559 |     width: 100%;
560 | }
561 | @media (max-width:767px) {
562 | .prod-details .prod-imgs{
563 |     flex-direction: row;
564 |     justify-content: center;
565 | }
566 | .prod-details .prod-imgs img{
567 |     width: 20%;
568 | }
569 | }
570 | .prod-details .main-img {
571 |     display: flex;
572 |     background-color: #eaeaea;
573 |     justify-content: center;
574 |     align-items: center;
575 |     width: 100%;
576 |     height: 100%;
577 | }
578 | .prod-details .main-img img{
579 |     width: 100%;
580 | }
581 | .in-stack{
582 |     color: #00FF66;
583 | }
584 | .out-stack{
585 |     color: #DB4444;
586 | }
587 | .prod-details .buy-item .num-btns .btn-increase,
588 | .prod-details .buy-item .num-btns .btn-decrease{
589 |     font-size: 18px;
590 |     font-weight: bold;
591 |     border: 1px solid rgba(0, 0, 0, 0.5);
592 | }
593 | .prod-details .buy-item .num-btns .btn-increase:hover,
594 | .prod-details .buy-item .num-btns .btn-decrease:hover{
595 |     background-color: #DB4444;
596 |     color: #ffffff;
597 |     border: none;
598 | }
599 | .prod-details .buy-item .num-btns .form-control{
600 |     font-size: 18px;
601 |     font-weight: bold;
602 | }
603 | .prod-details .delivery > div{
604 |     border: 1px solid #717171;
605 |     border-radius: 8px;
606 |     padding: 10px;
607 |     -webkit-border-radius: 8px;
608 |     -moz-border-radius: 8px;
609 |     -ms-border-radius: 8px;
610 |     -o-border-radius: 8px;
611 | }
612 | /* End Product Details  */
613 | /* Start profile  */
614 | .navbar-profile{
615 |     background-color: #F5F5F5;
616 |     padding: 10px;
617 |     gap: 15px;
618 | }
619 | .img-profile{
620 |     width:100%;
621 | }
622 | li.table-group-divider ,
623 | .table-group-divider {
624 |     border-color: #d8d8d8;
625 | }
626 | td {
627 |     vertical-align: middle;
628 | }
629 | /* End profile  */
630 | /* Start Admin register & login  */
631 | .admin-register{
632 |     padding-top:30px;
633 |     padding-bottom:20px;
634 | }
635 | .admin-register .row .admin-register{
636 |     width:100%;
637 | }
638 | /* End Admin register & login  */


--------------------------------------------------------------------------------
/assets/images/bg.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/a1bdelrahmanrezk/E-Commerce-1-Website-PHP-MYSQL/45ca81e54aacd2f00273c0270c2c74f40924504d/assets/images/bg.png


--------------------------------------------------------------------------------
/assets/images/bgregister.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/a1bdelrahmanrezk/E-Commerce-1-Website-PHP-MYSQL/45ca81e54aacd2f00273c0270c2c74f40924504d/assets/images/bgregister.png


--------------------------------------------------------------------------------
/assets/images/bgsecond.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/a1bdelrahmanrezk/E-Commerce-1-Website-PHP-MYSQL/45ca81e54aacd2f00273c0270c2c74f40924504d/assets/images/bgsecond.png


--------------------------------------------------------------------------------
/assets/js/script.js:
--------------------------------------------------------------------------------
 1 | //start product_details page -> increase, decrease items 
 2 | var increaseBtn = document.getElementsByClassName('btn-increase');
 3 | var decreaseBtn = document.getElementsByClassName('btn-decrease');
 4 | var itemsToBuy = document.getElementById('num_of_items');
 5 | 
 6 | function increaseValueBtn(){
 7 |     var numero = Number(itemsToBuy.value)+1;
 8 |     itemsToBuy.value = numero;
 9 | }
10 | function decreaseValueBtn(){
11 |     var numero = Number(itemsToBuy.value)-1;
12 |     numero = numero < 0 ? 0 : numero;
13 |     itemsToBuy.value = numero;
14 | }
15 | //end product_details page -> increase, decrease items 
16 | 


--------------------------------------------------------------------------------
/includes/connect.php:
--------------------------------------------------------------------------------
 1 | <?php 
 2 | // $con=mysqli_connect('localhost','root','','ecommerce_1');
 3 | $con = new mysqli('localhost','root','','ecommerce_1');
 4 | if(!$con){
 5 |     die(mysqli_error($con));
 6 | }
 7 | 
 8 | 
 9 | 
10 | 
11 | ?>


--------------------------------------------------------------------------------
/includes/footer.php:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/a1bdelrahmanrezk/E-Commerce-1-Website-PHP-MYSQL/45ca81e54aacd2f00273c0270c2c74f40924504d/includes/footer.php


--------------------------------------------------------------------------------
/product_details.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | include("./includes/connect.php");
  3 | include("./functions/common_functions.php");
  4 | session_start();
  5 | ?>
  6 | <!DOCTYPE html>
  7 | <html lang="en">
  8 | 
  9 | <head>
 10 |     <meta charset="UTF-8">
 11 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 12 |     <title>Ecommerce Products</title>
 13 |     <link rel="stylesheet" href="./assets/css/bootstrap.css" />
 14 |     <link rel="stylesheet" href="./assets/css/main.css" />
 15 | </head>
 16 | 
 17 | <body>
 18 |     <!-- upper-nav -->
 19 |     <div class="upper-nav primary-bg p-2 px-3 text-center text-break">
 20 |         <span>Summer Sale For All Swim Suits And Free Express Delivery - OFF 50%! <a>Shop Now</a></span>
 21 |     </div>
 22 |     <!-- upper-nav -->
 23 |     <!-- Start NavBar -->
 24 |     <nav class="navbar navbar-expand-lg navbar-light bg-light">
 25 |         <div class="container">
 26 |             <a class="navbar-brand fw-bold" href="#">A1</a>
 27 |             <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
 28 |                 <span class="navbar-toggler-icon"></span>
 29 |             </button>
 30 |             <div class="collapse navbar-collapse" id="navbarSupportedContent">
 31 |                 <ul class="navbar-nav mx-auto mb-2 mb-lg-0">
 32 |                     <li class="nav-item">
 33 |                         <a class="nav-link"  href="./index.php">Home</a>
 34 |                     </li>
 35 |                     <li class="nav-item">
 36 |                         <a class="nav-link active" aria-current="page" href="./products.php">Products</a>
 37 |                     </li>
 38 |                     <li class="nav-item">
 39 |                         <a class="nav-link" href="#">About</a>
 40 |                     </li>
 41 |                     <li class="nav-item">
 42 |                         <a class="nav-link" href="#">Contact</a>
 43 |                     </li>
 44 |                     <?php
 45 |                         if(isset($_SESSION['username'])){                            
 46 |                             echo "
 47 |                             <li class='nav-item'>
 48 |                             <a class='nav-link' href='./users_area/profile.php'>My Account</a>
 49 |                         </li>";
 50 |                         }
 51 |                         else{
 52 |                             echo "
 53 |                             <li class='nav-item'>
 54 |                             <a class='nav-link' href='./users_area/user_registration.php'>Register</a>
 55 |                         </li>";
 56 |                         }
 57 |                     ?>
 58 |                 </ul>
 59 |                 <form class="d-flex">
 60 |                     <input class="form-control me-2" type="search" placeholder="Search" aria-label="Search">
 61 |                     <button class="btn btn-outline-primary" type="submit">Search</button>
 62 |                 </form>
 63 |                 <ul class="navbar-nav mb-2 mb-lg-0">
 64 |                     <li class="nav-item">
 65 |                         <a class="nav-link" href="./cart.php"><svg width="28" height="28" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
 66 |                                 <path d="M11 27C11.5523 27 12 26.5523 12 26C12 25.4477 11.5523 25 11 25C10.4477 25 10 25.4477 10 26C10 26.5523 10.4477 27 11 27Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
 67 |                                 <path d="M25 27C25.5523 27 26 26.5523 26 26C26 25.4477 25.5523 25 25 25C24.4477 25 24 25.4477 24 26C24 26.5523 24.4477 27 25 27Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
 68 |                                 <path d="M3 5H7L10 22H26" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
 69 |                                 <path d="M10 16.6667H25.59C25.7056 16.6667 25.8177 16.6267 25.9072 16.5535C25.9966 16.4802 26.0579 16.3782 26.0806 16.2648L27.8806 7.26479C27.8951 7.19222 27.8934 7.11733 27.8755 7.04552C27.8575 6.97371 27.8239 6.90678 27.7769 6.84956C27.73 6.79234 27.6709 6.74625 27.604 6.71462C27.5371 6.68299 27.464 6.66661 27.39 6.66666H8" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
 70 |                             </svg>
 71 |                             <sup>
 72 |                                 <?php
 73 |                                 cart_item();
 74 |                                 ?>
 75 |                             </sup>
 76 |                             <span class="d-none">
 77 |                                 Total Price is: 
 78 |                                 <?php
 79 |                                 total_cart_price();
 80 |                                 ?>
 81 |                             </span>
 82 |                         </a>
 83 |                     </li>
 84 |                     <li class="nav-item">
 85 |                         <a class="nav-link" class="d-flex align-items-center gap-1" href="#">
 86 |                             <svg width="28" height="28" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
 87 |                                 <path d="M24 27V24.3333C24 22.9188 23.5224 21.5623 22.6722 20.5621C21.8221 19.5619 20.669 19 19.4667 19H11.5333C10.331 19 9.17795 19.5619 8.32778 20.5621C7.47762 21.5623 7 22.9188 7 24.3333V27" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
 88 |                                 <path d="M16.5 14C18.9853 14 21 11.9853 21 9.5C21 7.01472 18.9853 5 16.5 5C14.0147 5 12 7.01472 12 9.5C12 11.9853 14.0147 14 16.5 14Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
 89 |                             </svg>
 90 |                             <?php
 91 |                                 if(!isset($_SESSION['username'])){
 92 |                                     echo "<span>
 93 |                                     Welcome guest
 94 |                                 </span>";
 95 |                             }else{
 96 |                                     echo "<span>
 97 |                                     Welcome ".$_SESSION['username']. "</span>";
 98 |                                 }
 99 |                                 ?>
100 |                         </a>
101 |                     </li>
102 |                     <?php
103 |                     if(!isset($_SESSION['username'])){
104 |                         echo "<li class='nav-item'>
105 |                         <a class='nav-link' href='./users_area/user_login.php'>
106 |                             Login
107 |                         </a>
108 |                     </li>";
109 |                 }else{
110 |                         echo "<li class='nav-item'>
111 |                         <a class='nav-link' href='./users_area/logout.php'>
112 |                             Logout
113 |                         </a>
114 |                     </li>";
115 |                     }
116 |                     ?>
117 |                 </ul>
118 |             </div>
119 |         </div>
120 |     </nav>
121 |     <!-- End NavBar -->
122 | 
123 | 
124 |     <!-- Start Product details  -->
125 |     <div class="prod-details">
126 |         <div class="container">
127 |             <div class="sub-container pt-4 pb-4">
128 | 
129 |                 <?php
130 |                 viewDetails();
131 |                 ?>
132 |             </div>
133 |         </div>
134 |     </div>
135 |     <!-- End Product details  -->
136 | 
137 |     <!-- Start Products  -->
138 |     <div class="products">
139 |         <div class="container">
140 |             <div class="categ-header">
141 |                 <div class="sub-title">
142 |                     <span class="shape"></span>
143 |                     <span class="title">Related Products</span>
144 |                 </div>
145 |                 <h2>Discover More Products</h2>
146 |             </div>
147 |             <div class="row mb-3">
148 |                 <?php
149 |                 getProduct(3);
150 |                 cart();
151 |                 ?>
152 |             </div>
153 |             <div class="view d-flex justify-content-center align-items-center">
154 |                 <button onclick="location.href='./products.php'">View More Products</button>
155 |             </div>
156 |         </div>
157 |     </div>
158 |     <!-- End Products  -->
159 | 
160 | 
161 | 
162 | 
163 | 
164 | 
165 | 
166 | 
167 | 
168 | 
169 | 
170 |     <!-- divider  -->
171 |     <!-- <div class="container">
172 |         <div class="divider"></div>
173 |     </div> -->
174 |     <!-- divider  -->
175 | 
176 | 
177 | 
178 | 
179 |     <!-- Start Footer -->
180 |     <!-- <div class="upper-nav primary-bg p-2 px-3 text-center text-break">
181 |         <span>All CopyRight &copy;2023</span>
182 |     </div> -->
183 |     <!-- End Footer -->
184 | 
185 |     <script src="./assets//js/bootstrap.bundle.js"></script>
186 |     <script src="./assets//js/script.js"></script>
187 | </body>
188 | 
189 | </html>


--------------------------------------------------------------------------------
/products.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | include("./includes/connect.php");
  3 | include("./functions/common_functions.php");
  4 | session_start();
  5 | ?>
  6 | <!DOCTYPE html>
  7 | <html lang="en">
  8 | 
  9 | <head>
 10 |     <meta charset="UTF-8">
 11 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 12 |     <title>Ecommerce Products</title>
 13 |     <link rel="stylesheet" href="./assets/css/bootstrap.css" />
 14 |     <link rel="stylesheet" href="./assets/css/main.css" />
 15 | </head>
 16 | 
 17 | <body>
 18 |     <!-- upper-nav -->
 19 |     <div class="upper-nav primary-bg p-2 px-3 text-center text-break">
 20 |         <span>Summer Sale For All Swim Suits And Free Express Delivery - OFF 50%! <a>Shop Now</a></span>
 21 |     </div>
 22 |     <!-- upper-nav -->
 23 |     <!-- Start NavBar -->
 24 |     <nav class="navbar navbar-expand-lg navbar-light bg-light">
 25 |         <div class="container">
 26 |             <a class="navbar-brand fw-bold" href="#">A1</a>
 27 |             <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
 28 |                 <span class="navbar-toggler-icon"></span>
 29 |             </button>
 30 |             <div class="collapse navbar-collapse" id="navbarSupportedContent">
 31 |                 <ul class="navbar-nav mx-auto mb-2 mb-lg-0">
 32 |                     <li class="nav-item">
 33 |                         <a class="nav-link" href="./index.php">Home</a>
 34 |                     </li>
 35 |                     <li class="nav-item">
 36 |                         <a class="nav-link active" aria-current="page" href="./products.php">Products</a>
 37 |                     </li>
 38 |                     <li class="nav-item">
 39 |                         <a class="nav-link" href="#">About</a>
 40 |                     </li>
 41 |                     <li class="nav-item">
 42 |                         <a class="nav-link" href="#">Contact</a>
 43 |                     </li>
 44 |                     <?php
 45 |                         if(isset($_SESSION['username'])){                            
 46 |                             echo "
 47 |                             <li class='nav-item'>
 48 |                             <a class='nav-link' href='./users_area/profile.php'>My Account</a>
 49 |                         </li>";
 50 |                         }
 51 |                         else{
 52 |                             echo "
 53 |                             <li class='nav-item'>
 54 |                             <a class='nav-link' href='./users_area/user_registration.php'>Register</a>
 55 |                         </li>";
 56 |                         }
 57 |                     ?>
 58 |                 </ul>
 59 |                 <form class="d-flex">
 60 |                     <input class="form-control me-2" type="search" placeholder="Search" aria-label="Search">
 61 |                     <button class="btn btn-outline-primary" type="submit">Search</button>
 62 |                 </form>
 63 |                 <ul class="navbar-nav mb-2 mb-lg-0">
 64 |                     <li class="nav-item">
 65 |                         <a class="nav-link" href="./cart.php"><svg width="28" height="28" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
 66 |                                 <path d="M11 27C11.5523 27 12 26.5523 12 26C12 25.4477 11.5523 25 11 25C10.4477 25 10 25.4477 10 26C10 26.5523 10.4477 27 11 27Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
 67 |                                 <path d="M25 27C25.5523 27 26 26.5523 26 26C26 25.4477 25.5523 25 25 25C24.4477 25 24 25.4477 24 26C24 26.5523 24.4477 27 25 27Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
 68 |                                 <path d="M3 5H7L10 22H26" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
 69 |                                 <path d="M10 16.6667H25.59C25.7056 16.6667 25.8177 16.6267 25.9072 16.5535C25.9966 16.4802 26.0579 16.3782 26.0806 16.2648L27.8806 7.26479C27.8951 7.19222 27.8934 7.11733 27.8755 7.04552C27.8575 6.97371 27.8239 6.90678 27.7769 6.84956C27.73 6.79234 27.6709 6.74625 27.604 6.71462C27.5371 6.68299 27.464 6.66661 27.39 6.66666H8" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
 70 |                             </svg>
 71 |                             <sup>
 72 |                                 <?php
 73 |                                 cart_item();
 74 |                                 ?>
 75 |                             </sup>
 76 |                             <span class="d-none">
 77 |                                 Total Price is: 
 78 |                                 <?php
 79 |                                 total_cart_price();
 80 |                                 ?>
 81 |                             </span>
 82 |                         </a>
 83 |                     </li>
 84 |                     <li class="nav-item">
 85 |                         <a class="nav-link" class="d-flex align-items-center gap-1" href="#">
 86 |                             <svg width="28" height="28" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
 87 |                                 <path d="M24 27V24.3333C24 22.9188 23.5224 21.5623 22.6722 20.5621C21.8221 19.5619 20.669 19 19.4667 19H11.5333C10.331 19 9.17795 19.5619 8.32778 20.5621C7.47762 21.5623 7 22.9188 7 24.3333V27" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
 88 |                                 <path d="M16.5 14C18.9853 14 21 11.9853 21 9.5C21 7.01472 18.9853 5 16.5 5C14.0147 5 12 7.01472 12 9.5C12 11.9853 14.0147 14 16.5 14Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
 89 |                             </svg>
 90 |                             <?php
 91 |                                 if(!isset($_SESSION['username'])){
 92 |                                     echo "<span>
 93 |                                     Welcome guest
 94 |                                 </span>";
 95 |                             }else{
 96 |                                     echo "<span>
 97 |                                     Welcome ".$_SESSION['username']. "</span>";
 98 |                                 }
 99 |                                 ?>
100 |                         </a>
101 |                     </li>
102 |                     <?php
103 |                     if(!isset($_SESSION['username'])){
104 |                         echo "<li class='nav-item'>
105 |                         <a class='nav-link' href='./users_area/user_login.php'>
106 |                             Login
107 |                         </a>
108 |                     </li>";
109 |                 }else{
110 |                         echo "<li class='nav-item'>
111 |                         <a class='nav-link' href='./users_area/logout.php'>
112 |                             Logout
113 |                         </a>
114 |                     </li>";
115 |                     }
116 |                     ?>
117 |                 </ul>
118 |             </div>
119 |         </div>
120 |     </nav>
121 |     <!-- End NavBar -->
122 | 
123 | 
124 |     <!-- Start All Prodcuts  -->
125 |     <div class="all-prod">
126 |         <div class="container">
127 |             <div class="sub-container pt-4 pb-4">
128 |                 <div class="categ-header">
129 |                     <div class="sub-title">
130 |                         <span class="shape"></span>
131 |                         <span class="title">Categories & Brands</span>
132 |                     </div>
133 |                     <h2>Browse By Category & Brand</h2>
134 |                 </div>
135 |                 <div class="row mx-0">
136 |                     <div class="col-md-2 side-nav p-0">
137 |                         <!-- side nav  -->
138 |                         <!-- brands to display -->
139 |                         <ul class="navbar-nav me-auto ">
140 |                             <li class="nav-item d-flex align-items-center gap-2">
141 |                                 <span class="shape"></span>
142 |                                 <a href="products.php" class="nav-link fw-bolder nav-title">
143 |                                     <h4>Brands</h4>
144 |                                 </a>
145 |                             </li>
146 |                             <?php
147 |                             getBrands();
148 |                             ?>
149 |                         </ul>
150 |                         <div class="divider"></div>
151 |                         <!-- categories to display -->
152 |                         <ul class="navbar-nav me-auto ">
153 |                             <li class="nav-item d-flex align-items-center gap-2">
154 |                                 <span class="shape"></span>
155 |                                 <a href="products.php" class="nav-link fw-bolder nav-title">
156 |                                     <h4>Categories</h4>
157 |                                 </a>
158 |                             </li>
159 |                             <?php
160 |                             getCategories();
161 |                             ?>
162 | 
163 |                         </ul>
164 | 
165 |                     </div>
166 |                     <div class="col-md-10">
167 |                         <!-- products  -->
168 |                         <div class="row">
169 |                             <?php
170 |                             getProduct();
171 |                             filterCategoryProduct();
172 |                             filterBrandProduct();
173 |                             $ip=getIPAddress();
174 |                             cart();
175 |                             ?>
176 |                         </div>
177 |                     </div>
178 |                 </div>
179 |             </div>
180 |         </div>
181 |     </div>
182 |     <!-- End All Prodcuts  -->
183 | 
184 | 
185 | 
186 | 
187 | 
188 | 
189 | 
190 | 
191 | 
192 | 
193 | 
194 | 
195 | 
196 |     <!-- divider  -->
197 |     <!-- <div class="container">
198 |         <div class="divider"></div>
199 |     </div> -->
200 |     <!-- divider  -->
201 | 
202 | 
203 | 
204 | 
205 |     <!-- Start Footer -->
206 |     <!-- <div class="upper-nav primary-bg p-2 px-3 text-center text-break">
207 |         <span>All CopyRight &copy;2023</span>
208 |     </div> -->
209 |     <!-- End Footer -->
210 | 
211 |     <script src="./assets//js/bootstrap.bundle.js"></script>
212 | </body>
213 | 
214 | </html>


--------------------------------------------------------------------------------
/search_product.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | include("./includes/connect.php");
  3 | include("./functions/common_functions.php");
  4 | session_start();
  5 | ?>
  6 | <!DOCTYPE html>
  7 | <html lang="en">
  8 | 
  9 | <head>
 10 |     <meta charset="UTF-8">
 11 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 12 |     <title>Ecommerce Products</title>
 13 |     <link rel="stylesheet" href="./assets/css/bootstrap.css" />
 14 |     <link rel="stylesheet" href="./assets/css/main.css" />
 15 | </head>
 16 | 
 17 | <body>
 18 |     <!-- upper-nav -->
 19 |     <div class="upper-nav primary-bg p-2 px-3 text-center text-break">
 20 |         <span>Summer Sale For All Swim Suits And Free Express Delivery - OFF 50%! <a>Shop Now</a></span>
 21 |     </div>
 22 |     <!-- upper-nav -->
 23 |     <!-- Start NavBar -->
 24 |     <nav class="navbar navbar-expand-lg navbar-light bg-light">
 25 |         <div class="container">
 26 |             <a class="navbar-brand fw-bold" href="#">A1</a>
 27 |             <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
 28 |                 <span class="navbar-toggler-icon"></span>
 29 |             </button>
 30 |             <div class="collapse navbar-collapse" id="navbarSupportedContent">
 31 |                 <ul class="navbar-nav mx-auto mb-2 mb-lg-0">
 32 |                     <li class="nav-item">
 33 |                         <a class="nav-link"  href="./index.php">Home</a>
 34 |                     </li>
 35 |                     <li class="nav-item">
 36 |                         <a class="nav-link active" aria-current="page" href="./products.php">Products</a>
 37 |                     </li>
 38 |                     <li class="nav-item">
 39 |                         <a class="nav-link" href="#">About</a>
 40 |                     </li>
 41 |                     <li class="nav-item">
 42 |                         <a class="nav-link" href="#">Contact</a>
 43 |                     </li>
 44 |                     <?php
 45 |                         if(isset($_SESSION['username'])){                            
 46 |                             echo "
 47 |                             <li class='nav-item'>
 48 |                             <a class='nav-link' href='./users_area/profile.php'>My Account</a>
 49 |                         </li>";
 50 |                         }
 51 |                         else{
 52 |                             echo "
 53 |                             <li class='nav-item'>
 54 |                             <a class='nav-link' href='./users_area/user_registration.php'>Register</a>
 55 |                         </li>";
 56 |                         }
 57 |                     ?>
 58 |                 </ul>
 59 |                 <form class="d-flex" action="" method="get">
 60 |                     <input class="form-control me-2" type="search" placeholder="Search" aria-label="Search" name="search_data">
 61 |                     <input type="submit" value="Search" class="btn btn-outline-primary" name="search_data_btn">
 62 |                 </form>
 63 |                 <ul class="navbar-nav mb-2 mb-lg-0">
 64 |                     <li class="nav-item">
 65 |                         <a class="nav-link" href="./cart.php"><svg width="28" height="28" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
 66 |                                 <path d="M11 27C11.5523 27 12 26.5523 12 26C12 25.4477 11.5523 25 11 25C10.4477 25 10 25.4477 10 26C10 26.5523 10.4477 27 11 27Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
 67 |                                 <path d="M25 27C25.5523 27 26 26.5523 26 26C26 25.4477 25.5523 25 25 25C24.4477 25 24 25.4477 24 26C24 26.5523 24.4477 27 25 27Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
 68 |                                 <path d="M3 5H7L10 22H26" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
 69 |                                 <path d="M10 16.6667H25.59C25.7056 16.6667 25.8177 16.6267 25.9072 16.5535C25.9966 16.4802 26.0579 16.3782 26.0806 16.2648L27.8806 7.26479C27.8951 7.19222 27.8934 7.11733 27.8755 7.04552C27.8575 6.97371 27.8239 6.90678 27.7769 6.84956C27.73 6.79234 27.6709 6.74625 27.604 6.71462C27.5371 6.68299 27.464 6.66661 27.39 6.66666H8" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
 70 |                             </svg>
 71 |                             <sup>
 72 |                                 <?php
 73 |                                 cart_item();
 74 |                                 ?>
 75 |                             </sup>
 76 |                             <span class="d-none">
 77 |                                 Total Price is: 
 78 |                                 <?php
 79 |                                 total_cart_price();
 80 |                                 ?>
 81 |                             </span>
 82 |                         </a>
 83 |                     </li>
 84 |                     <li class="nav-item">
 85 |                         <a class="nav-link" class="d-flex align-items-center gap-1" href="#">
 86 |                             <svg width="28" height="28" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
 87 |                                 <path d="M24 27V24.3333C24 22.9188 23.5224 21.5623 22.6722 20.5621C21.8221 19.5619 20.669 19 19.4667 19H11.5333C10.331 19 9.17795 19.5619 8.32778 20.5621C7.47762 21.5623 7 22.9188 7 24.3333V27" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
 88 |                                 <path d="M16.5 14C18.9853 14 21 11.9853 21 9.5C21 7.01472 18.9853 5 16.5 5C14.0147 5 12 7.01472 12 9.5C12 11.9853 14.0147 14 16.5 14Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
 89 |                             </svg>
 90 |                             <?php
 91 |                                 if(!isset($_SESSION['username'])){
 92 |                                     echo "<span>
 93 |                                     Welcome guest
 94 |                                 </span>";
 95 |                             }else{
 96 |                                     echo "<span>
 97 |                                     Welcome ".$_SESSION['username']. "</span>";
 98 |                                 }
 99 |                                 ?>
100 |                         </a>
101 |                     </li>
102 |                     <?php
103 |                     if(!isset($_SESSION['username'])){
104 |                         echo "<li class='nav-item'>
105 |                         <a class='nav-link' href='./users_area/user_login.php'>
106 |                             Login
107 |                         </a>
108 |                     </li>";
109 |                 }else{
110 |                         echo "<li class='nav-item'>
111 |                         <a class='nav-link' href='./users_area/logout.php'>
112 |                             Logout
113 |                         </a>
114 |                     </li>";
115 |                     }
116 |                     ?>
117 |                 </ul>
118 |             </div>
119 |         </div>
120 |     </nav>
121 |     <!-- End NavBar -->
122 | 
123 | 
124 |     <!-- Start All Prodcuts  -->
125 |     <div class="all-prod">
126 |         <div class="container">
127 |             <div class="sub-container pt-4 pb-4">
128 |                 <div class="categ-header">
129 |                     <div class="sub-title">
130 |                         <span class="shape"></span>
131 |                         <span class="title">Categories & Brands</span>
132 |                     </div>
133 |                     <h2>Browse By Category & Brand</h2>
134 |                 </div>
135 |                 <div class="row mx-0">
136 |                     <div class="col-md-2 side-nav p-0">
137 |                         <!-- side nav  -->
138 |                         <!-- brands to display -->
139 |                         <ul class="navbar-nav me-auto ">
140 |                             <li class="nav-item d-flex align-items-center gap-2">
141 |                                 <span class="shape"></span>
142 |                                 <a href="products.php" class="nav-link fw-bolder nav-title">
143 |                                     <h4>Brands</h4>
144 |                                 </a>
145 |                             </li>
146 |                             <?php
147 |                             getBrands();
148 |                             ?>
149 |                         </ul>
150 |                         <div class="divider"></div>
151 |                         <!-- categories to display -->
152 |                         <ul class="navbar-nav me-auto ">
153 |                             <li class="nav-item d-flex align-items-center gap-2">
154 |                                 <span class="shape"></span>
155 |                                 <a href="products.php" class="nav-link fw-bolder nav-title">
156 |                                     <h4>Categories</h4>
157 |                                 </a>
158 |                             </li>
159 |                             <?php
160 |                             getCategories();
161 |                             ?>
162 | 
163 |                         </ul>
164 | 
165 |                     </div>
166 |                     <div class="col-md-10">
167 |                         <!-- products  -->
168 |                         <div class="row">
169 |                             <?php
170 |                             search_product();
171 |                             filterCategoryProduct();
172 |                             filterBrandProduct();
173 |                             ?>
174 |                         </div>
175 |                     </div>
176 |                 </div>
177 |             </div>
178 |         </div>
179 |     </div>
180 |     <!-- End All Prodcuts  -->
181 | 
182 | 
183 | 
184 | 
185 | 
186 | 
187 | 
188 | 
189 | 
190 | 
191 | 
192 | 
193 | 
194 |     <!-- divider  -->
195 |     <!-- <div class="container">
196 |         <div class="divider"></div>
197 |     </div> -->
198 |     <!-- divider  -->
199 | 
200 | 
201 | 
202 | 
203 |     <!-- Start Footer -->
204 |     <!-- <div class="upper-nav primary-bg p-2 px-3 text-center text-break">
205 |         <span>All CopyRight &copy;2023</span>
206 |     </div> -->
207 |     <!-- End Footer -->
208 | 
209 |     <script src="./assets//js/bootstrap.bundle.js"></script>
210 | </body>
211 | 
212 | </html>


--------------------------------------------------------------------------------
/ui/Ecommerce-Admin-Dashboard (1).png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/a1bdelrahmanrezk/E-Commerce-1-Website-PHP-MYSQL/45ca81e54aacd2f00273c0270c2c74f40924504d/ui/Ecommerce-Admin-Dashboard (1).png


--------------------------------------------------------------------------------
/ui/Ecommerce-Admin-Dashboard (2).png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/a1bdelrahmanrezk/E-Commerce-1-Website-PHP-MYSQL/45ca81e54aacd2f00273c0270c2c74f40924504d/ui/Ecommerce-Admin-Dashboard (2).png


--------------------------------------------------------------------------------
/ui/Ecommerce-Admin-Dashboard (3).png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/a1bdelrahmanrezk/E-Commerce-1-Website-PHP-MYSQL/45ca81e54aacd2f00273c0270c2c74f40924504d/ui/Ecommerce-Admin-Dashboard (3).png


--------------------------------------------------------------------------------
/ui/Ecommerce-Admin-Dashboard (4).png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/a1bdelrahmanrezk/E-Commerce-1-Website-PHP-MYSQL/45ca81e54aacd2f00273c0270c2c74f40924504d/ui/Ecommerce-Admin-Dashboard (4).png


--------------------------------------------------------------------------------
/ui/Ecommerce-Admin-Dashboard.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/a1bdelrahmanrezk/E-Commerce-1-Website-PHP-MYSQL/45ca81e54aacd2f00273c0270c2c74f40924504d/ui/Ecommerce-Admin-Dashboard.png


--------------------------------------------------------------------------------
/ui/Ecommerce-Admin-Login.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/a1bdelrahmanrezk/E-Commerce-1-Website-PHP-MYSQL/45ca81e54aacd2f00273c0270c2c74f40924504d/ui/Ecommerce-Admin-Login.png


--------------------------------------------------------------------------------
/ui/Ecommerce-Admin-Registration.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/a1bdelrahmanrezk/E-Commerce-1-Website-PHP-MYSQL/45ca81e54aacd2f00273c0270c2c74f40924504d/ui/Ecommerce-Admin-Registration.png


--------------------------------------------------------------------------------
/ui/Ecommerce-Cart-Details-Page.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/a1bdelrahmanrezk/E-Commerce-1-Website-PHP-MYSQL/45ca81e54aacd2f00273c0270c2c74f40924504d/ui/Ecommerce-Cart-Details-Page.png


--------------------------------------------------------------------------------
/ui/Ecommerce-Home-Page.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/a1bdelrahmanrezk/E-Commerce-1-Website-PHP-MYSQL/45ca81e54aacd2f00273c0270c2c74f40924504d/ui/Ecommerce-Home-Page.png


--------------------------------------------------------------------------------
/ui/Ecommerce-Products.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/a1bdelrahmanrezk/E-Commerce-1-Website-PHP-MYSQL/45ca81e54aacd2f00273c0270c2c74f40924504d/ui/Ecommerce-Products.png


--------------------------------------------------------------------------------
/ui/abdo-Profile (1).png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/a1bdelrahmanrezk/E-Commerce-1-Website-PHP-MYSQL/45ca81e54aacd2f00273c0270c2c74f40924504d/ui/abdo-Profile (1).png


--------------------------------------------------------------------------------
/ui/abdo-Profile (2).png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/a1bdelrahmanrezk/E-Commerce-1-Website-PHP-MYSQL/45ca81e54aacd2f00273c0270c2c74f40924504d/ui/abdo-Profile (2).png


--------------------------------------------------------------------------------
/ui/abdo-Profile.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/a1bdelrahmanrezk/E-Commerce-1-Website-PHP-MYSQL/45ca81e54aacd2f00273c0270c2c74f40924504d/ui/abdo-Profile.png


--------------------------------------------------------------------------------
/users_area/checkout.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | include('../includes/connect.php');
  3 | // include('../functions/common_functions.php');
  4 | @session_start();
  5 | ?>
  6 | <!DOCTYPE html>
  7 | <html lang="en">
  8 | 
  9 | <head>
 10 |     <meta charset="UTF-8">
 11 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 12 |     <title>Ecommerce Checkout Page</title>
 13 |     <link rel="stylesheet" href="../assets/css/bootstrap.css" />
 14 |     <link rel="stylesheet" href="../assets/css/main.css" />
 15 | </head>
 16 | 
 17 | <body>
 18 |     <!-- upper-nav -->
 19 |     <div class="upper-nav primary-bg p-2 px-3 text-center text-break">
 20 |         <span>Summer Sale For All Swim Suits And Free Express Delivery - OFF 50%! <a>Shop Now</a></span>
 21 |     </div>
 22 |     <!-- upper-nav -->
 23 |     <!-- Start NavBar -->
 24 |     <nav class="navbar navbar-expand-lg navbar-light bg-light">
 25 |         <div class="container">
 26 |             <a class="navbar-brand fw-bold" href="#">A1</a>
 27 |             <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
 28 |                 <span class="navbar-toggler-icon"></span>
 29 |             </button>
 30 |             <div class="collapse navbar-collapse" id="navbarSupportedContent">
 31 |                 <ul class="navbar-nav mx-auto mb-2 mb-lg-0">
 32 |                     <li class="nav-item">
 33 |                         <a class="nav-link active" aria-current="page" href="./index.php">Home</a>
 34 |                     </li>
 35 |                     <li class="nav-item">
 36 |                         <a class="nav-link" href="./products.php">Products</a>
 37 |                     </li>
 38 |                     <li class="nav-item">
 39 |                         <a class="nav-link" href="#">About</a>
 40 |                     </li>
 41 |                     <li class="nav-item">
 42 |                         <a class="nav-link" href="#">Contact</a>
 43 |                     </li>
 44 |                     <li class="nav-item">
 45 |                         <a class="nav-link" href="./users_area/user_registration.php">Register</a>
 46 |                     </li>
 47 |                 </ul>
 48 |                 <!-- <form class="d-flex">
 49 |                     <input class="form-control me-2" type="search" placeholder="Search" aria-label="Search">
 50 |                     <button class="btn btn-outline-primary" type="submit">Search</button>
 51 |                 </form> -->
 52 |                 <ul class="navbar-nav mb-2 mb-lg-0">
 53 |                     <!-- <li class="nav-item">
 54 |                         <a class="nav-link" href="./cart.php"><svg width="28" height="28" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
 55 |                                 <path d="M11 27C11.5523 27 12 26.5523 12 26C12 25.4477 11.5523 25 11 25C10.4477 25 10 25.4477 10 26C10 26.5523 10.4477 27 11 27Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
 56 |                                 <path d="M25 27C25.5523 27 26 26.5523 26 26C26 25.4477 25.5523 25 25 25C24.4477 25 24 25.4477 24 26C24 26.5523 24.4477 27 25 27Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
 57 |                                 <path d="M3 5H7L10 22H26" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
 58 |                                 <path d="M10 16.6667H25.59C25.7056 16.6667 25.8177 16.6267 25.9072 16.5535C25.9966 16.4802 26.0579 16.3782 26.0806 16.2648L27.8806 7.26479C27.8951 7.19222 27.8934 7.11733 27.8755 7.04552C27.8575 6.97371 27.8239 6.90678 27.7769 6.84956C27.73 6.79234 27.6709 6.74625 27.604 6.71462C27.5371 6.68299 27.464 6.66661 27.39 6.66666H8" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
 59 |                             </svg>
 60 |                             <sup>
 61 |                                 <?php
 62 |                                 // cart_item();
 63 |                                 ?>
 64 |                             </sup>
 65 |                             <span class="d-none">
 66 |                                 Total Price is: 
 67 |                                 <?php
 68 |                                 // total_cart_price();
 69 |                                 ?>
 70 |                             </span>
 71 |                         </a>
 72 |                     </li> -->
 73 |                     <li class="nav-item">
 74 |                         <a class="nav-link" class="d-flex align-items-center gap-1" href="#">
 75 |                             <svg width="28" height="28" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
 76 |                                 <path d="M24 27V24.3333C24 22.9188 23.5224 21.5623 22.6722 20.5621C21.8221 19.5619 20.669 19 19.4667 19H11.5333C10.331 19 9.17795 19.5619 8.32778 20.5621C7.47762 21.5623 7 22.9188 7 24.3333V27" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
 77 |                                 <path d="M16.5 14C18.9853 14 21 11.9853 21 9.5C21 7.01472 18.9853 5 16.5 5C14.0147 5 12 7.01472 12 9.5C12 11.9853 14.0147 14 16.5 14Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
 78 |                             </svg>
 79 |                             <span>
 80 |                                 Welcome guest
 81 |                             </span>
 82 |                         </a>
 83 |                     </li>
 84 |                     <?php
 85 |                     if(!isset($_SESSION['username'])){
 86 |                         echo "<li class='nav-item'>
 87 |                         <a class='nav-link' href='./users_area/user_login.php'>
 88 |                             Login
 89 |                         </a>
 90 |                     </li>";
 91 |                 }else{
 92 |                         echo "<li class='nav-item'>
 93 |                         <a class='nav-link' href='./users_area/logout.php'>
 94 |                             Logout
 95 |                         </a>
 96 |                     </li>";
 97 |                     }
 98 |                     ?>
 99 |                 </ul>
100 |             </div>
101 |         </div>
102 |     </nav>
103 |     <!-- End NavBar -->
104 | 
105 |     <!-- Start Landing Section -->
106 |     <div class="landing">
107 |         <div class="container">
108 |             <div class="row m-0">
109 |                 <?php
110 |                     if(!isset($_SESSION['username'])){
111 |                         include('user_login.php');
112 |                     }else{
113 |                         include('payment.php');
114 |                     }
115 |                 ?>
116 |             </div>
117 |         </div>
118 |     </div>
119 |     <!-- End Landing Section -->
120 | 
121 | 
122 | 
123 | 
124 | 
125 | 
126 | 
127 | 
128 | 
129 | 
130 | 
131 | 
132 | 
133 | 
134 |     <!-- divider  -->
135 |     <!-- <div class="container">
136 |         <div class="divider"></div>
137 |     </div> -->
138 |     <!-- divider  -->
139 | 
140 | 
141 | 
142 | 
143 |     <!-- Start Footer -->
144 |     <!-- <div class="upper-nav primary-bg p-2 px-3 text-center text-break">
145 |         <span>All CopyRight &copy;2023</span>
146 |     </div> -->
147 |     <!-- End Footer -->
148 | 
149 |     <script src="../assets/js/bootstrap.bundle.js"></script>
150 | </body>
151 | 
152 | </html>


--------------------------------------------------------------------------------
/users_area/confirm_payment.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | include("../includes/connect.php");
 3 | include("../functions/common_functions.php");
 4 | session_start();
 5 | if (isset($_GET['order_id'])) {
 6 |     $order_id = $_GET['order_id'];
 7 |     $select_order_query = "SELECT * FROM `user_orders` WHERE order_id = '$order_id'";
 8 |     $select_order_result = mysqli_query($con,$select_order_query);
 9 |     $row_fetch = mysqli_fetch_array($select_order_result);
10 |     $invoice_number = $row_fetch['invoice_number'];
11 |     $amount_due = $row_fetch['amount_due'];
12 | 
13 | }
14 | if(isset($_POST['confirm_payment'])){
15 |     //insert user payment
16 |     $invoice_number = $_POST['invoice_number'];
17 |     $amount = $_POST['amount'];
18 |     $payment_method = $_POST['payment_method'];
19 |     $insert_payment_query = "INSERT INTO `user_payments` (order_id,invoice_number,amount,payment_method) VALUES ($order_id,$invoice_number,$amount,'$payment_method')";
20 |     $insert_payment_result = mysqli_query($con,$insert_payment_query);
21 |     if($insert_payment_result){
22 |         echo "<script>window.alert('Payment completed successfully');</script>";
23 |         echo "<script>window.open('profile.php?my_orders','_self');</script>";
24 |     }
25 |     //update user orders
26 |     $update_orders_query = "UPDATE `user_orders` SET order_status = 'paid' WHERE order_id = $order_id";
27 |     $update_orders_result = mysqli_query($con,$update_orders_query);
28 | }
29 | ?>
30 | <!DOCTYPE html>
31 | <html lang="en">
32 | 
33 | <head>
34 |     <meta charset="UTF-8">
35 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
36 |     <title>Payment Page</title>
37 |     <link rel="stylesheet" href="../assets/css/bootstrap.css" />
38 |     <link rel="stylesheet" href="../assets/css/main.css" />
39 | </head>
40 | 
41 | <body>
42 |     <!-- upper-nav -->
43 |     <div class="upper-nav primary-bg p-2 px-3 text-center text-break">
44 |         <span>We are glad to help you | we wish buy again from our store</span>
45 |     </div>
46 |     <!-- upper-nav -->
47 |     <div class="container my-5">
48 |         <h1 class="text-center">Confirm Payment</h1>
49 |         <div class="row justify-content-center">
50 |             <div class="col-md-3">
51 |                 <form method="post" class="d-flex flex-column gap-3 text-center" action="">
52 |                     <div class="form-outline">
53 |                         <label for="invoice_number" class="form-label">Invoice Number</label>
54 |                         <input type="text" class="form-control" name="invoice_number" id="invoice_number" value="<?php echo $invoice_number;?>">
55 |                     </div>
56 |                     <div class="form-outline">
57 |                         <label for="amount" class="form-label">Amount</label>
58 |                         <input type="text" class="form-control" name="amount" id="amount" value="<?php echo $amount_due;?>">
59 |                     </div>
60 |                     <div class="form-outline">
61 |                         <select name="payment_method" id="payment_method" class="form-select">
62 |                             <option selected disabled>Select payment method</option>
63 |                             <option value="masr_bank">Masr Bank</option>
64 |                             <option value="paypal">Paypal</option>
65 |                             <option value="upi">UPI</option>
66 |                             <option value="cash_on_delivery">Cash on delivery</option>
67 |                         </select>
68 |                     </div>
69 |                     <div class="form-outline">
70 |                         <input type="submit" value="Confirm" name="confirm_payment" class="btn btn-primary">
71 |                     </div>
72 |                 </form>
73 |             </div>
74 |         </div>
75 |     </div>
76 |     <script src="../assets/js/bootstrap.bundle.js"></script>
77 | </body>
78 | 
79 | </html>


--------------------------------------------------------------------------------
/users_area/delete_account.php:
--------------------------------------------------------------------------------
 1 |     <div class="container my-5">
 2 |         <h1 class="text-center mb-5">Delete an account</h1>
 3 |         <div class="row justify-content-center">
 4 |             <div class="col-md-5">
 5 |                 <form method="post" class="d-flex flex-column gap-4 text-center" action="">
 6 |                     <div class="form-outline">
 7 |                         <input type="submit" value="Delete Account" name="submit_delete" class="btn btn-outline-primary form-control">
 8 |                     </div>
 9 |                     <div class="form-outline">
10 |                         <input type="submit" value="Don't Delete Account" name="submit_dont_delete" class="btn btn-outline-primary form-control">
11 |                     </div>
12 |                 </form>
13 |             </div>
14 |         </div>
15 |     </div>
16 | <?php
17 | $username_session = $_SESSION['username'];
18 | if (isset($_POST['submit_delete'])) {
19 |     $delete_query = "DELETE FROM `user_table` WHERE username='$username_session'";
20 |     $delete_result = mysqli_query($con,$delete_query);
21 |     if($delete_result){
22 |         session_destroy();
23 |         echo "<script>window.alert('Account deleted successfully');</script>";
24 |         echo "<script>window.open('../index.php','_self');</script>";
25 |     }
26 | }
27 | if (isset($_POST['submit_dont_delete'])) {
28 |     echo "<script>window.open('./profile.php','_self');</script>";
29 | }
30 | ?>


--------------------------------------------------------------------------------
/users_area/edit_account.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | if(isset($_GET['edit_account'])){
 3 |     $user_session_name = $_SESSION['username'];
 4 |     $select_user_query = "SELECT * FROM `user_table` WHERE username='$user_session_name'";
 5 |     $select_user_result = mysqli_query($con,$select_user_query);
 6 |     $row_user_fetch = mysqli_fetch_array($select_user_result);
 7 |     $user_id = $row_user_fetch['user_id'];
 8 |     $username = $row_user_fetch['username'];
 9 |     $user_email = $row_user_fetch['user_email'];
10 |     $user_address = $row_user_fetch['user_address'];
11 |     $user_mobile = $row_user_fetch['user_mobile'];
12 |     $user_image = $row_user_fetch['user_image'];
13 |     
14 |     
15 | }
16 | // Update data
17 | if(isset($_POST['user_update'])){
18 |     $update_id = $user_id;
19 |     $update_user = $_POST['user_username'];
20 |     $update_email = $_POST['user_email'];
21 |     $update_address = $_POST['user_address'];
22 |     $update_mobile = $_POST['user_mobile'];
23 |     $update_image = $_FILES['user_image']['name'] != ''? $_FILES['user_image']['name'] : $user_image;
24 |     $update_image_tmp = $_FILES['user_image']['tmp_name'];
25 |     move_uploaded_file($update_image_tmp,"./user_images/$update_image");
26 |     
27 |     // update query 
28 |     $update_query = "UPDATE `user_table` SET username='$update_user',user_email='$update_email',user_image='$update_image',user_address='$update_address',user_mobile='$update_mobile' WHERE user_id=$update_id";
29 |     $update_result = mysqli_query($con,$update_query);
30 |     if($update_result){
31 |         $_SESSION['username'] = $update_user;
32 |         echo "<script>window.alert('Data updated successfully');</script>";
33 |         echo "<script>window.open('profile.php?edit_account','_self');</script>";
34 |     }
35 | }
36 | ?>
37 | <!DOCTYPE html>
38 | <html lang="en">
39 | 
40 | <head>
41 |     <meta charset="UTF-8">
42 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
43 |     <title>Edit Account</title>
44 | </head>
45 | 
46 | <body>
47 |     <div class="container">
48 |         <div class="row justify-content-center">
49 |             <div class="col-md-6">
50 |                 <h3 class="text-center mb-3">Edit Account</h3>
51 |                 <form action="" method="post" enctype="multipart/form-data" class="d-flex flex-column gap-3">
52 |                     <div class="form-outline">
53 |                         <label for="user_username" class="form-label">Username</label>
54 |                         <input type="text" name="user_username" id="user_username" class="form-control" value="<?php echo $username;?>">
55 |                     </div>
56 |                     <div class="form-outline">
57 |                         <label for="user_email" class="form-label">Email</label>
58 |                         <input type="email" name="user_email" id="user_email" class="form-control" value="<?php echo $user_email;?>">
59 |                     </div>
60 |                     <div class="form-outline d-flex">
61 |                         <!-- <label for="user_image" class="form-label">User Photo</label> -->
62 |                         <input type="file" name="user_image" id="user_image" value="<?php echo $user_image;?>" class="form-control">
63 |                         <img src="./user_images/<?php echo $user_image;?>" height="80px" alt="<?php echo $username;?> Photo">
64 |                     </div>
65 |                     <div class="form-outline">
66 |                         <label for="user_address" class="form-label">User Address</label>
67 |                         <input type="text" name="user_address" id="user_address" class="form-control" value="<?php echo $user_address;?>">
68 |                     </div>
69 |                     <div class="form-outline">
70 |                         <label for="user_mobile" class="form-label">User Mobile</label>
71 |                         <input type="text" name="user_mobile" id="user_mobile" class="form-control" value="<?php echo $user_mobile;?>">
72 |                     </div>
73 |                     <div class="form-outline text-center">
74 |                         <input type="submit" name="user_update" id="user_update" value="Update" class="btn btn-primary">
75 |                     </div>
76 |                 </form>
77 |             </div>
78 |         </div>
79 |     </div>
80 | </body>
81 | 
82 | </html>


--------------------------------------------------------------------------------
/users_area/logout.php:
--------------------------------------------------------------------------------
1 | <?php
2 | session_start();
3 | session_unset();
4 | session_destroy();
5 | echo "<script>window.open('../index.php','_self');</script>";
6 | ?>


--------------------------------------------------------------------------------
/users_area/order.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | include('../includes/connect.php');
 3 | include('../functions/common_functions.php');
 4 | // session_start();
 5 | if(isset($_GET['user_id'])){
 6 |     $user_id = $_GET['user_id'];
 7 | 
 8 | }
 9 | // getting total items and total price of all items
10 | // $select_id_ip = "SELECT * FROM `user_table` WHERE user_id = '$user_id'";
11 | // $select_id_ip_rseult = mysqli_query($con,$select_id_ip);
12 | // $fetchTheIpOfUser = mysqli_fetch_array($select_id_ip_rseult);
13 | // $theIpOfUser = $fetchTheIpOfUser['user_ip'];
14 | $get_ip_address = getIPAddress();
15 | $total_price = 0;
16 | $cart_query = "SELECT * FROM `card_details` WHERE ip_address= '$get_ip_address'";
17 | $cart_result = mysqli_query($con,$cart_query);
18 | $invoice_number = mt_rand();
19 | $status = "pending";
20 | $count_products = mysqli_num_rows($cart_result);
21 | while($row_price=mysqli_fetch_array($cart_result)){
22 |     $product_id = $row_price['product_id'];
23 |     $product_quantity = $row_price['quantity']; // quantity of each product 
24 |     $select_product = "SELECT * FROM `products` WHERE product_id= $product_id";
25 |     $select_product_result = mysqli_query($con,$select_product);
26 |     // getting total sum of all products
27 |     while($row_product_price=mysqli_fetch_array($select_product_result)){
28 |         $product_price = array($row_product_price['product_price']);
29 |         $product_values = array_sum($product_price) * $product_quantity;
30 |         $total_price+=$product_values;
31 |         echo "Product Values" .  $product_values."<br/>";
32 |         echo "Total Price" .  $total_price."<br/>";
33 |         echo "Qauntity" .  $product_quantity."<br/>";
34 |     }
35 |     //Ordes Pending
36 |     $insert_pending_order_query = "INSERT INTO `orders_pending` (user_id,invoice_number,product_id,quantity,order_status) VALUES ($user_id,$invoice_number,$product_id,$product_quantity,'$status')";
37 |     $insert_pending_order_result = mysqli_query($con,$insert_pending_order_query);
38 | }
39 | 
40 | // Insert Orders 
41 | $insert_order_query = "INSERT INTO `user_orders` (user_id,amount_due,invoice_number,total_products,order_date,order_status) VALUES ($user_id,$total_price,$invoice_number,$count_products,NOW(),'$status')";
42 | $insert_order_result = mysqli_query($con,$insert_order_query);
43 | if($insert_order_result){
44 |     echo "<script>window.alert('Orders are submitted successfully');</script>";
45 |     echo "<script>window.open('profile.php','_self');</script>";
46 | }
47 | 
48 | 
49 | // Delete items from card
50 | $empty_cart = "DELETE FROM `card_details` WHERE ip_address='$get_ip_address'";
51 | $empty_cart_result = mysqli_query($con,$empty_cart);
52 | 
53 | 


--------------------------------------------------------------------------------
/users_area/payment.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | include('../includes/connect.php');
  3 | include('../functions/common_functions.php');
  4 | // session_start();
  5 | ?>
  6 | <!DOCTYPE html>
  7 | <html lang="en">
  8 | 
  9 | <head>
 10 |     <meta charset="UTF-8">
 11 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 12 |     <title>Ecommerce Payment Page</title>
 13 |     <link rel="stylesheet" href="../assets/css/bootstrap.css" />
 14 |     <link rel="stylesheet" href="../assets/css/main.css" />
 15 | </head>
 16 | 
 17 | <body>
 18 |     <!-- upper-nav -->
 19 |     <div class="upper-nav primary-bg p-2 px-3 text-center text-break">
 20 |         <span>Summer Sale For All Swim Suits And Free Express Delivery - OFF 50%! <a>Shop Now</a></span>
 21 |     </div>
 22 |     <!-- upper-nav -->
 23 |     <!-- Start NavBar -->
 24 |     <!-- <nav class="navbar navbar-expand-lg navbar-light bg-light">
 25 |         <div class="container">
 26 |             <a class="navbar-brand fw-bold" href="#">A1</a>
 27 |             <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
 28 |                 <span class="navbar-toggler-icon"></span>
 29 |             </button>
 30 |             <div class="collapse navbar-collapse" id="navbarSupportedContent">
 31 |                 <ul class="navbar-nav mx-auto mb-2 mb-lg-0">
 32 |                     <li class="nav-item">
 33 |                         <a class="nav-link active" aria-current="page" href="./index.php">Home</a>
 34 |                     </li>
 35 |                     <li class="nav-item">
 36 |                         <a class="nav-link" href="./products.php">Products</a>
 37 |                     </li>
 38 |                     <li class="nav-item">
 39 |                         <a class="nav-link" href="#">About</a>
 40 |                     </li>
 41 |                     <li class="nav-item">
 42 |                         <a class="nav-link" href="#">Contact</a>
 43 |                     </li>
 44 |                     <li class="nav-item">
 45 |                         <a class="nav-link" href="./users_area/user_registration.php">Register</a>
 46 |                     </li>
 47 |                 </ul>
 48 |                 <form class="d-flex">
 49 |                     <input class="form-control me-2" type="search" placeholder="Search" aria-label="Search">
 50 |                     <button class="btn btn-outline-primary" type="submit">Search</button>
 51 |                 </form>
 52 |                 <ul class="navbar-nav mb-2 mb-lg-0">
 53 |                     <li class="nav-item">
 54 |                         <a class="nav-link" href="./cart.php"><svg width="28" height="28" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
 55 |                                 <path d="M11 27C11.5523 27 12 26.5523 12 26C12 25.4477 11.5523 25 11 25C10.4477 25 10 25.4477 10 26C10 26.5523 10.4477 27 11 27Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
 56 |                                 <path d="M25 27C25.5523 27 26 26.5523 26 26C26 25.4477 25.5523 25 25 25C24.4477 25 24 25.4477 24 26C24 26.5523 24.4477 27 25 27Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
 57 |                                 <path d="M3 5H7L10 22H26" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
 58 |                                 <path d="M10 16.6667H25.59C25.7056 16.6667 25.8177 16.6267 25.9072 16.5535C25.9966 16.4802 26.0579 16.3782 26.0806 16.2648L27.8806 7.26479C27.8951 7.19222 27.8934 7.11733 27.8755 7.04552C27.8575 6.97371 27.8239 6.90678 27.7769 6.84956C27.73 6.79234 27.6709 6.74625 27.604 6.71462C27.5371 6.68299 27.464 6.66661 27.39 6.66666H8" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
 59 |                             </svg>
 60 |                             <sup>
 61 |                                 <?php
 62 |                                 cart_item();
 63 |                                 ?>
 64 |                             </sup>
 65 |                             <span class="d-none">
 66 |                                 Total Price is: 
 67 |                                 <?php
 68 |                                 total_cart_price();
 69 |                                 ?>
 70 |                             </span>
 71 |                         </a>
 72 |                     </li>
 73 |                     <li class="nav-item">
 74 |                         <a class="nav-link" class="d-flex align-items-center gap-1" href="#">
 75 |                             <svg width="28" height="28" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
 76 |                                 <path d="M24 27V24.3333C24 22.9188 23.5224 21.5623 22.6722 20.5621C21.8221 19.5619 20.669 19 19.4667 19H11.5333C10.331 19 9.17795 19.5619 8.32778 20.5621C7.47762 21.5623 7 22.9188 7 24.3333V27" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
 77 |                                 <path d="M16.5 14C18.9853 14 21 11.9853 21 9.5C21 7.01472 18.9853 5 16.5 5C14.0147 5 12 7.01472 12 9.5C12 11.9853 14.0147 14 16.5 14Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
 78 |                             </svg>
 79 |                             <?php
 80 |                             if (!isset($_SESSION['username'])) {
 81 |                                 echo "<span>
 82 |                                     Welcome guest
 83 |                                 </span>";
 84 |                             } else {
 85 |                                 echo "<span>
 86 |                                     Welcome " . $_SESSION['username'] . "</span>";
 87 |                             }
 88 |                             ?>
 89 |                         </a>
 90 |                     </li>
 91 |                     <?php
 92 |                     if (!isset($_SESSION['username'])) {
 93 |                         echo "<li class='nav-item'>
 94 |                         <a class='nav-link' href='./users_area/user_login.php'>
 95 |                             Login
 96 |                         </a>
 97 |                     </li>";
 98 |                     } else {
 99 |                         echo "<li class='nav-item'>
100 |                         <a class='nav-link' href='./users_area/logout.php'>
101 |                             Logout
102 |                         </a>
103 |                     </li>";
104 |                     }
105 |                     ?>
106 |                 </ul>
107 |             </div>
108 |         </div>
109 |     </nav> -->
110 |     <!-- End NavBar -->
111 |         <!-- php code to access user id  -->
112 |         <?php
113 |             $user_ip = getIPAddress();
114 |             $get_user_query = "SELECT * FROM `user_table` WHERE user_ip='$user_ip'";
115 |             $get_user_result = mysqli_query($con,$get_user_query);
116 |             $fetch_user = mysqli_fetch_array($get_user_result);
117 |             $user_id = $fetch_user['user_id'];
118 | 
119 |         ?>
120 |         <!-- php code to access user id  -->
121 |     <!-- Start Landing Section -->
122 |     <div class="landing">
123 |         <div class="container">
124 |             <h1 class="text-center mt-2 mb-5">Payment options</h1>
125 |             <div class="row m-0 align-items-center justify-content-center">
126 |                 <div class="col-md-6 d-flex justify-content-center align-items-center gap-2">
127 |                     <a href="https://www.paypal.com">
128 |                         <svg xmlns="http://www.w3.org/2000/svg" height="5em" fill="#0070ba" viewBox="0 0 576 512">
129 |                             <path d="M186.3 258.2c0 12.2-9.7 21.5-22 21.5-9.2 0-16-5.2-16-15 0-12.2 9.5-22 21.7-22 9.3 0 16.3 5.7 16.3 15.5zM80.5 209.7h-4.7c-1.5 0-3 1-3.2 2.7l-4.3 26.7 8.2-.3c11 0 19.5-1.5 21.5-14.2 2.3-13.4-6.2-14.9-17.5-14.9zm284 0H360c-1.8 0-3 1-3.2 2.7l-4.2 26.7 8-.3c13 0 22-3 22-18-.1-10.6-9.6-11.1-18.1-11.1zM576 80v352c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V80c0-26.5 21.5-48 48-48h480c26.5 0 48 21.5 48 48zM128.3 215.4c0-21-16.2-28-34.7-28h-40c-2.5 0-5 2-5.2 4.7L32 294.2c-.3 2 1.2 4 3.2 4h19c2.7 0 5.2-2.9 5.5-5.7l4.5-26.6c1-7.2 13.2-4.7 18-4.7 28.6 0 46.1-17 46.1-45.8zm84.2 8.8h-19c-3.8 0-4 5.5-4.2 8.2-5.8-8.5-14.2-10-23.7-10-24.5 0-43.2 21.5-43.2 45.2 0 19.5 12.2 32.2 31.7 32.2 9 0 20.2-4.9 26.5-11.9-.5 1.5-1 4.7-1 6.2 0 2.3 1 4 3.2 4H200c2.7 0 5-2.9 5.5-5.7l10.2-64.3c.3-1.9-1.2-3.9-3.2-3.9zm40.5 97.9l63.7-92.6c.5-.5.5-1 .5-1.7 0-1.7-1.5-3.5-3.2-3.5h-19.2c-1.7 0-3.5 1-4.5 2.5l-26.5 39-11-37.5c-.8-2.2-3-4-5.5-4h-18.7c-1.7 0-3.2 1.8-3.2 3.5 0 1.2 19.5 56.8 21.2 62.1-2.7 3.8-20.5 28.6-20.5 31.6 0 1.8 1.5 3.2 3.2 3.2h19.2c1.8-.1 3.5-1.1 4.5-2.6zm159.3-106.7c0-21-16.2-28-34.7-28h-39.7c-2.7 0-5.2 2-5.5 4.7l-16.2 102c-.2 2 1.3 4 3.2 4h20.5c2 0 3.5-1.5 4-3.2l4.5-29c1-7.2 13.2-4.7 18-4.7 28.4 0 45.9-17 45.9-45.8zm84.2 8.8h-19c-3.8 0-4 5.5-4.3 8.2-5.5-8.5-14-10-23.7-10-24.5 0-43.2 21.5-43.2 45.2 0 19.5 12.2 32.2 31.7 32.2 9.3 0 20.5-4.9 26.5-11.9-.3 1.5-1 4.7-1 6.2 0 2.3 1 4 3.2 4H484c2.7 0 5-2.9 5.5-5.7l10.2-64.3c.3-1.9-1.2-3.9-3.2-3.9zm47.5-33.3c0-2-1.5-3.5-3.2-3.5h-18.5c-1.5 0-3 1.2-3.2 2.7l-16.2 104-.3.5c0 1.8 1.5 3.5 3.5 3.5h16.5c2.5 0 5-2.9 5.2-5.7L544 191.2v-.3zm-90 51.8c-12.2 0-21.7 9.7-21.7 22 0 9.7 7 15 16.2 15 12 0 21.7-9.2 21.7-21.5.1-9.8-6.9-15.5-16.2-15.5z" />
130 |                         </svg>
131 |                     </a>
132 |                     <a href="https://www.apple.com/apple-pay/">
133 |                         <svg xmlns="http://www.w3.org/2000/svg" height="5em" viewBox="0 0 576 512">
134 |                             <path d="M302.2 218.4c0 17.2-10.5 27.1-29 27.1h-24.3v-54.2h24.4c18.4 0 28.9 9.8 28.9 27.1zm47.5 62.6c0 8.3 7.2 13.7 18.5 13.7 14.4 0 25.2-9.1 25.2-21.9v-7.7l-23.5 1.5c-13.3.9-20.2 5.8-20.2 14.4zM576 79v352c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V79c0-26.5 21.5-48 48-48h480c26.5 0 48 21.5 48 48zM127.8 197.2c8.4.7 16.8-4.2 22.1-10.4 5.2-6.4 8.6-15 7.7-23.7-7.4.3-16.6 4.9-21.9 11.3-4.8 5.5-8.9 14.4-7.9 22.8zm60.6 74.5c-.2-.2-19.6-7.6-19.8-30-.2-18.7 15.3-27.7 16-28.2-8.8-13-22.4-14.4-27.1-14.7-12.2-.7-22.6 6.9-28.4 6.9-5.9 0-14.7-6.6-24.3-6.4-12.5.2-24.2 7.3-30.5 18.6-13.1 22.6-3.4 56 9.3 74.4 6.2 9.1 13.7 19.1 23.5 18.7 9.3-.4 13-6 24.2-6 11.3 0 14.5 6 24.3 5.9 10.2-.2 16.5-9.1 22.8-18.2 6.9-10.4 9.8-20.4 10-21zm135.4-53.4c0-26.6-18.5-44.8-44.9-44.8h-51.2v136.4h21.2v-46.6h29.3c26.8 0 45.6-18.4 45.6-45zm90 23.7c0-19.7-15.8-32.4-40-32.4-22.5 0-39.1 12.9-39.7 30.5h19.1c1.6-8.4 9.4-13.9 20-13.9 13 0 20.2 6 20.2 17.2v7.5l-26.4 1.6c-24.6 1.5-37.9 11.6-37.9 29.1 0 17.7 13.7 29.4 33.4 29.4 13.3 0 25.6-6.7 31.2-17.4h.4V310h19.6v-68zM516 210.9h-21.5l-24.9 80.6h-.4l-24.9-80.6H422l35.9 99.3-1.9 6c-3.2 10.2-8.5 14.2-17.9 14.2-1.7 0-4.9-.2-6.2-.3v16.4c1.2.4 6.5.5 8.1.5 20.7 0 30.4-7.9 38.9-31.8L516 210.9z" />
135 |                         </svg>
136 |                     </a>
137 |                     <a href="https://eg.visamiddleeast.com/ar_EG">
138 |                         <svg xmlns="http://www.w3.org/2000/svg" height="5em" fill="#fcc015" viewBox="0 0 576 512">
139 |                             <path d="M470.1 231.3s7.6 37.2 9.3 45H446c3.3-8.9 16-43.5 16-43.5-.2.3 3.3-9.1 5.3-14.9l2.8 13.4zM576 80v352c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V80c0-26.5 21.5-48 48-48h480c26.5 0 48 21.5 48 48zM152.5 331.2L215.7 176h-42.5l-39.3 106-4.3-21.5-14-71.4c-2.3-9.9-9.4-12.7-18.2-13.1H32.7l-.7 3.1c15.8 4 29.9 9.8 42.2 17.1l35.8 135h42.5zm94.4.2L272.1 176h-40.2l-25.1 155.4h40.1zm139.9-50.8c.2-17.7-10.6-31.2-33.7-42.3-14.1-7.1-22.7-11.9-22.7-19.2.2-6.6 7.3-13.4 23.1-13.4 13.1-.3 22.7 2.8 29.9 5.9l3.6 1.7 5.5-33.6c-7.9-3.1-20.5-6.6-36-6.6-39.7 0-67.6 21.2-67.8 51.4-.3 22.3 20 34.7 35.2 42.2 15.5 7.6 20.8 12.6 20.8 19.3-.2 10.4-12.6 15.2-24.1 15.2-16 0-24.6-2.5-37.7-8.3l-5.3-2.5-5.6 34.9c9.4 4.3 26.8 8.1 44.8 8.3 42.2.1 69.7-20.8 70-53zM528 331.4L495.6 176h-31.1c-9.6 0-16.9 2.8-21 12.9l-59.7 142.5H426s6.9-19.2 8.4-23.3H486c1.2 5.5 4.8 23.3 4.8 23.3H528z" />
140 |                         </svg>
141 |                     </a>
142 |                     <a href="https://pay.amazon.eu/">
143 |                         <svg xmlns="http://www.w3.org/2000/svg" height="5em" fill="#232F3E" viewBox="0 0 576 512">
144 |                             <path d="M124.7 201.8c.1-11.8 0-23.5 0-35.3v-35.3c0-1.3.4-2 1.4-2.7 11.5-8 24.1-12.1 38.2-11.1 12.5.9 22.7 7 28.1 21.7 3.3 8.9 4.1 18.2 4.1 27.7 0 8.7-.7 17.3-3.4 25.6-5.7 17.8-18.7 24.7-35.7 23.9-11.7-.5-21.9-5-31.4-11.7-.9-.8-1.4-1.6-1.3-2.8zm154.9 14.6c4.6 1.8 9.3 2 14.1 1.5 11.6-1.2 21.9-5.7 31.3-12.5.9-.6 1.3-1.3 1.3-2.5-.1-3.9 0-7.9 0-11.8 0-4-.1-8 0-12 0-1.4-.4-2-1.8-2.2-7-.9-13.9-2.2-20.9-2.9-7-.6-14-.3-20.8 1.9-6.7 2.2-11.7 6.2-13.7 13.1-1.6 5.4-1.6 10.8.1 16.2 1.6 5.5 5.2 9.2 10.4 11.2zM576 80v352c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V80c0-26.5 21.5-48 48-48h480c26.5 0 48 21.5 48 48zm-207.5 23.9c.4 1.7.9 3.4 1.6 5.1 16.5 40.6 32.9 81.3 49.5 121.9 1.4 3.5 1.7 6.4.2 9.9-2.8 6.2-4.9 12.6-7.8 18.7-2.6 5.5-6.7 9.5-12.7 11.2-4.2 1.1-8.5 1.3-12.9.9-2.1-.2-4.2-.7-6.3-.8-2.8-.2-4.2 1.1-4.3 4-.1 2.8-.1 5.6 0 8.3.1 4.6 1.6 6.7 6.2 7.5 4.7.8 9.4 1.6 14.2 1.7 14.3.3 25.7-5.4 33.1-17.9 2.9-4.9 5.6-10.1 7.7-15.4 19.8-50.1 39.5-100.3 59.2-150.5.6-1.5 1.1-3 1.3-4.6.4-2.4-.7-3.6-3.1-3.7-5.6-.1-11.1 0-16.7 0-3.1 0-5.3 1.4-6.4 4.3-.4 1.1-.9 2.3-1.3 3.4l-29.1 83.7c-2.1 6.1-4.2 12.1-6.5 18.6-.4-.9-.6-1.4-.8-1.9-10.8-29.9-21.6-59.9-32.4-89.8-1.7-4.7-3.5-9.5-5.3-14.2-.9-2.5-2.7-4-5.4-4-6.4-.1-12.8-.2-19.2-.1-2.2 0-3.3 1.6-2.8 3.7zM242.4 206c1.7 11.7 7.6 20.8 18 26.6 9.9 5.5 20.7 6.2 31.7 4.6 12.7-1.9 23.9-7.3 33.8-15.5.4-.3.8-.6 1.4-1 .5 3.2.9 6.2 1.5 9.2.5 2.6 2.1 4.3 4.5 4.4 4.6.1 9.1.1 13.7 0 2.3-.1 3.8-1.6 4-3.9.1-.8.1-1.6.1-2.3v-88.8c0-3.6-.2-7.2-.7-10.8-1.6-10.8-6.2-19.7-15.9-25.4-5.6-3.3-11.8-5-18.2-5.9-3-.4-6-.7-9.1-1.1h-10c-.8.1-1.6.3-2.5.3-8.2.4-16.3 1.4-24.2 3.5-5.1 1.3-10 3.2-15 4.9-3 1-4.5 3.2-4.4 6.5.1 2.8-.1 5.6 0 8.3.1 4.1 1.8 5.2 5.7 4.1 6.5-1.7 13.1-3.5 19.7-4.8 10.3-1.9 20.7-2.7 31.1-1.2 5.4.8 10.5 2.4 14.1 7 3.1 4 4.2 8.8 4.4 13.7.3 6.9.2 13.9.3 20.8 0 .4-.1.7-.2 1.2-.4 0-.8 0-1.1-.1-8.8-2.1-17.7-3.6-26.8-4.1-9.5-.5-18.9.1-27.9 3.2-10.8 3.8-19.5 10.3-24.6 20.8-4.1 8.3-4.6 17-3.4 25.8zM98.7 106.9v175.3c0 .8 0 1.7.1 2.5.2 2.5 1.7 4.1 4.1 4.2 5.9.1 11.8.1 17.7 0 2.5 0 4-1.7 4.1-4.1.1-.8.1-1.7.1-2.5v-60.7c.9.7 1.4 1.2 1.9 1.6 15 12.5 32.2 16.6 51.1 12.9 17.1-3.4 28.9-13.9 36.7-29.2 5.8-11.6 8.3-24.1 8.7-37 .5-14.3-1-28.4-6.8-41.7-7.1-16.4-18.9-27.3-36.7-30.9-2.7-.6-5.5-.8-8.2-1.2h-7c-1.2.2-2.4.3-3.6.5-11.7 1.4-22.3 5.8-31.8 12.7-2 1.4-3.9 3-5.9 4.5-.1-.5-.3-.8-.4-1.2-.4-2.3-.7-4.6-1.1-6.9-.6-3.9-2.5-5.5-6.4-5.6h-9.7c-5.9-.1-6.9 1-6.9 6.8zM493.6 339c-2.7-.7-5.1 0-7.6 1-43.9 18.4-89.5 30.2-136.8 35.8-14.5 1.7-29.1 2.8-43.7 3.2-26.6.7-53.2-.8-79.6-4.3-17.8-2.4-35.5-5.7-53-9.9-37-8.9-72.7-21.7-106.7-38.8-8.8-4.4-17.4-9.3-26.1-14-3.8-2.1-6.2-1.5-8.2 2.1v1.7c1.2 1.6 2.2 3.4 3.7 4.8 36 32.2 76.6 56.5 122 72.9 21.9 7.9 44.4 13.7 67.3 17.5 14 2.3 28 3.8 42.2 4.5 3 .1 6 .2 9 .4.7 0 1.4.2 2.1.3h17.7c.7-.1 1.4-.3 2.1-.3 14.9-.4 29.8-1.8 44.6-4 21.4-3.2 42.4-8.1 62.9-14.7 29.6-9.6 57.7-22.4 83.4-40.1 2.8-1.9 5.7-3.8 8-6.2 4.3-4.4 2.3-10.4-3.3-11.9zm50.4-27.7c-.8-4.2-4-5.8-7.6-7-5.7-1.9-11.6-2.8-17.6-3.3-11-.9-22-.4-32.8 1.6-12 2.2-23.4 6.1-33.5 13.1-1.2.8-2.4 1.8-3.1 3-.6.9-.7 2.3-.5 3.4.3 1.3 1.7 1.6 3 1.5.6 0 1.2 0 1.8-.1l19.5-2.1c9.6-.9 19.2-1.5 28.8-.8 4.1.3 8.1 1.2 12 2.2 4.3 1.1 6.2 4.4 6.4 8.7.3 6.7-1.2 13.1-2.9 19.5-3.5 12.9-8.3 25.4-13.3 37.8-.3.8-.7 1.7-.8 2.5-.4 2.5 1 4 3.4 3.5 1.4-.3 3-1.1 4-2.1 3.7-3.6 7.5-7.2 10.6-11.2 10.7-13.8 17-29.6 20.7-46.6.7-3 1.2-6.1 1.7-9.1.2-4.7.2-9.6.2-14.5z" />
145 |                         </svg>
146 |                     </a>
147 |                 </div>
148 |                 <div class="col-md-6 d-flex justify-content-center align-items-center">
149 |                     <a href="order.php?user_id=<?php echo $user_id;?>" class="fs-1 fw-bold text-decoration-underline">
150 |                         Pay Cash
151 |                     </a>
152 |                 </div>
153 |             </div>
154 |         </div>
155 |     </div>
156 |     <!-- End Landing Section -->
157 | 
158 | 
159 | 
160 | 
161 | 
162 | 
163 | 
164 | 
165 | 
166 | 
167 | 
168 | 
169 | 
170 | 
171 |     <!-- divider  -->
172 |     <!-- <div class="container">
173 |         <div class="divider"></div>
174 |     </div> -->
175 |     <!-- divider  -->
176 | 
177 | 
178 | 
179 | 
180 |     <!-- Start Footer -->
181 |     <!-- <div class="upper-nav primary-bg p-2 px-3 text-center text-break">
182 |         <span>All CopyRight &copy;2023</span>
183 |     </div> -->
184 |     <!-- End Footer -->
185 | 
186 |     <script src="../assets/js/bootstrap.bundle.js"></script>
187 | </body>
188 | 
189 | </html>


--------------------------------------------------------------------------------
/users_area/profile.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | include("../includes/connect.php");
  3 | include("../functions/common_functions.php");
  4 | session_start();
  5 | if(!isset($_SESSION['username'])){
  6 |     header('location:user_login.php');
  7 | }
  8 | ?>
  9 | <!DOCTYPE html>
 10 | <html lang="en">
 11 | 
 12 | <head>
 13 |     <meta charset="UTF-8">
 14 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 15 |     <title><?php echo $_SESSION['username'];?> Profile</title>
 16 |     <link rel="stylesheet" href="../assets/css/bootstrap.css" />
 17 |     <link rel="stylesheet" href="../assets/css/main.css" />
 18 | </head>
 19 | 
 20 | <body>
 21 |     <!-- upper-nav -->
 22 |     <div class="upper-nav primary-bg p-2 px-3 text-center text-break">
 23 |         <span>Summer Sale For All Swim Suits And Free Express Delivery - OFF 50%! <a>Shop Now</a></span>
 24 |     </div>
 25 |     <!-- upper-nav -->
 26 |     <!-- Start NavBar -->
 27 |     <nav class="navbar navbar-expand-lg navbar-light bg-light">
 28 |         <div class="container">
 29 |             <a class="navbar-brand fw-bold" href="#">A1</a>
 30 |             <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
 31 |                 <span class="navbar-toggler-icon"></span>
 32 |             </button>
 33 |             <div class="collapse navbar-collapse" id="navbarSupportedContent">
 34 |                 <ul class="navbar-nav mx-auto mb-2 mb-lg-0">
 35 |                     <li class="nav-item">
 36 |                         <a class="nav-link" href="../index.php">Home</a>
 37 |                     </li>
 38 |                     <li class="nav-item">
 39 |                         <a class="nav-link" href="../products.php">Products</a>
 40 |                     </li>
 41 |                     <li class="nav-item">
 42 |                         <a class="nav-link" href="">About</a>
 43 |                     </li>
 44 |                     <li class="nav-item">
 45 |                         <a class="nav-link" href="">Contact</a>
 46 |                     </li>
 47 |                     <li class="nav-item">
 48 |                         <a class="nav-link active"  aria-current="page" href="profile.php">My Account</a>
 49 |                     </li>
 50 |                 </ul>
 51 |                 <form class="d-flex" action="../search_product.php">
 52 |                     <input class="form-control me-2" type="search" placeholder="Search" aria-label="Search">
 53 |                     <button class="btn btn-outline-primary" type="submit">Search</button>
 54 |                 </form>
 55 |                 <ul class="navbar-nav mb-2 mb-lg-0">
 56 |                     <li class="nav-item">
 57 |                         <a class="nav-link" href="../cart.php"><svg width="28" height="28" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
 58 |                                 <path d="M11 27C11.5523 27 12 26.5523 12 26C12 25.4477 11.5523 25 11 25C10.4477 25 10 25.4477 10 26C10 26.5523 10.4477 27 11 27Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
 59 |                                 <path d="M25 27C25.5523 27 26 26.5523 26 26C26 25.4477 25.5523 25 25 25C24.4477 25 24 25.4477 24 26C24 26.5523 24.4477 27 25 27Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
 60 |                                 <path d="M3 5H7L10 22H26" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
 61 |                                 <path d="M10 16.6667H25.59C25.7056 16.6667 25.8177 16.6267 25.9072 16.5535C25.9966 16.4802 26.0579 16.3782 26.0806 16.2648L27.8806 7.26479C27.8951 7.19222 27.8934 7.11733 27.8755 7.04552C27.8575 6.97371 27.8239 6.90678 27.7769 6.84956C27.73 6.79234 27.6709 6.74625 27.604 6.71462C27.5371 6.68299 27.464 6.66661 27.39 6.66666H8" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
 62 |                             </svg>
 63 |                             <sup>
 64 |                                 <?php
 65 |                                 cart_item();
 66 |                                 ?>
 67 |                             </sup>
 68 |                             <span class="d-none">
 69 |                                 Total Price is: 
 70 |                                 <?php
 71 |                                 total_cart_price();
 72 |                                 ?>
 73 |                             </span>
 74 |                         </a>
 75 |                     </li>
 76 |                     <li class="nav-item">
 77 |                         <a class="nav-link" class="d-flex align-items-center gap-1" href="#">
 78 |                             <svg width="28" height="28" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
 79 |                                 <path d="M24 27V24.3333C24 22.9188 23.5224 21.5623 22.6722 20.5621C21.8221 19.5619 20.669 19 19.4667 19H11.5333C10.331 19 9.17795 19.5619 8.32778 20.5621C7.47762 21.5623 7 22.9188 7 24.3333V27" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
 80 |                                 <path d="M16.5 14C18.9853 14 21 11.9853 21 9.5C21 7.01472 18.9853 5 16.5 5C14.0147 5 12 7.01472 12 9.5C12 11.9853 14.0147 14 16.5 14Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
 81 |                             </svg>
 82 |                             <?php
 83 |                                 if(!isset($_SESSION['username'])){
 84 |                                     echo "<span>
 85 |                                     Welcome guest
 86 |                                 </span>";
 87 |                             }else{
 88 |                                     echo "<span>
 89 |                                     Welcome ".$_SESSION['username']. "</span>";
 90 |                                 }
 91 |                                 ?>
 92 |                         </a>
 93 |                     </li>
 94 |                     <?php
 95 |                     if(!isset($_SESSION['username'])){
 96 |                         echo "<li class='nav-item'>
 97 |                         <a class='nav-link' href='./users_area/user_login.php'>
 98 |                             Login
 99 |                         </a>
100 |                     </li>";
101 |                 }else{
102 |                         echo "<li class='nav-item'>
103 |                         <a class='nav-link' href='./logout.php'>
104 |                             Logout
105 |                         </a>
106 |                     </li>";
107 |                     }
108 |                     ?>
109 |                 </ul>
110 |             </div>
111 |         </div>
112 |     </nav>
113 |     <!-- End NavBar -->
114 | 
115 | 
116 |     <!-- Start All Prodcuts  -->
117 |     <div class="all-prod">
118 |         <div class="container">
119 |             <div class="sub-container pt-4 pb-4">
120 |                 <div class="categ-header">
121 |                     <div class="sub-title">
122 |                         <span class="shape"></span>
123 |                         <span class="title h3 text-dark">Profile</span>
124 |                     </div>
125 |                     <!-- <h2>Browse By Category & Brand</h2> -->
126 |                 </div>
127 |                 <div class="row mx-0">
128 |                     <div class="col-md-2 side-nav p-0">
129 |                         <!-- side nav  -->
130 |                         <!-- Profile Tabs -->
131 |                         <ul class="navbar-nav me-auto navbar-profile">
132 |                             <?php
133 |                                 $username = $_SESSION['username'];
134 |                                 $select_user_img = "SELECT * FROM `user_table` WHERE username='$username'";
135 |                                 $select_user_img_result = mysqli_query($con,$select_user_img);
136 |                                 $row_user_img = mysqli_fetch_array($select_user_img_result);
137 |                                 $userImg = $row_user_img['user_image'];
138 |                                 echo "                            <li class='nav-item d-flex align-items-center gap-2'>
139 |                                 <img src='./user_images/$userImg' alt='$username photo' class='img-profile img-thumbnail'/>
140 |                             </li>";
141 |                             ?>
142 |                             <li class="nav-item d-flex align-items-center gap-2">
143 |                                 <a href="profile.php" class="nav-link fw-bold">
144 |                                     <h6>Pending Orders</h6>
145 |                                 </a>
146 |                             </li>
147 |                             <li class="table-group-divider"></li>
148 |                             <li class="nav-item d-flex align-items-center gap-2">
149 |                                 <a href="profile.php?edit_account" class="nav-link fw-bold">
150 |                                     <h6>Edit Account</h6>
151 |                                 </a>
152 |                             </li>
153 |                             <li class="table-group-divider"></li>
154 |                             <li class="nav-item d-flex align-items-center gap-2">
155 |                                 <a href="profile.php?my_orders" class="nav-link fw-bold">
156 |                                     <h6>My Orders</h6>
157 |                                 </a>
158 |                             </li>
159 |                             <li class="table-group-divider"></li>
160 |                             <li class="nav-item d-flex align-items-center gap-2">
161 |                                 <a href="profile.php?delete_account" class="nav-link fw-bold">
162 |                                     <h6>Delete Account</h6>
163 |                                 </a>
164 |                             </li>
165 |                             <li class="table-group-divider"></li>
166 |                             <li class="nav-item d-flex align-items-center gap-2">
167 |                                 <a href="./logout.php" class="nav-link fw-bold">
168 |                                     <h6>Logout</h6>
169 |                                 </a>
170 |                             </li>
171 |                         </ul>
172 |                     </div>
173 |                     <div class="col-md-10">
174 |                         <!-- Main View  -->
175 |                         <div class="row">
176 |                             <?php
177 |                                 get_user_order_details();
178 |                                 if(isset($_GET['edit_account'])){
179 |                                     include('./edit_account.php');
180 |                                 }
181 |                                 if(isset($_GET['my_orders'])){
182 |                                     include('./user_orders.php');
183 |                                 }
184 |                                 if(isset($_GET['delete_account'])){
185 |                                     include('./delete_account.php');
186 |                                 }
187 |                             ?>
188 |                         </div>
189 |                     </div>
190 |                 </div>
191 |             </div>
192 |         </div>
193 |     </div>
194 |     <!-- End All Prodcuts  -->
195 | 
196 | 
197 | 
198 | 
199 | 
200 | 
201 | 
202 | 
203 | 
204 | 
205 | 
206 | 
207 | 
208 |     <!-- divider  -->
209 |     <!-- <div class="container">
210 |         <div class="divider"></div>
211 |     </div> -->
212 |     <!-- divider  -->
213 | 
214 | 
215 | 
216 | 
217 |     <!-- Start Footer -->
218 |     <!-- <div class="upper-nav primary-bg p-2 px-3 text-center text-break">
219 |         <span>All CopyRight &copy;2023</span>
220 |     </div> -->
221 |     <!-- End Footer -->
222 | 
223 |     <script src="../assets/js/bootstrap.bundle.js"></script>
224 | </body>
225 | 
226 | </html>


--------------------------------------------------------------------------------
/users_area/user_images/logo after 3d_2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/a1bdelrahmanrezk/E-Commerce-1-Website-PHP-MYSQL/45ca81e54aacd2f00273c0270c2c74f40924504d/users_area/user_images/logo after 3d_2.jpg


--------------------------------------------------------------------------------
/users_area/user_images/new logo after Edit1920.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/a1bdelrahmanrezk/E-Commerce-1-Website-PHP-MYSQL/45ca81e54aacd2f00273c0270c2c74f40924504d/users_area/user_images/new logo after Edit1920.jpg


--------------------------------------------------------------------------------
/users_area/user_login.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | include('../includes/connect.php');
 3 | include('../functions/common_functions.php');
 4 | @session_start();
 5 | ?>
 6 | <!DOCTYPE html>
 7 | <html lang="en">
 8 | 
 9 | <head>
10 |     <meta charset="UTF-8">
11 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
12 |     <title>Ecommerce User Login Page</title>
13 |     <link rel="stylesheet" href="../assets/css/bootstrap.css" />
14 |     <link rel="stylesheet" href="../assets/css/main.css" />
15 | </head>
16 | 
17 | <body>
18 | 
19 |     <div class="register">
20 |         <div class="container py-3">
21 |             <h2 class="text-center mb-4">User Login</h2>
22 |             <div class="row justify-content-center">
23 |                 <div class="col-lg-6">
24 |                     <form action="" method="post" class="d-flex flex-column gap-4">
25 |                         <!-- username field  -->
26 |                         <div class="form-outline">
27 |                             <label for="user_username" class="form-label">Username</label>
28 |                             <input type="text" placeholder="Enter your username" autocomplete="off" required="required" name="user_username" id="user_username" class="form-control">
29 |                         </div>
30 |                         <!-- password field  -->
31 |                         <div class="form-outline">
32 |                             <label for="user_password" class="form-label">Password</label>
33 |                             <input type="password" placeholder="Enter your password" autocomplete="off" required="required" name="user_password" id="user_password" class="form-control">
34 |                         </div>
35 |                         <div><a href="" class="text-decoration-underline">Forget your password?</a></div>
36 |                         <div>
37 |                             <input type="submit" value="Login" class="btn btn-primary mb-2" name="user_login">
38 |                             <p>
39 |                                 Don't have an account? <a href="user_registration.php" class="text-primary text-decoration-underline"><strong>Register</strong></a>
40 |                             </p>
41 |                         </div>
42 |                     </form>
43 |                 </div>
44 |             </div>
45 |         </div>
46 |     </div>
47 |     <script src="./assets//js/bootstrap.bundle.js"></script>
48 | </body>
49 | 
50 | </html>
51 | <?php
52 | if (isset($_POST['user_login'])) {
53 |     $user_username = $_POST['user_username'];
54 |     $user_password = $_POST['user_password'];
55 |     $select_query = "SELECT * FROM `user_table` WHERE username='$user_username'";
56 |     $select_result = mysqli_query($con, $select_query);
57 |     $row_data = mysqli_fetch_assoc($select_result);
58 |     $row_count = mysqli_num_rows($select_result);
59 |     $user_ip = getIPAddress();
60 |     //check if user have items |! -> redirect to payment | index 
61 |     $select_cart_query = "SELECT * FROM `card_details` WHERE ip_address='$user_ip'";
62 |     $select_cart_result = mysqli_query($con, $select_cart_query);
63 |     $row_cart_count = mysqli_num_rows($select_cart_result);
64 |     //user check about username & pass
65 |     if ($row_count > 0) {
66 |         if (password_verify($user_password, $row_data['user_password'])) {
67 |             // echo "<script>alert('Login Successfully')</script>";
68 |             $_SESSION['username'] = $user_username;
69 |             if ($row_count == 1 && $row_cart_count == 0) {
70 |                 $_SESSION['username'] = $user_username;
71 |                 echo "<script>alert('Login Successfully');</script>";
72 |                 echo "<script>window.open('profile.php','_self');</script>";
73 |             } else if ($row_count == 1 && $row_cart_count > 0) {
74 |                 $_SESSION['username'] = $user_username;
75 |                 echo "<script>alert('Login Successfully');</script>";
76 |                 echo "<script>window.open('payment.php','_self');</script>";
77 |             }
78 |         } else {
79 |             echo "<script>alert('Invalid Credentials')</script>";
80 |         }
81 |     } else {
82 |         echo "<script>alert('Invalid Credentials')</script>";
83 |     }
84 | }
85 | ?>


--------------------------------------------------------------------------------
/users_area/user_orders.php:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | 
 4 | <head>
 5 |     <meta charset="UTF-8">
 6 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 7 |     <title>User Orders Page</title>
 8 | </head>
 9 | 
10 | <body>
11 |     <?php
12 |         // access user id
13 |         $username = $_SESSION['username'];
14 |         $get_user_query = "SELECT * FROM `user_table` WHERE username='$username'";
15 |         $get_user_result = mysqli_query($con,$get_user_query);
16 |         $row_user_data = mysqli_fetch_array($get_user_result);
17 |         $user_id = $row_user_data['user_id'];
18 |     ?>
19 |     <div class="container">
20 |         <h3 class="text-center text-success mb-5">
21 |             All my orders
22 |         </h3>
23 |         <table class="table table-bordered table-hover table-striped table-group-divider text-center">
24 |             <thead>
25 |                 <tr>
26 |                     <th>Serial NO.</th>
27 |                     <th>Order Number</th>
28 |                     <th>Amount due</th>
29 |                     <th>Total Products</th>
30 |                     <th>Invoice Number</th>
31 |                     <th>Date</th>
32 |                     <!-- <th>Complete/Incomplete</th> -->
33 |                     <th>Status</th>
34 |                     <th>Confirm</th>
35 |                 </tr>
36 |             </thead>
37 |             <tbody>
38 |                 <?php
39 |                     $get_order_details_query = "SELECT * FROM `user_orders` WHERE user_id='$user_id'";
40 |                     $get_order_details_result = mysqli_query($con,$get_order_details_query);
41 |                     $serial_number = 1;
42 |                     while($row_fetch_order_details = mysqli_fetch_array($get_order_details_result)){
43 |                         $order_id = $row_fetch_order_details['order_id'];
44 |                         $amount_due = $row_fetch_order_details['amount_due'];
45 |                         $invoice_number = $row_fetch_order_details['invoice_number'];
46 |                         $total_products = $row_fetch_order_details['total_products'];
47 |                         $order_date = $row_fetch_order_details['order_date'];
48 |                         $order_status = $row_fetch_order_details['order_status'];
49 |                         $order_complete = $row_fetch_order_details['order_status'] == 'pending' ? 'Incomplete' : 'Complete';
50 |                         echo $order_status == 'pending'? "
51 |                         <tr>
52 |                         <td>$serial_number</td>
53 |                         <td>$order_id</td>
54 |                         <td>$amount_due</td>
55 |                         <td>$total_products</td>
56 |                         <td>$invoice_number</td>
57 |                         <td>$order_date</td>
58 |                         <td>$order_status</td>
59 |                         <td>
60 |                             <a href='confirm_payment.php?order_id=$order_id' class='text-decoration-underline'>Confirm</a>
61 |                         </td>
62 |                     </tr>
63 |                         ":"
64 |                         <tr>
65 |                         <td>$serial_number</td>
66 |                         <td>$order_id</td>
67 |                         <td>$amount_due</td>
68 |                         <td>$total_products</td>
69 |                         <td>$invoice_number</td>
70 |                         <td>$order_date</td>
71 |                         <td>$order_status</td>
72 |                         <td>
73 |                             Confirmed
74 |                         </td>
75 |                     </tr>
76 |                         " ;
77 |                         $serial_number++;
78 |                     }
79 |                 ?>
80 |             </tbody>
81 |         </table>
82 |     </div>
83 | </body>
84 | 
85 | </html>


--------------------------------------------------------------------------------
/users_area/user_registration.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | include('../includes/connect.php');
  3 | include('../functions/common_functions.php');
  4 | ?>
  5 | 
  6 | <!DOCTYPE html>
  7 | <html lang="en">
  8 | 
  9 | <head>
 10 |     <meta charset="UTF-8">
 11 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 12 |     <title>Ecommerce User Registeration Page</title>
 13 |     <link rel="stylesheet" href="../assets/css/bootstrap.css" />
 14 |     <link rel="stylesheet" href="../assets/css/main.css" />
 15 | </head>
 16 | 
 17 | <body>
 18 | 
 19 |     <div class="register">
 20 |         <div class="container py-3">
 21 |             <h2 class="text-center mb-4">New User Registration</h2>
 22 |             <div class="row justify-content-center">
 23 |                 <div class="col-lg-6">
 24 |                     <form action="" method="post" enctype="multipart/form-data" class="d-flex flex-column gap-4">
 25 |                         <!-- username field  -->
 26 |                         <div class="form-outline">
 27 |                             <label for="user_username" class="form-label">Username</label>
 28 |                             <input type="text" placeholder="Enter your username" autocomplete="off" required="required" name="user_username" id="user_username" class="form-control">
 29 |                         </div>
 30 |                         <!-- email field  -->
 31 |                         <div class="form-outline">
 32 |                             <label for="user_email" class="form-label">Email</label>
 33 |                             <input type="email" placeholder="Enter your email" autocomplete="off" required="required" name="user_email" id="user_email" class="form-control">
 34 |                         </div>
 35 |                         <!-- image field  -->
 36 |                         <div class="form-outline">
 37 |                             <label for="user_image" class="form-label">User Image</label>
 38 |                             <input type="file" required="required" name="user_image" id="user_image" class="form-control">
 39 |                         </div>
 40 |                         <!-- password field  -->
 41 |                         <div class="form-outline">
 42 |                             <label for="user_password" class="form-label">Password</label>
 43 |                             <input type="password" placeholder="Enter your password" autocomplete="off" required="required" name="user_password" id="user_password" class="form-control">
 44 |                         </div>
 45 |                         <!-- confirm password field  -->
 46 |                         <div class="form-outline">
 47 |                             <label for="conf_user_password" class="form-label">Confirm Password</label>
 48 |                             <input type="password" placeholder="Confirm your password" autocomplete="off" required="required" name="conf_user_password" id="conf_user_password" class="form-control">
 49 |                         </div>
 50 |                         <!-- address field  -->
 51 |                         <div class="form-outline">
 52 |                             <label for="user_address" class="form-label">Address</label>
 53 |                             <input type="text" placeholder="Enter your address" autocomplete="off" required="required" name="user_address" id="user_address" class="form-control">
 54 |                         </div>
 55 |                         <!-- mobile field  -->
 56 |                         <div class="form-outline">
 57 |                             <label for="user_mobile" class="form-label">Mobile</label>
 58 |                             <input type="text" placeholder="Enter your mobile" autocomplete="off" required="required" name="user_mobile" id="user_mobile" class="form-control">
 59 |                         </div>
 60 |                         <div>
 61 |                             <input type="submit" value="Register" class="btn btn-primary mb-2" name="user_register">
 62 |                             <p>
 63 |                                 Already have an account? <a href="user_login.php" class="text-primary text-decoration-underline"><strong>Login</strong></a>
 64 |                             </p>
 65 |                         </div>
 66 |                     </form>
 67 |                 </div>
 68 |             </div>
 69 |         </div>
 70 |     </div>
 71 |     <script src="./assets//js/bootstrap.bundle.js"></script>
 72 | </body>
 73 | 
 74 | </html>
 75 | <!-- php code  -->
 76 | <?php
 77 | if (isset($_POST['user_register'])) {
 78 |     $user_username = $_POST['user_username'];
 79 |     $user_email = $_POST['user_email'];
 80 |     $user_password = $_POST['user_password'];
 81 |     $hash_password = password_hash($user_password,PASSWORD_DEFAULT);
 82 |     $conf_user_password = $_POST['conf_user_password'];
 83 |     $user_address = $_POST['user_address'];
 84 |     $user_mobile = $_POST['user_mobile'];
 85 |     $user_image = $_FILES['user_image']['name'];
 86 |     $user_image_tmp = $_FILES['user_image']['tmp_name'];
 87 |     $user_ip = getIPAddress();
 88 |     // check if user exist or not
 89 |     $select_query = "SELECT * FROM `user_table` WHERE username='$user_username' OR user_email='$user_email'";
 90 |     $select_result = mysqli_query($con, $select_query);
 91 |     $rows_count = mysqli_num_rows($select_result);
 92 |     if ($rows_count > 0) {
 93 |         echo "<script>window.alert('Username | Email already exist');</script>";
 94 |     } else if ($user_password != $conf_user_password) {
 95 |         echo "<script>window.alert('Passwords are not match');</script>";
 96 |     } else {
 97 |         // insert query
 98 |         move_uploaded_file($user_image_tmp, "./user_images/$user_image");
 99 |         $insert_query = "INSERT INTO `user_table` (username,user_email,user_password,user_image,user_ip,user_address,user_mobile) VALUES ('$user_username','$user_email','$hash_password','$user_image','$user_ip','$user_address','$user_mobile')";
100 |         $insert_result = mysqli_query($con, $insert_query);
101 |         if ($insert_result) {
102 |             echo "<script>window.alert('User added successfully');</script>";
103 |         } else {
104 |             die(mysqli_error($con));
105 |         }
106 |     }
107 |     // //select cart items check if items in cart go to checkout !| go to index.php
108 |     // $select_cart_items = "SELECT * FROM `card_details` WHERE ip_address='$user_ip'";
109 |     // $select_cart_items_result = mysqli_query($con,$select_cart_items);
110 |     // $rows_count_cart_items = mysqli_num_rows($select_cart_items_result);
111 |     // if($rows_count_cart_items > 0 ){
112 |     //     $_SESSION['username'] = $user_username;
113 |     //     echo "<script>window.alert('You have items in your cart');</script>";
114 |     //     echo "<script>window.open('checkout.php','_self');</script>";
115 |     // }else{
116 |     //     echo "<script>window.open('../index.php','_self');</script>";
117 |     // }
118 | }
119 | ?>


--------------------------------------------------------------------------------