├── favicon.ico
├── src
    └── images
    │   ├── banner.png
    │   ├── profile_picture
    │       └── default.png
    │   └── logo.svg
├── profile.php
├── footer.php
├── index.php
├── README.md
└── header.php


/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Iqbolshoh/php-admin-panel/main/favicon.ico


--------------------------------------------------------------------------------
/src/images/banner.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Iqbolshoh/php-admin-panel/main/src/images/banner.png


--------------------------------------------------------------------------------
/src/images/profile_picture/default.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Iqbolshoh/php-admin-panel/main/src/images/profile_picture/default.png


--------------------------------------------------------------------------------
/profile.php:
--------------------------------------------------------------------------------
1 | <?php include './header.php'; ?>
2 | 
3 | <div class="row">
4 |     <!--  -->
5 | </div>
6 | 
7 | <?php include './footer.php'; ?>


--------------------------------------------------------------------------------
/footer.php:
--------------------------------------------------------------------------------
 1 |                     <!-- Container-fluid closed -->
 2 |                     </div>
 3 |                 <!-- Content section closed -->
 4 |             </section>
 5 |             <!-- Content-wrapper closed -->
 6 |         </div>
 7 | 
 8 |         <footer class="main-footer">
 9 |             <div class="float-right d-none d-sm-inline">
10 |                 Admin Panel <strong><a target="_blank" href="https://iqbolshoh.uz/">Iqbolshoh.uz</a></strong>
11 |             </div>
12 |             <strong> &copy;<?php echo date('Y'); ?></strong> All rights reserved.
13 |         </footer>
14 | 
15 |         <script>
16 |             function logout() {
17 |                 Swal.fire({
18 |                     title: 'Are you sure?',
19 |                     text: "You will be logged out!",
20 |                     icon: 'warning',
21 |                     showCancelButton: true,
22 |                     confirmButtonColor: '#3085d6',
23 |                     cancelButtonColor: '#d33',
24 |                     confirmButtonText: 'Yes, log me out!'
25 |                 }).then((result) => {
26 |                     if (result.isConfirmed) {
27 |                         Swal.fire({
28 |                             title: 'Logged out!',
29 |                             text: 'You have been successfully logged out.',
30 |                             icon: 'success',
31 |                             showConfirmButton: false,
32 |                             timer: 1500
33 |                         }).then(() => {
34 |                             window.location.href = '/logout/';
35 |                         });
36 |                     }
37 |                 });
38 |             }
39 | 
40 |         </script>
41 | 
42 |         <!-- Wrapper closed -->
43 |     </div>
44 |     <!-- Body closed -->
45 | </body>
46 | 
47 | </html>


--------------------------------------------------------------------------------
/index.php:
--------------------------------------------------------------------------------
 1 | <?php include './header.php'; ?>
 2 | 
 3 | <div class="row">
 4 |     <div class="col-lg-3 col-6">
 5 |         <div class="small-box bg-info">
 6 |             <div class="inner">
 7 |                 <h3>150</h3>
 8 |                 <p>New Orders</p>
 9 |             </div>
10 |             <div class="icon">
11 |                 <i class="ion ion-bag"></i>
12 |             </div>
13 |             <a href="#" class="small-box-footer">More info
14 |                 <i class="fas fa-arrow-circle-right"></i>
15 |             </a>
16 |         </div>
17 |     </div>
18 | 
19 |     <div class="col-lg-3 col-6">
20 |         <div class="small-box bg-success">
21 |             <div class="inner">
22 |                 <h3>53<sup style="font-size: 20px">%</sup></h3>
23 |                 <p>Bounce Rate</p>
24 |             </div>
25 |             <div class="icon">
26 |                 <i class="ion ion-stats-bars"></i>
27 |             </div>
28 |             <a href="#" class="small-box-footer">More info
29 |                 <i class="fas fa-arrow-circle-right"></i>
30 |             </a>
31 |         </div>
32 |     </div>
33 | 
34 |     <div class="col-lg-3 col-6">
35 |         <div class="small-box bg-warning">
36 |             <div class="inner">
37 |                 <h3>44</h3>
38 |                 <p>User Registrations</p>
39 |             </div>
40 |             <div class="icon">
41 |                 <i class="ion ion-person-add"></i>
42 |             </div>
43 |             <a href="#" class="small-box-footer">More info
44 |                 <i class="fas fa-arrow-circle-right"></i></a>
45 |         </div>
46 |     </div>
47 | 
48 |     <div class="col-lg-3 col-6">
49 |         <div class="small-box bg-danger">
50 |             <div class="inner">
51 |                 <h3>65</h3>
52 |                 <p>Unique Visitors</p>
53 |             </div>
54 |             <div class="icon">
55 |                 <i class="ion ion-pie-graph"></i>
56 |             </div>
57 |             <a href="#" class="small-box-footer">More info
58 |                 <i class="fas fa-arrow-circle-right"></i>
59 |             </a>
60 |         </div>
61 |     </div>
62 | </div>
63 | 
64 | <?php include './footer.php'; ?>


