<style>
.newdropdown ul li {
    list-style: none;
}

.newdropdown ul {
    padding: 0;
}

.newdropdown ul li:marker {
    color: #fff;
}

.newdropdown li a:hover {
    color: #007bff;
}

.newdropdown ul li {
    line-height: 35px;
}

.newdropdown ul li a i {
    font-size: 10px !important;
}

#accordion a.nav-link {
    position: relative;
}

#accordion a.nav-link:after {
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    float: right;
}

#accordion a.nav-link.collapsed:after {
    content: "\f106";
}
</style>

<aside class="main-sidebar sidebar-dark-primary elevation-4">
    <!-- Brand Logo -->
    <a href="index.php" class="brand-link">
        <img src="dist/img/AdminLTELogo.png" alt="AdminLTE Logo" class="my_image"
            class="brand-image img-circle elevation-3" style="opacity: 0.8" />
        <span class="brand-text font-weight-light">Administrator</span>
    </a>

    <!-- Sidebar -->
    <div class="sidebar">
        <!-- Sidebar user panel (optional) -->
        <div class="user-panel mt-3 pb-3 mb-3 d-flex">
            <div class="image">
                <img src="dist/img/user2-160x160.jpg" class="logo" class="img-circle elevation-2" alt="User Image" />
            </div>
            <div class="info">
                <a href="#" class="d-block">paradigmappstudio</a>
            </div>
        </div>

        <!-- SidebarSearch Form -->
        <div class="form-inline">
            <!--<div class="input-group" data-widget="sidebar-search">-->
            <!--  <input-->
            <!--    class="form-control form-control-sidebar"-->
            <!--    type="search"-->
            <!--    placeholder="Search"-->
            <!--    aria-label="Search"-->
            <!--  />-->
            <!--  <div class="input-group-append">-->
            <!--    <button class="btn btn-sidebar">-->
            <!--      <i class="fas fa-search fa-fw"></i>-->
            <!--    </button>-->
            <!--  </div>-->
            <!--</div>-->
        </div>

        <!-- Sidebar Menu -->
        <nav class="mt-2">
            <ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu" data-accordion="false">
                <!-- Add icons to the links using the .nav-icon class
               with font-awesome or any other icon font library -->

                <li class="nav-item">
                    <a href="dashboard.php" class="nav-link ">
                        <i class="nav-icon fas fa-tachometer-alt"></i>
                        <p>
                            Dashboard
                        </p>
                    </a>
                </li>
                <?php if($_SESSION['user_role'] && $_SESSION['user_role']!='Project Manager'){ ?>
                <li class="nav-item menu-open">
                    <a href="index.php" class="nav-link">
                        <!--<i class="nav-icon fas fa-tachometer-alt"></i>-->
                        <i class="nav-icon far fa-circle text-primary"></i>
                        <p>
                            Leads
                            <!--<i class="up fas fa-angle-up" style="float: right;"></i>-->
                        </p>
                    </a>

                </li>

                <!-- <li class="nav-item menu-open" id="accordion">
                    <a href="#" class="nav-link" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="true"
                        aria-controls="collapseTwo">
                        <i class="nav-icon fas fa-tachometer-alt"></i>
                        <i class="nav-icon far fa-circle text-success"></i>
                        <p>
                            Landing Pages
                            <i class="right fas fa-angle-left"></i>
                        </p>
                    </a>
                    <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordion">
                        <div class="card-body newdropdown">
                            <ul>
                                <li><a href="marketing_landing.php"><i class="far fa-circle nav-icon"></i> Marketing</a></li>
                                <li><a href="publishing_landing.php"><i class="far fa-circle nav-icon"></i> Publishing</a></li>
                                <li><a href="ghostwriting_landing"><i class="far fa-circle nav-icon"></i> Ghostwriting</a></li>
                                <li><a href="smm_landing.php"><i class="far fa-circle nav-icon"></i>Website Maintanance</a></li>
                                <li><a href="seo_landing.php"><i class="far fa-circle nav-icon"></i>SEO</a></li>
                            </ul>
                        </div>
                    </div>
                </li> -->
                <?php } ?>

                <li class="nav-item menu-open" id="accordion">
                    <a href="#" class="nav-link" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true"
                        aria-controls="collapseOne">
                        <!--<i class="nav-icon fas fa-tachometer-alt"></i>-->
                        <i class="nav-icon far fa-circle text-info"></i>
                        <p>
                            Questionnaire
                            <!--<i class="right fas fa-angle-left"></i>-->
                        </p>
                    </a>
                    <div id="collapseOne" class="collapse" aria-labelledby="headingOne" data-parent="#accordion">
                        <div class="card-body newdropdown">
                            <ul>
                                <li><a href="web.php"><i class="far fa-circle nav-icon"></i>Web</a></li>
                                <li><a href="logo.php"><i class="far fa-circle nav-icon"></i>Logo</a></li>
                                <li><a href="seo.php"><i class="far fa-circle nav-icon"></i>SEO</a></li>
                                <li><a href="smm.php"><i class="far fa-circle nav-icon"></i>SMM</a></li>
                                <li><a href="content.php"><i class="far fa-circle nav-icon"></i>Content</a></li>
                                <!--<li><a href="book-cover.php"><i class="far fa-circle nav-icon"></i>Book Cover</a></li>-->
                                <!--<li><a href="publishing.php"><i class="far fa-circle nav-icon"></i>Publishing</a></li>-->
                                <!--<li><a href="ebook.php"><i class="far fa-circle nav-icon"></i>Ebook</a></li>-->
                                <li><a href="illustrations.php"><i class="far fa-circle nav-icon"></i>Illustrations</a>
                                </li>
                                <!--<li><a href="wikipedia.php"><i class="far fa-circle nav-icon"></i>Wikipedia</a></li>-->
                            </ul>
                        </div>
                    </div>

                </li>
                <?php if($_SESSION['user_role']=='admin'){ ?>
                <li class="nav-item menu-open" id="accordion">
                    <a href="#" class="nav-link" data-toggle="collapse" data-target="#collapseThree"
                        aria-expanded="true" aria-controls="collapseThree">
                        <!--<i class="nav-icon far fa-circle text-warning"></i>-->
                        <i class="nav-icon far fa-user-circle text-info"></i>
                        <p>User Management</p>
                    </a>
                    <div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#accordion">
                        <div class="card-body newdropdown">
                            <ul>
                                <li><a href="add_user.php"><i class="far fa-circle nav-icon"></i>Add User</a></li>
                                <li><a href="user.php"><i class="far fa-circle nav-icon"></i>View Users</a></li>
                            </ul>
                        </div>
                    </div>
                </li>
                <?php } ?>
                <li class="nav-item badge-danger">
                    <a href="login.php" class="nav-link">
                        <i class="nav-icon fa fa-power-off fa-lg"></i>
                        <p>Logout</p>
                    </a>
                </li>





            </ul>
        </nav>
        <!-- /.sidebar-menu -->
    </div>
    <!-- /.sidebar -->
</aside>