<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Admin Dashboard</title>
    <link rel="stylesheet" href="<?php echo e(url('assets/css/bootstrap.min.css')); ?>">
    <link rel="stylesheet" href="<?php echo e(url('assets/plugin/fontawesome/css/all.min.css')); ?>">
    <link rel="stylesheet" href="<?php echo e(url('assets/css/styel.css')); ?>">
</head>

<body>
    <!-- Sidebar -->
    <div class="d-flex custom-container-lg" id="wrapper">
        <!-- Sidebar for Large Screens -->
        <div id="sidebar-wrapper" class="bg-dark border-right  d-lg-block ">
            <div class="sidebar-heading text-white p-3">
                <a href="./index.html" class="brand-link top_title">
                    <span class="w-100"><img style="margin: 0 auto; max-height:40px " class="d-block"
                            src="./assets/img/wasa_logo.png"></span>
                    <p class="brand-text font-weight-light text-center">TechUNO</p>
                </a>
            </div>

            <ul id="sidebarAccordion">
                <li>
                    <a href="./index.html" class="nav-link active">
                        <i class="fas fa-tachometer-alt"></i>
                        <span>Dashboard</span>
                    </a>
                </li>

                <!-- Dropdown Menu for Content Management -->
                <li class="treeview">
                    <a href="#" class="nav-link dropdown-toggle">
                        <i class="fas fa-book"></i>
                        <span>Content</span>
                        <i class="fas fa-chevron-down float-end"></i>
                    </a>
                    <ul class="collapse list-unstyled">
                        <li><a href="./page.html" class="nav-link ps-3"><i class="fas fa-circle"></i> Page Manager</a>
                        </li>
                        <li><a href="./category.html" class="nav-link ps-3"><i class="fas fa-circle"></i> Category
                                Manager</a></li>
                        <li><a href="#" class="nav-link ps-3"><i class="fas fa-circle"></i> Media Manager</a></li>
                    </ul>
                </li>

                <li class="treeview">
                    <a href="#" class="nav-link dropdown-toggle">
                        <i class="fas fa-list"></i>
                        <span>Menu</span>
                        <i class="fas fa-chevron-down float-end"></i>
                    </a>
                    <ul class="collapse list-unstyled">
                        <li><a href="./menu.html" class="nav-link ps-3"><i class="fas fa-circle"></i> Menu Manager</a>
                        </li>
                        <li><a href="./menu-type.html" class="nav-link ps-3"><i class="fas fa-circle"></i> Menu Type
                                Manager</a></li>
                    </ul>
                </li>

                <li>
                    <a href="./gallery.html" class="nav-link">
                        <i class="fas fa-images"></i>
                        <span>Gallery Manager</span>
                    </a>
                </li>

                <li class="treeview">
                    <a href="#" class="nav-link dropdown-toggle">
                        <i class="fas fa-envelope-open"></i>
                        <span>Email</span>
                        <i class="fas fa-chevron-down float-end"></i>
                    </a>
                    <ul class="collapse list-unstyled">
                        <li><a href="./contact.html" class="nav-link ps-3"><i class="fas fa-circle"></i> Newsletter</a>
                        </li>
                        <li><a href="./contact.html" class="nav-link ps-3"><i class="fas fa-circle"></i> Contact</a>
                        </li>
                    </ul>
                </li>

                <li class="treeview">
                    <a href="#" class="nav-link dropdown-toggle">
                        <i class="fas fa-book-dead"></i>
                        <span>System</span>
                        <i class="fas fa-chevron-down float-end"></i>
                    </a>
                    <ul class="collapse list-unstyled">
                        <li><a href="./add-user.html" class="nav-link ps-3"><i class="fas fa-circle"></i> Add User</a>
                        </li>
                        <li><a href="./user-manager.html" class="nav-link ps-3"><i class="fas fa-circle"></i> User
                                Manager</a></li>
                        <li><a href="./permission.html" class="nav-link ps-3"><i class="fas fa-circle"></i>
                                Permission</a></li>
                        <li><a href="./password.html" class="nav-link ps-3"><i class="fas fa-circle"></i> Change
                                Password</a></li>
                    </ul>
                </li>

                <li class="treeview">
                    <a href="#" class="nav-link dropdown-toggle">
                        <i class="fas fa-cog"></i>
                        <span>Setting</span>
                        <i class="fas fa-chevron-down float-end"></i>
                    </a>
                    <ul class="collapse list-unstyled">
                        <li><a href="./common.html" class="nav-link ps-3"><i class="fas fa-circle"></i> Common
                                Setting</a></li>
                    </ul>
                </li>




            </ul>



        </div>


        <!-- Page Content -->
        <div id="page-content-wrapper" class="w-100 d-flex flex-column">
            <nav class="main-header navbar navbar-expand-lg navbar-light bg-light border-bottom header-sticky">
                <div class="container-fluid">
                    <!-- Menu toggle button -->
                    <button class="btn" id="menu-toggle" data-widget="pushmenu" href="#" role="button">
                        <i class="fas fa-bars"></i>
                    </button>


                    <!-- Sidebar toggle button -->
                    <button class="btn" id="sidebarToggle">
                        <i class="fas fa-bars"></i>
                    </button>

                    <ul class="list-unstyled d-flex align-items-center mb-0">
                        <!-- Go to website link -->
                        <li class="me-3">
                            <a href="#" class="text-dark text-decoration-none d-flex align-items-center">
                                <i class="fas fa-globe me-1"></i> Go to Website
                            </a>
                        </li>

                        <!-- Admin profile dropdown -->
                        <li class="dropdown ms-3">
                            <a href="#" class="text-dark text-decoration-none dropdown-toggle" id="adminDropdown"
                                data-bs-toggle="dropdown" aria-expanded="false">
                                <i class="fas fa-user me-1"></i> Admin (Administrator)
                            </a>
                            <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="adminDropdown">
                                <li><a class="dropdown-item" href="#">Profile</a></li>
                                <li><a class="dropdown-item" href="#">Logout</a></li>
                            </ul>
                        </li>

                        <!-- Fullscreen icon -->
                        <li class="ms-3">
                            <a href="#" class="text-dark text-decoration-none" id="fullscreenBtn">
                                <i class="fas fa-expand"></i>
                            </a>
                        </li>
                    </ul>

                </div>
            </nav>

            <!-- Dashboard Header -->
            <div class="dashboard-header">
                <h1>DASHBOARD</h1>
            </div>

            <!-- Dashboard Content -->
            <div class="container-fluid">
                <div class="row g-3">
                    <!-- Card 1 -->
                    <div class="col-lg-3 col-md-6">
                        <div class="dashboard-card bg-success">
                            <i class="fas fa-chart-pie"></i>
                            <small>Today</small>
                            <h2>10</h2>
                            <div class="card-footer">
                                <a href="#">Number of Order <i class="fas fa-arrow-circle-right"></i></a>
                            </div>
                        </div>
                    </div>
                    <!-- Card 2 -->
                    <div class="col-lg-3 col-md-6">
                        <div class="dashboard-card bg-primary">
                            <i class="fas fa-chart-bar"></i>
                            <small>Last 7 Day</small>
                            <h2>1</h2>
                            <div class="card-footer">
                                <a href="#">Number of Order <i class="fas fa-arrow-circle-right"></i></a>
                            </div>
                        </div>
                    </div>
                    <!-- Card 3 -->
                    <div class="col-lg-3 col-md-6">
                        <div class="dashboard-card bg-danger">
                            <i class="fas fa-shopping-bag"></i>
                            <small>Total</small>
                            <h2>30</h2>
                            <div class="card-footer">
                                <a href="#">Number of Order <i class="fas fa-arrow-circle-right"></i></a>
                            </div>
                        </div>
                    </div>
                    <!-- Card 4 -->
                    <div class="col-lg-3 col-md-6">
                        <div class="dashboard-card bg-info">
                            <i class="fas fa-user-plus"></i>
                            <small>Total</small>
                            <h2>2286</h2>
                            <div class="card-footer">
                                <a href="#">Number of Product <i class="fas fa-arrow-circle-right"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- end row -->

                <div class="row mt-3 dashboard-collapse-card">
                    <!-- Most Popular Articles -->
                    <div class="col-lg-6 mb-4">
                        <div class="card">
                            <div class="card-header" data-bs-toggle="collapse" data-bs-target="#mostPopularArticles"
                                aria-expanded="true">
                                MOST POPULAR ARTICLES



                            </div>
                            <div id="mostPopularArticles" class="collapse show">
                                <div class="card-body">
                                    <table class="table table-striped">
                                        <thead>
                                            <tr>
                                                <th>Article Name</th>
                                                <th>Views</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <!-- Articles go here -->
                                        </tbody>
                                    </table>
                                </div>
                                <div class="card-footer">
                                    <a href="#">View All Articles</a>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- Category List -->
                    <div class="col-lg-6 mb-4">
                        <div class="card">
                            <div class="card-header" data-bs-toggle="collapse" data-bs-target="#categoryList"
                                aria-expanded="true">
                                CATEGORY LIST

                            </div>
                            <div id="categoryList" class="collapse show">
                                <div class="card-body">
                                    <table class="table table-striped">
                                        <thead>
                                            <tr>
                                                <th>Category Name</th>
                                                <th>Article No</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td>Blog</td>
                                                <td><span class="badge bg-info">14</span></td>
                                            </tr>
                                            <tr>
                                                <td>New Page</td>
                                                <td><span class="badge bg-info">1</span></td>
                                            </tr>
                                            <tr>
                                                <td>Service</td>
                                                <td><span class="badge bg-info">3</span></td>
                                            </tr>
                                            <tr>
                                                <td>Home</td>
                                                <td><span class="badge bg-info">0</span></td>
                                            </tr>
                                            <tr>
                                                <td>Video Gallery</td>
                                                <td><span class="badge bg-info">1</span></td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                                <div class="card-footer">
                                    <a href="#">View All Categories</a>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- Login User List -->
                    <div class="col-lg-6 mb-4">
                        <div class="card">
                            <div class="card-header" data-bs-toggle="collapse" data-bs-target="#loginUserList"
                                aria-expanded="true">
                                LOGIN USER LIST

                            </div>
                            <div id="loginUserList" class="collapse show">
                                <div class="card-body">
                                    <table class="table table-striped">
                                        <thead>
                                            <tr>
                                                <th>User Name</th>
                                                <th>Login Time</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td>TechUNO Admin</td>
                                                <td>28-01-2024 09:58:55 AM</td>
                                            </tr>
                                            <tr>
                                                <td>Admin</td>
                                                <td>24-06-2024 11:50:36 AM</td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                                <div class="card-footer">
                                    <a href="#">View All Users</a>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- Newsletter Subscribers List -->
                    <div class="col-lg-6 mb-4">
                        <div class="card">
                            <div class="card-header" data-bs-toggle="collapse"
                                data-bs-target="#newsletterSubscribersList" aria-expanded="true">
                                NEWSLETTER SUBSCRIBERS LIST

                            </div>
                            <div id="newsletterSubscribersList" class="collapse show">
                                <div class="card-body">
                                    <table class="table">
                                        <thead>
                                            <tr>
                                                <th>E-mail</th>
                                                <th>Subscription Time</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <!-- Subscribers will go here -->
                                        </tbody>
                                    </table>
                                </div>
                                <div class="card-footer">
                                    <a href="#">View All Newsletter</a>
                                </div>
                            </div>
                        </div>
                    </div>


                    <div class="col-lg-6 mb-4">
                        <!-- Card with Custom Checkbox and Radio -->
                        <div class="card">
                            <div class="card-header">
                                <h5 class="card-title">Preferences</h5>
                            </div>
                            <div class="card-body">
                                <p class="card-text">Select your preferences below:</p>

                                <!-- Custom Checkbox Group -->
                                <div class="custom-checkbox mb-3">
                                    <input type="checkbox" id="checkbox1">
                                    <label for="checkbox1">Receive Email Notifications</label>
                                </div>
                                <div class="custom-checkbox mb-3">
                                    <input type="checkbox" id="checkbox2">
                                    <label for="checkbox2">Subscribe to Newsletter</label>
                                </div>

                                <!-- Custom Radio Group -->
                                <p class="mt-4">Choose your account type:</p>
                                <div class="custom-radio mb-3">
                                    <input type="radio" id="radio1" name="accountType">
                                    <label for="radio1">Personal Account</label>
                                </div>
                                <div class="custom-radio mb-3">
                                    <input type="radio" id="radio2" name="accountType">
                                    <label for="radio2">Business Account</label>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>


            </div>



            <!-- footer aria start -->
            <div class="divider py-4"></div>
            <footer class="main-footer">
                <div class="container-fluid p-0">
                    <div class="row">
                        <div class="col-md-6 ">
                            <strong>Copyright © 2020-2024 <a href="#">TechUNO</a>.</strong>
                            All rights reserved.
                        </div>
                        <div class="col-md-6 text-end ">
                            <strong>Powered by <a href="#">TechUNO</a>.</strong>
                        </div>
                    </div>
                </div>
            </footer>
            <!-- /footer aria end -->


        </div>
    </div>
    <!-- Bootstrap JS -->
    <script src="<?php echo e(url('assets/js/bootstrap.bundle.min.js')); ?>"></script>
    <script src="<?php echo e(url('assets/js/main.js')); ?>"></script>

</body>

</html><?php /**PATH C:\techuno\testing-laravel\resources\views/welcome.blade.php ENDPATH**/ ?>