--------------------------------------------------------------------------------
/src/images/logo.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <!-- Generator: Adobe Illustrator 27.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 3 | <svg version="1.1" id="Слой_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 4 | 	 viewBox="0 0 1080 1080" style="enable-background:new 0 0 1080 1080;" xml:space="preserve">
 5 | <style type="text/css">
 6 | 	.st0{fill:#FF0000;stroke:#FF0000;stroke-miterlimit:10;}
 7 | 	.st1{stroke:#000000;stroke-miterlimit:10;}
 8 | 	.st2{fill:#FF0000;}
 9 | </style>
10 | <polygon class="st0" points="607.6,544.9 591,613.2 959.8,456.5 666.1,319 650.5,377.6 803.7,455.5 "/>
11 | <polygon class="st0" points="120.2,451.2 423.8,585.6 438.9,527.1 273.9,451.7 484.1,351.8 500.7,287.6 "/>
12 | <path class="st1" d="M481,658.6"/>
13 | <path class="st1" d="M496.1,611.2l2.7,0.8c14.8,4.3,30.2-4.1,34.6-18.6L590,403.5c4.3-14.5-4.1-29.8-18.9-34.1l-2.7-0.8
14 | 	c-14.8-4.3-30.2,4.1-34.6,18.6l-56.5,189.8C472.9,591.6,481.4,606.9,496.1,611.2z"/>
15 | <path class="st0" d="M584.2,347.8L584.2,347.8c16.2,0,29.3-12.9,29.3-28.8l0,0c0-15.9-13.1-28.8-29.3-28.8l0,0
16 | 	c-16.2,0-29.3,12.9-29.3,28.8l0,0C554.9,334.9,568,347.8,584.2,347.8z"/>
17 | <g>
18 | 	<g>
19 | 		<path d="M162.1,709.7h18v82.8h-18V709.7z"/>
20 | 		<path d="M233.6,796.6l0.6-9.6c-4,4.1-9.8,7-15.2,7c-15.1,0-24.8-12.4-24.8-33c0-20.6,12.4-33,25.1-33c6.6,0,11.4,2.4,16.2,7.7h0.4
21 | 			l1.5-6.2h14v86.4h-17.9V796.6z M233.6,773v-25.9c-3.2-3-6.7-4-10-4c-5.8,0-10.9,5.6-10.9,17.6c0,12.4,4.1,17.9,11.1,17.9
22 | 			C227.5,778.7,230.6,777.2,233.6,773z"/>
23 | 		<path d="M283.3,785.7h-0.4l-1.5,6.7h-14v-89h17.9v21.7l-0.4,9.7c4.6-4.3,10.3-7,16-7c14.7,0,23.7,12.6,23.7,31.9
24 | 			c0,21.7-12.4,34.1-25.5,34.1C293.7,793.9,288.1,791.1,283.3,785.7z M306.2,760.1c0-11.3-3.4-17-10.5-17c-3.7,0-6.9,1.7-10.4,5.6
25 | 			v25.9c3.2,3,6.6,4,9.7,4C301.2,778.7,306.2,773.2,306.2,760.1z"/>
26 | 		<path d="M333.8,760.9c0-20.9,14.2-33,29.5-33c15.3,0,29.5,12.1,29.5,33c0,20.9-14.2,33-29.5,33C348,793.9,333.8,781.8,333.8,760.9
27 | 			z M374.4,760.9c0-10.9-3.7-18-11.1-18c-7.4,0-11.1,7.1-11.1,18s3.7,17.9,11.1,17.9C370.7,778.9,374.4,771.8,374.4,760.9z"/>
28 | 		<path d="M405.1,772.8v-69.4H423v70.1c0,4,1.8,5.3,3.2,5.3c0.7,0,1.2,0,2.2-0.3l2.1,13.8c-2,0.9-4.9,1.6-9,1.6
29 | 			C409.3,793.9,405.1,785.6,405.1,772.8z"/>
30 | 		<path d="M434.6,785.1l8.1-11.6c5.5,4.3,10.6,6.6,15.6,6.6c5.3,0,7.7-2.1,7.7-5.4c0-4.2-6-6-12.2-8.6c-7.4-3-16-8.1-16-18.5
31 | 			c0-11.7,9.2-19.7,23.1-19.7c9.3,0,16.2,3.9,21.3,8l-8,11.2c-4.3-3.3-8.6-5.4-12.8-5.4c-4.6,0-6.9,1.9-6.9,5c0,4,5.7,5.6,11.9,7.9
32 | 			c7.7,3,16.3,7.4,16.3,19c0,11.4-8.6,20.3-24.9,20.3C449.9,793.9,440.8,790.3,434.6,785.1z"/>
33 | 		<path d="M494.1,703.5H512v21.7l-0.8,11.4c4.5-4.3,10.4-8.7,18.7-8.7c13.2,0,18.8,9.7,18.8,25.4v39.1h-17.9v-36.7
34 | 			c0-9.1-2.3-11.9-7.5-11.9c-4.5,0-7.3,2.2-11.2,6.1v42.5h-17.9V703.5z"/>
35 | 		<path d="M560.3,760.9c0-20.9,14.2-33,29.5-33s29.5,12.1,29.5,33c0,20.9-14.2,33-29.5,33S560.3,781.8,560.3,760.9z M600.9,760.9
36 | 			c0-10.9-3.7-18-11.1-18c-7.4,0-11.1,7.1-11.1,18s3.7,17.9,11.1,17.9C597.2,778.9,600.9,771.8,600.9,760.9z"/>
37 | 		<path d="M631.5,703.5h17.9v21.7l-0.8,11.4c4.5-4.3,10.4-8.7,18.7-8.7c13.2,0,18.8,9.7,18.8,25.4v39.1h-17.9v-36.7
38 | 			c0-9.1-2.3-11.9-7.5-11.9c-4.5,0-7.3,2.2-11.2,6.1v42.5h-17.9V703.5z"/>
39 | 		<path class="st2" d="M722.6,760.9c0-20.6,12.4-33,25.1-33c6.7,0,10.8,2.6,14.8,6.6l-0.6-9.5v-21.5h17.9v89h-14.6l-1.3-6.2h-0.4
40 | 			c-4.3,4.5-10.3,7.8-16.1,7.8C732.3,793.9,722.6,781.5,722.6,760.9z M761.9,773v-25.9c-3.2-3-6.7-4-10-4c-5.8,0-10.9,5.6-10.9,17.6
41 | 			c0,12.4,4.1,17.9,11.1,17.9C755.8,778.7,758.9,777.2,761.9,773z"/>
42 | 		<path class="st2" d="M792.1,760.9c0-20.4,14-33,28.6-33c17.3,0,25.8,13,25.8,30.2c0,3.4-0.4,6.7-0.7,8.2h-36.2
43 | 			c1.6,9.1,7.6,13.3,15.7,13.3c4.6,0,8.7-1.4,13.1-4.1l5.9,11.3c-6.2,4.5-14.3,7.1-21.5,7.1C805.5,793.9,792.1,781.8,792.1,760.9z
44 | 			 M831.2,754c0-6.9-2.9-11.9-10.1-11.9c-5.7,0-10.6,4-11.8,11.9H831.2z"/>
45 | 		<path class="st2" d="M852.4,729.4h18l7.9,29.7c1.6,6.3,3.1,12.8,4.7,19.4h0.5c1.6-6.6,3.1-13.1,4.7-19.4l7.9-29.7h17.2l-19.8,63
46 | 			h-20.7L852.4,729.4z"/>
47 | 	</g>
48 | </g>
49 | </svg>
50 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
  1 | # 📊 PHP Admin Panel
  2 | 
  3 | This project is a **PHP-based web application** 🖥️ developed by **Iqbolshoh Ilhomjonov** 👨‍💻. The application includes various features such as **user alerts**, **data tables**, **a dynamic navigation menu**, and a **customizable admin panel with a banner** 🏆🎯.  
  4 | 
  5 | ![Banner](./src/images/banner.png)  
  6 | 
  7 | ---
  8 | 
  9 | ## ⚙️ Installation 🏗️  
 10 | 
 11 | To run this project locally, follow these steps:  
 12 | 
 13 | 1️⃣ **Clone the repository** 📂:  
 14 |    ```bash
 15 |    git clone https://github.com/iqbolshoh/php-admin-panel.git
 16 |    ```  
 17 | 2️⃣ **Navigate to the project directory** 📁:  
 18 |    ```bash
 19 |    cd php-admin-panel
 20 |    ```  
 21 | 3️⃣ **Set up a local server** 🌍 (e.g., **XAMPP, WAMP, MAMP**) and place the project files in the server's root directory **(htdocs/www)**.  
 22 | 
 23 | ---
 24 | 
 25 | ## 🚀 Usage 🎯  
 26 | 
 27 | To use the application, open your **browser** 🌐 and navigate to:  
 28 | 
 29 | 🔗 `http://localhost/php-admin-panel`  
 30 | 
 31 | This will load the **main page** of the application. 🎉  
 32 | 
 33 | ---
 34 | 
 35 | ## 📌 Adding Sidebar Menu Items 🏗️  
 36 | 
 37 | The **`$menuItems`** array defines the **sidebar menu** 📜. Each item includes:  
 38 | 
 39 | ✅ **`menuTitle`** – The section name 🏷️ (e.g., `"Menu"`).  
 40 | ✅ **`icon`** – The section icon 🎨 (e.g., `"fas fa-home"`).  
 41 | ✅ **`pages`** – Subpages with `"title"` (name) and `"url"` (link) 🔗.  
 42 | 
 43 | ### 📝 Example: Adding/Updating Menu Items  
 44 | 
 45 | ```php
 46 | $menuItems = [
 47 |     [
 48 |         "menuTitle" => "Dashboard",
 49 |         "icon" => "fas fa-tachometer-alt",
 50 |         "pages" => [
 51 |             ["title" => "Home", "url" => "index.php"]
 52 |         ],
 53 |     ],
 54 |     [
 55 |         "menuTitle" => "Settings",
 56 |         "icon" => "fas fa-cog",
 57 |         "pages" => [
 58 |             ["title" => "Profile", "url" => "profile.php"]
 59 |         ],
 60 |     ]
 61 | ];
 62 | ```
 63 | 
 64 | 
 65 | ## 🖥 Technologies Used
 66 | ![HTML](https://img.shields.io/badge/HTML-%23E34F26.svg?style=for-the-badge&logo=html5&logoColor=white)
 67 | ![CSS](https://img.shields.io/badge/CSS-%231572B6.svg?style=for-the-badge&logo=css3&logoColor=white)
 68 | ![Bootstrap](https://img.shields.io/badge/Bootstrap-%23563D7C.svg?style=for-the-badge&logo=bootstrap&logoColor=white)
 69 | ![JavaScript](https://img.shields.io/badge/JavaScript-%23F7DF1C.svg?style=for-the-badge&logo=javascript&logoColor=black)
 70 | ![jQuery](https://img.shields.io/badge/jQuery-%230e76a8.svg?style=for-the-badge&logo=jquery&logoColor=white)
 71 | ![PHP](https://img.shields.io/badge/PHP-%23777BB4.svg?style=for-the-badge&logo=php&logoColor=white)
 72 | 
 73 | ## 📜 License
 74 | This project is open-source and available under the **MIT License**.
 75 | 
 76 | ## 🤝 Contributing  
 77 | 🎯 Contributions are welcome! If you have suggestions or want to enhance the project, feel free to fork the repository and submit a pull request.
 78 | 
 79 | ## 📬 Connect with Me  
 80 | 💬 I love meeting new people and discussing tech, business, and creative ideas. Let’s connect! You can reach me on these platforms:
 81 | 
 82 | <div align="center">
 83 |   <table>
 84 |     <tr>
 85 |       <td>
 86 |         <a href="https://iqbolshoh.uz" target="_blank">
 87 |           <img src="https://img.icons8.com/color/48/domain.png" 
 88 |                height="40" width="40" alt="Website" title="Website" />
 89 |         </a>
 90 |       </td>
 91 |       <td>
 92 |         <a href="mailto:iilhomjonov777@gmail.com" target="_blank">
 93 |           <img src="https://github.com/gayanvoice/github-active-users-monitor/blob/master/public/images/icons/gmail.svg"
 94 |                height="40" width="40" alt="Email" title="Email" />
 95 |         </a>
 96 |       </td>
 97 |       <td>
 98 |         <a href="https://github.com/iqbolshoh" target="_blank">
 99 |           <img src="https://raw.githubusercontent.com/rahuldkjain/github-profile-readme-generator/master/src/images/icons/Social/github.svg"
100 |                height="40" width="40" alt="GitHub" title="GitHub" />
101 |         </a>
102 |       </td>
103 |       <td>
104 |         <a href="https://www.linkedin.com/in/iqbolshoh/" target="_blank">
105 |           <img src="https://github.com/gayanvoice/github-active-users-monitor/blob/master/public/images/icons/linkedin.svg"
106 |                height="40" width="40" alt="LinkedIn" title="LinkedIn" />
107 |         </a>
108 |       </td>
109 |       <td>
110 |         <a href="https://t.me/iqbolshoh_777" target="_blank">
111 |           <img src="https://github.com/gayanvoice/github-active-users-monitor/blob/master/public/images/icons/telegram.svg"
112 |                height="40" width="40" alt="Telegram" title="Telegram" />
113 |         </a>
114 |       </td>
115 |       <td>
116 |         <a href="https://wa.me/998997799333" target="_blank">
117 |           <img src="https://github.com/gayanvoice/github-active-users-monitor/blob/master/public/images/icons/whatsapp.svg"
118 |                height="40" width="40" alt="WhatsApp" title="WhatsApp" />
119 |         </a>
120 |       </td>
121 |       <td>
122 |         <a href="https://instagram.com/iqbolshoh_777" target="_blank">
123 |           <img src="https://raw.githubusercontent.com/rahuldkjain/github-profile-readme-generator/master/src/images/icons/Social/instagram.svg"
124 |                height="40" width="40" alt="Instagram" title="Instagram" />
125 |         </a>
126 |       </td>
127 |       <td>
128 |         <a href="https://x.com/iqbolshoh_777" target="_blank">
129 |           <img src="https://img.shields.io/badge/X-000000?style=for-the-badge&logo=x&logoColor=white"
130 |                height="40" width="40" alt="X" title="X (Twitter)" />
131 |         </a>
132 |       </td>
133 |       <td>
134 |         <a href="https://www.youtube.com/@Iqbolshoh_777" target="_blank">
135 |           <img src="https://raw.githubusercontent.com/rahuldkjain/github-profile-readme-generator/master/src/images/icons/Social/youtube.svg"
136 |                height="40" width="40" alt="YouTube" title="YouTube" />
137 |         </a>
138 |       </td>
139 |     </tr>
140 |   </table>
141 | </div>
142 | 


--------------------------------------------------------------------------------
/header.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | $currentPage = basename($_SERVER['SCRIPT_NAME']);
  3 | 
  4 | $menuItems = [
  5 |     [
  6 |         "menuTitle" => "Dashboard",
  7 |         "icon" => "fas fa-tachometer-alt",
  8 |         "pages" => [
  9 |             ["title" => "Home", "url" => "index.php"]
 10 |         ],
 11 |     ],
 12 |     [
 13 |         "menuTitle" => "Settings",
 14 |         "icon" => "fas fa-cog",
 15 |         "pages" => [
 16 |             ["title" => "Profile", "url" => "profile.php"]
 17 |         ],
 18 |     ]
 19 | ];
 20 | 
 21 | $active_pageInfo = null;
 22 | foreach ($menuItems as $menuItem) {
 23 |     foreach ($menuItem['pages'] as $page) {
 24 |         if ($currentPage === $page['url']) {
 25 |             $active_pageInfo = [
 26 |                 "breadcrumb_Items" => [
 27 |                     ["title" => $menuItem['menuTitle'], "url" => "#"],
 28 |                     ["title" => $page['title'], "url" => $page['url']]
 29 |                 ],
 30 |                 "page_title" => $page['title'],
 31 |                 "active_menu" => $menuItem,
 32 |                 "active_page" => $page
 33 |             ];
 34 |             break 2;
 35 |         }
 36 |     }
 37 | }
 38 | 
 39 | $breadcrumb_Items = $active_pageInfo['breadcrumb_Items'] ?? [];
 40 | $page_title = $active_pageInfo['page_title'] ?? '';
 41 | $active_menu = $active_pageInfo['active_menu'] ?? null;
 42 | $active_page = $active_pageInfo['active_page'] ?? null;
 43 | ?>
 44 | 
 45 | <!DOCTYPE html>
 46 | <html lang="en">
 47 | 
 48 | <head>
 49 |     <meta charset="UTF-8">
 50 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 51 |     <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11" defer></script>
 52 |     <title><?= htmlspecialchars($page_title) ?></title>
 53 |     <link rel="icon" href="../favicon.ico" type="image/x-icon">
 54 |     <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" rel="stylesheet">
 55 |     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
 56 |     <link href="https://cdn.jsdelivr.net/npm/admin-lte@3.2/dist/css/adminlte.min.css" rel="stylesheet">
 57 |     <link href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300;400;600;700&display=swap"
 58 |         rel="stylesheet">
 59 | 
 60 |     <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
 61 |     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
 62 |     <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11.10.5/dist/sweetalert2.all.min.js"></script>
 63 |     <script src="https://cdn.jsdelivr.net/npm/admin-lte@3.2/dist/js/adminlte.min.js"></script>
 64 | </head>
 65 | 
 66 | <body class="hold-transition sidebar-mini">
 67 |     <!-- Body started -->
 68 |     <div class="wrapper">
 69 |         <!-- Wrapper started -->
 70 | 
 71 |         <nav class="main-header navbar navbar-expand navbar-white navbar-light">
 72 |             <ul class="navbar-nav">
 73 |                 <li class="nav-item">
 74 |                     <a class="nav-link" data-widget="pushmenu" role="button">
 75 |                         <i class="fas fa-bars"></i>
 76 |                     </a>
 77 |                 </li>
 78 |                 <li class="nav-item d-none d-sm-inline-block">
 79 |                     <a href="./" class="nav-link">Home</a>
 80 |                 </li>
 81 |             </ul>
 82 |             <form class="form-inline ml-3">
 83 |                 <div class="input-group input-group-sm">
 84 |                     <input class="form-control form-control-navbar" type="search" placeholder="Search" name="search">
 85 |                     <div class="input-group-append">
 86 |                         <button class="btn btn-navbar" type="submit">
 87 |                             <i class="fas fa-search"></i>
 88 |                         </button>
 89 |                     </div>
 90 |                 </div>
 91 |             </form>
 92 |             <ul class="navbar-nav ml-auto">
 93 |                 <li class="nav-item dropdown">
 94 |                     <a class="nav-link" href="#messages">
 95 |                         <i class="far fa-comments"></i>
 96 |                         <span class="badge badge-danger navbar-badge">2</span>
 97 |                     </a>
 98 |                 </li>
 99 |                 <li class="nav-item dropdown"><a class="nav-link" href="#notifications">
100 |                         <i class="far fa-bell"></i>
101 |                         <span class="badge badge-warning navbar-badge">5</span>
102 |                     </a>
103 |                 </li>
104 |             </ul>
105 |         </nav>
106 | 
107 |         <div class="main-header" style="padding: 0px 10px; background-color: #f4f6f9; border-bottom: none !important;">
108 |             <div class="content-header">
109 |                 <div class="row mb-2">
110 |                     <div class="col-sm-6">
111 |                         <h1 class="m-0 text-dark"><?= $page_title ?></h1>
112 |                     </div>
113 |                     <div class="col-sm-6">
114 |                         <ol class="breadcrumb float-sm-right">
115 |                             <?php foreach ($breadcrumb_Items as $item): ?>
116 |                                 <li class="breadcrumb-item <?= $item['url'] === '#' ? 'active' : '' ?>">
117 |                                     <?= $item['url'] === '#' ? $item['title'] : "<a href='{$item['url']}'>{$item['title']}</a>" ?>
118 |                                 </li>
119 |                             <?php endforeach; ?>
120 |                         </ol>
121 |                     </div>
122 |                 </div>
123 |             </div>
124 |         </div>
125 | 
126 |         <aside class="main-sidebar sidebar-dark-primary elevation-4">
127 |             <a href="./" class="brand-link">
128 |                 <img src="./src/images/logo.svg" alt="Logo" class="brand-image img-circle bg-white">
129 |                 <span class="brand-text font-weight-light">
130 |                     Admin Panel
131 |                 </span>
132 |             </a>
133 |             <div class="sidebar">
134 |                 <div class="user-panel mt-3 pb-3 mb-3">
135 |                     <a href="./profile.php" class="d-flex">
136 |                         <div class="image">
137 |                             <img src="./src/images/profile_picture/default.png" class="img-circle elevation-2 bg-white" alt="User Image">
138 |                         </div>
139 |                         <div class="info">
140 |                             Ilhomjonov Iqbolshoh
141 |                         </div>
142 |                     </a>
143 |                 </div>
144 |                 <nav class="mt-2">
145 |                     <ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu">
146 |                         <?php foreach ($menuItems as $menuItem): ?>
147 |                             <li class="nav-item has-treeview <?= $menuItem === $active_menu ? 'menu-open' : '' ?>">
148 |                                 <a class="nav-link <?= $menuItem === $active_menu ? 'active' : '' ?>" href="#">
149 |                                     <i class="nav-icon <?= $menuItem['icon'] ?>"></i>
150 |                                     <p>
151 |                                         <?= $menuItem['menuTitle'] ?>
152 |                                         <?= !empty($menuItem['pages']) ? '<i class="right fas fa-angle-left"></i>' : '' ?>
153 |                                     </p>
154 |                                 </a>
155 |                                 <?php if (!empty($menuItem['pages'])): ?>
156 |                                     <ul class="nav nav-treeview">
157 |                                         <?php foreach ($menuItem['pages'] as $page): ?>
158 |                                             <li class="nav-item">
159 |                                                 <a href="<?= $page['url'] ?>"
160 |                                                     class="nav-link <?= $page === $active_page ? 'active' : '' ?>">
161 |                                                     <i class="far fa-circle nav-icon"></i>
162 |                                                     <p><?= $page['title'] ?></p>
163 |                                                 </a>
164 |                                             </li>
165 |                                         <?php endforeach; ?>
166 |                                     </ul>
167 |                                 <?php endif; ?>
168 |                             </li>
169 |                         <?php endforeach; ?>
170 |                         <li class="nav-item" onclick="logout()">
171 |                             <a href="javascript:void(0);" class="nav-link">
172 |                                 <i class="nav-icon fas fa-sign-out-alt"></i>
173 |                                 <p>Logout</p>
174 |                             </a>
175 |                         </li>
176 |                     </ul>
177 |                 </nav>
178 |             </div>
179 |         </aside>
180 | 
181 |         <div class="content-wrapper">
182 |             <!-- Content-wrapper started -->
183 |             <section class="content">
184 |                 <!-- Content section started -->
185 |                 <div class="container-fluid">
186 |                     <!-- Container-fluid started -->


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