<!DOCTYPE html>
<html>
<head>
    <title>Sunshine Couriors</title>

    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- Custom stlylesheet -->
    <link type="text/css" rel="stylesheet" href="css/main.css" />
     <!-- Font Awesome -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
    <!-- Bootstrap core CSS -->
    <link href="css/css/bootstrap.css" rel="stylesheet">
    <!-- Material Design Bootstrap -->
    <link href="css/css/mdb.min.css" rel="stylesheet">

    <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto|Varela+Round|Open+Sans">
    <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
  
  
      <!-- Custom javaScript -->
    <!-- JQuery -->
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <!-- Bootstrap tooltips -->
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.4/umd/popper.min.js"></script>
    <!-- Bootstrap core JavaScript -->
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.2.1/js/bootstrap.min.js"></script>
    <!-- MDB core JavaScript -->
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.7.0/js/mdb.min.js"></script>
      <link rel="stylesheet" href="css/data-table/bootstrap-table.css">
    <link rel="stylesheet" href="css/data-table/bootstrap-editable.css">
          
            <!-- Custom javaScript -->
    <script src="js/script.js" type="text/javascript"></script>
   
</head>


<body>
  <div class="row">
        <div class="col-md-11">
        <div class="logo" >
            <img src="sunshine_banner.png" style="width: 20%;" >
        </div>
        </div>
       
        <div class="col-md-1" >
        <div class="dropdown"  >
             <img src="img/default-user.png" class="dropbtn" width="80" height="80" style="background-color: #fff">
             <div class="dropdown-content">
                <!-- <a href="#">user</a>
                <a href="#">Change Password</a> -->
                <a href="logout.php?logout">LogOut</a>
             </div>
        </div>
        </div>
   </div>


  <style>
  #drop{
    text-align: center;
  }
  .nav
  {

    background-color: rgba(0,0,0,0.5);
  }
  .nav-item
  {
    width: 14.28%;
    text-align: center;
  }
</style>

<nav  class="navbar navbar-expand-lg navbar-dark   scrolling-navbar" style="padding: 0;  background-color: #EC1B24;">
 
       <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav"aria-expanded="false" aria-label="Toggle navigation">
           <span class="navbar-toggler-icon"></span>
       </button>
       
            <div class="collapse navbar-collapse">
                <ul class="navbar-nav mr-auto" style="width: 100%">
                      <li class="nav-item active a" >
                        <a class="nav-link " href="index.php" >Receipt</a>
                      </li>
                      <li class="nav-item space b" >
                        <a class="nav-link" href="memo.php" >Memo</a>
                      </li>
                      <li class="nav-item space c" >
                        <a class="nav-link"href="addcustomer.php">Add Customer</a>
                      </li>
                      <li class="nav-item space d" >
                        <a class="nav-link " href="couriercharges.php" >Add Branch/Charges</a>
                      </li>
                       <li class="nav-item space e" >
                        <a class="nav-link " href="editReceipt.php">Edit Receipt </a>
                      </li>
                       <li class="nav-item dropdown space f" >
                        <a class="nav-link dropdown-toggle" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true"
                          aria-expanded="false">Payment</a>
                        <div class="dropdown-menu dropdown-primary" aria-labelledby="navbarDropdownMenuLink" style="width: 80%">

                        <a class="dropdown-item" id="drop" href="payment.php"><b>Payment Branch</b></a>
                          <a class="dropdown-item" id="drop" href="payment_by_admin.php"><b>Payment Client</b></a>
                        </div>
                      </li>
                
                
                      <li class="nav-item dropdown space g">
                        <a class="nav-link dropdown-toggle" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true"
                          aria-expanded="false">Report</a>
                        <div class="dropdown-menu dropdown-primary" aria-labelledby="navbarDropdownMenuLink" style="width: 80%">
                          <a class="dropdown-item" id="drop" href="vvp_pay_by_date.php"><b> Search By Date</b></a>
                          <a class="dropdown-item" id="drop" href="vvp_payment_pending.php"><b>VPP Payment Pending<br>(Client)</b></a>
                         <a class="dropdown-item" id="drop" href="vpp_pending_company.php"><b>VPP Payment Pending<br>(Branch)</b></a>
                              <a class="dropdown-item" id="drop" href="vvp_payment_done.php"><b>VPP Payment Done<br>(Client)</b></a>

                          <a class="dropdown-item" id="drop" href="vpp_pay_done_company.php"><b>VPP Payment Done<br>(Branch)</b></a>
                        </div>
                      </li>
                  
                </ul>
         </div>
</nav>