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

<head>
    <!-- Required meta tags-->
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="au theme template">
    <meta name="author" content="Hau Nguyen">
    <meta name="keywords" content="au theme template">

    <!-- Title Page-->
    <title>Dashboard</title>

    <!-- Fontfaces CSS-->
    <link href="css/font-face.css" rel="stylesheet" media="all">
    <link href="vendor/font-awesome-4.7/css/font-awesome.min.css" rel="stylesheet" media="all">
    <link href="vendor/font-awesome-5/css/fontawesome-all.min.css" rel="stylesheet" media="all">
    <link href="vendor/mdi-font/css/material-design-iconic-font.min.css" rel="stylesheet" media="all">

    <!-- Bootstrap CSS-->
    <link href="vendor/bootstrap-4.1/bootstrap.min.css" rel="stylesheet" media="all">

    <!-- Vendor CSS-->
    <link href="vendor/animsition/animsition.min.css" rel="stylesheet" media="all">
    <link href="vendor/bootstrap-progressbar/bootstrap-progressbar-3.3.4.min.css" rel="stylesheet" media="all">
    <link href="vendor/wow/animate.css" rel="stylesheet" media="all">
    <link href="vendor/css-hamburgers/hamburgers.min.css" rel="stylesheet" media="all">
    <link href="vendor/slick/slick.css" rel="stylesheet" media="all">
    <link href="vendor/select2/select2.min.css" rel="stylesheet" media="all">
    <link href="vendor/perfect-scrollbar/perfect-scrollbar.css" rel="stylesheet" media="all">

    <!-- Main CSS-->
    <link href="css/theme.css" rel="stylesheet" media="all">

</head>

<body class="animsition">
    <div class="page-wrapper">
        <!-- HEADER MOBILE-->
        <header class="header-mobile d-block d-lg-none">
            <div class="header-mobile__bar">
                <div class="container-fluid">
                    <div class="header-mobile-inner">
                        <a class="logo" href="dashboard.php">
                      	<img id="logo" class="img-responsive" src="images/logocapital.PNG" alt="logo">
                        </a>
                        <button class="hamburger hamburger--slider" type="button">
                            <span class="hamburger-box">
                                <span class="hamburger-inner"></span>
                            </span>
                        </button>
                    </div>
                </div>
            </div>
            <nav class="navbar-mobile">
                <div class="container-fluid">
                    <ul class="navbar-mobile__list list-unstyled">
                        
                       
                       <li class="active has-sub">
                            <a class="js-arrow" href="dashboard.php">
                                <i class="fas fa-tachometer-alt"></i>Dashboard</a>
                            <ul class="list-unstyled navbar__sub-list js-sub-list">
                        
                                
                            </ul>
                        </li>
                        <li>
                            <a href="all-user.php">
                                <i class="fas fa-chart-bar"></i>Users</a>
                        </li>
                        <li>
                            <a href="add_history.php">
                                <i class="fas fa-table"></i>Add transaction history</a>
                        </li>
                        <li>
                            <a href="all_transaction_history.php">
                                <i class="fas fa-table"></i>Transaction history</a>
                        </li>

                        <li>
                            <a href="add_progress.php">
                                <i class="fas fa-table"></i>Add Progress</a>
                        </li>

                        <li>
                            <a href="all_progress_breakdown.php">
                                <i class="fas fa-table"></i>Progress Break Down</a>
                        </li>
                        
                       
                    
                    </ul>
                </div>
            </nav>
        </header>
        <!-- END HEADER MOBILE-->

        <!-- MENU SIDEBAR-->
        <aside class="menu-sidebar d-none d-lg-block">
            <div class="logo">
                <a href="dashboard.php">
                   <!-- <img src="images/icon/logo.png" alt="Cool Admin" />-->
                  	<img id="logo" class="img-responsive" src="images/logocapital.PNG" alt="logo">
                </a>
            </div>
            <div class="menu-sidebar__content js-scrollbar1">
                <nav class="navbar-sidebar">
                    <ul class="list-unstyled navbar__list">
                        <li class="active has-sub">
                            <a class="js-arrow" href="dashboard.php">
                                <i class="fas fa-tachometer-alt"></i>Dashboard</a>
                            <ul class="list-unstyled navbar__sub-list js-sub-list">
                        
                                
                            </ul>
                        </li>
                        <li>
                            <a href="all-user.php">
                                <i class="fas fa-chart-bar"></i>Users</a>
                        </li>
                        <li>
                            <a href="add_history.php">
                                <i class="fas fa-table"></i>Add transaction history</a>
                        </li>
                        <li>
                            <a href="all_transaction_history.php">
                                <i class="fas fa-table"></i>Transaction history</a>
                        </li>

                        <li>
                            <a href="add_progress.php">
                                <i class="fas fa-table"></i>Add Progress</a>
                        </li>

                        <li>
                            <a href="all_progress_breakdown.php">
                                <i class="fas fa-table"></i>Progress Break Down</a>
                        </li>
                        
                        
                       
                        
                       
                            </ul>
                        </li>
                    </ul>
                </nav>
            </div>
        </aside>
        <!-- END MENU SIDEBAR-->

        <!-- PAGE CONTAINER-->
        <div class="page-container">
            
        
            <!-- HEADER DESKTOP-->
            <header class="header-desktop">
                <div class="section__content section__content--p30">
                    <div class="container-fluid">
                        <div class="header-wrap">
                            <form class="form-header" action="" method="POST">
                                
                            </form>
                            <div class="header-button">
                                
                                <div class="account-wrap" style ="margin-left:100px;">
                                    <div class="account-item clearfix js-item-menu">
                                        <div class="image">
                                            <img src="images/icon/avata1.jpeg" alt="John Doe" />
                                        </div>

                                        <div class="content">
                                            <a class="js-acc-btn" href="#"><?php echo $_SESSION["username"];?></a>
                                        </div>
                                        <div class="account-dropdown js-dropdown">
                                            <div class="info clearfix">
                                                <div class="image">
                                                    <a href="#">
                                                        <img src="images/icon/avatar1.jpeg" alt="" />
                                                    </a>
                                                </div>
                                                <div class="content">
                                                    <h5 class="name">
               
                                                    </h5>
                                                    <span class="email">verified</span>
                                                </div>
                                            </div>
                                            
                                            <div class="account-dropdown__footer" style ="margin-left:100px;">
                                                <a href="all-user.php">
                                                    <i class="zmdi zmdi-edit"></i>Edit User</a>
                                                    
                                                    <a href="all_transaction_history.php">
                                                    <i class="zmdi zmdi-edit"></i>Edit Tran history</a>
                                                    
                                                    <a href="add_progress.php">
                                                    <i class="zmdi zmdi-plus"></i>Add Progress</a>
                                                    
                                                     <a href="all_progress_breakdown.php">
                                                    <i class="zmdi zmdi-edit"></i>Edit Progress</a>
                                                    
                                                    <a href="logout.php">
                                                    <i class="zmdi zmdi-power"></i>Logout</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </header>