<ul class="navbar-nav bg-gradient-primary sidebar sidebar-dark accordion font-weight-bold" id="accordionSidebar">
            <!-- Sidebar - Brand -->
            <a class="sidebar-brand d-flex align-items-center justify-content-center" href="dashboard.php">
            <br><br>
                <div class="sidebar-brand-icon ">
                <img src="../img/logo231.png" width="50" height="50" >
                    <i class=""></i>
                </div></a>
            <!-- Divider -->
            <hr class="sidebar-divider my-0">
            <!-- Nav Item - Dashboard -->
            <li class="nav-item">
                <a class="nav-link" href="dashboard.php">
                    <i class="fas fa-fw fa-tachometer-alt"></i>
                    <span>Dashboard</span></a>
            </li>
               <li class="nav-item">
                            <a class="nav-link collapsed" href="" data-toggle="collapse" data-target="#collapseTwo"
                                aria-expanded="true" aria-controls="collapseTwo">
                                <i class="fas fa-user"></i>
                                <span>Job</span>
                            </a>
                            <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionSidebar">
                                <div class="bg-white py-2 collapse-inner rounded">
                                    <h6 class="collapse-header">Add Job:</h6>
                                    <a class="collapse-item" href="add_job.php">Add Job</a>
                                    <a class="collapse-item" href="view_jobs.php">View Job</a>
                               </div>
                            </div>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link collapsed" href="" data-toggle="collapse" data-target="#collapseTwoS"
                                aria-expanded="true" aria-controls="collapseTwo">
                                <i class="fas fa-users"></i>
                                <span>Customer</span>
                            </a>
                            <div id="collapseTwoS" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionSidebar">
                                <div class="bg-white py-2 collapse-inner rounded">
                                    <h6 class="collapse-header">Add Customer:</h6>
                                    <a class="collapse-item" href="add_customer.php">Add Customer</a>
                                    <a class="collapse-item" href="view_customer.php">View Customer</a>
                                </div>
                            </div>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link collapsed" href="" data-toggle="collapse" data-target="#collapseTwo1"
                                aria-expanded="true" aria-controls="collapseTwo">
                                <i class="fas fa-user"></i>
                                <span> Complete - Job</span>
                            </a>
                            <div id="collapseTwo1" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionSidebar">
                                <div class="bg-white py-2 collapse-inner rounded">
                                    <h6 class="collapse-header">Complete Job:</h6>
                                    <a class="collapse-item" href="view_jobc.php">View Compelete Job</a>
                                 </div>
                            </div>
                        </li>
            <!-- Sidebar Toggler (Sidebar) -->
            <div class="text-center d-none d-md-inline">
                <button class="rounded-circle border-0" id="sidebarToggle"></button>
            </div>
        </ul>