<?php
session_start();

include("../includes/config.php");


$S_ID = $_SESSION['S_Log'];


if (!$_SESSION['S_Log'])
echo '<script language="JavaScript">
 document.location="../Staff_Login.php";
</script>';


	


	$sql1 = mysqli_query($dbConn,"select * from drivers");
	$row1 = mysqli_num_rows($sql1);	
		

	
	
	

	
	
?>
<!DOCTYPE html>
<html>

<head>


    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <title>SHEELD | Staff Area</title>

   <link href="../css/bootstrap.min.css" rel="stylesheet">
	    <link href="../css/plugins/bootstrap/bootstrap.min.css" rel="stylesheet">

    <link href="../font-awesome/css/font-awesome.css" rel="stylesheet">
	    <link href="../css/plugins/dataTables/datatables.min.css" rel="stylesheet">


    <!-- Toastr style -->
    <link href="../css/plugins/toastr/toastr.min.css" rel="stylesheet">

    <!-- Gritter -->
    <link href="../js/plugins/gritter/jquery.gritter.css" rel="stylesheet">

    <link href="../css/animate.css" rel="stylesheet">
    <link href="../css/style.css" rel="stylesheet">
    <link rel="shortcut icon" href="../img/icon.ico"/>
	
	
	<style>
@font-face {
   font-family: myFirstFont;
   src: url(../fonts/NotoKufiArabic-Regular.ttf);
   font-size:8px;
}
body {
font-family: Bangers;
   font-style: normal; font-variant: normal; font-weight: 700;
   }

</style>

</head>

<body style="back">
    <div id="wrapper">
        <nav class="navbar-default navbar-static-side" role="navigation">
            <div class="sidebar-collapse">
                <ul class="nav metismenu" id="side-menu">
                     <li class="nav-header" style="background-color:#fff">
                        <div class="dropdown profile-element"> <span>
                            <center><img alt="image"  src="../img/icon.png" style="border-radius: 10%;" width="70%"/></center>
                             </span>
							 

                       
                           
                           
                        </div>
                        <div class="logo-element" style="color:#000">
                            SHEELD
                        </div>
						
							
                    </li>
                    <li class="active">
                        <a href="index.php"><i class="fa fa-th-large"></i> <span class="nav-label">Home</span></a>

                    </li>
					
					
					
					

					
					
						<li>
                        <a href="#"><i class="fa fa-users"></i> <span class="nav-label">Drivers Recharges</span><span class="fa arrow"></span></a>
                        <ul class="nav nav-second-level collapse">

                            <li><a href="Add_New_Driver_Recharge.php">Add New Driver Recharge</a></li>
                            <li><a href="View_Driver_Recharges_List.php">View Driver Recharges List</a></li>

                        </ul>
						</li>
					
					
						 
					






                </ul>

            </div>
        </nav>

        <div id="page-wrapper" class="gray-bg dashbard-1">
        <div class="row border-bottom">
        <nav class="navbar navbar-static-top" role="navigation" style="margin-bottom: 0">
        <div class="navbar-header">
            <a class="navbar-minimalize minimalize-styl-2 btn btn-primary " href="#"><i class="fa fa-bars"></i> </a>

        </div>
            <ul class="nav navbar-top-links navbar-right">
                <li>
                    <span class="m-r-sm text-muted welcome-message">Welcome To SHEELD - Staff Portal</span>
                </li>
                <li class="dropdown">

                    <ul class="dropdown-menu dropdown-messages">


                        <li class="divider"></li>


                    </ul>
                </li>



                <li>
                    <a href="Logout.php">
                        <i class="fa fa-sign-out"></i> Logout
                    </a>
                </li>

            </ul>

        </nav>
        </div>

        <div class="row">
            <div class="col-lg-12" style="background-color:#fff">
                <div class="wrapper wrapper-content">
                        <div class="row">

                            <div class="col-lg-12">
                                <div class="ibox float-e-margins">
                                    <div class="ibox-title">
                                        <h5>SHEELD - Staff Portal</h5>

                                    </div>
                                    <div class="ibox-content">

                                        <div>
                                            <div class="feed-activity-list">

                                                <div class="feed-element">

                                                    <div class="media-body ">
												
													<br>
                                                        <strong><center>
														
													<br>	<br>
                                                        <strong><center>
														<img src="../img/banner.png" class="img-rounded" width="25%"/>
														<img src="../img/logo.png" class="img-rounded" width="40%"/>
														<img src="../img/banner.png" class="img-rounded" width="25%"/></center></strong>
							
                                                   
                                                    </div>
													<br><br>
													<br><br>
													
													
													<div class="col-lg-12" >
                <div class="widget style1 lazur-bg" style="background-color:#00F9FF">
                    <div class="row">
                        <div class="col-xs-4">
                            <i class="fa fa-users fa-5x" style="color:#011F39"></i>
                        </div>
                        <div class="col-xs-8 text-right">
										<a style="color:#011F39" href="View_Driver_Recharges_List.php">

										<h3> Total Drivers</h3>
										<h2 class="font-bold"> <?php echo $row1; ?></h2>
										</a>
                        </div>
                    </div>
                </div>
            </div>	
													
													
													
													
													
							

                                                </div>
                                            </div>


                                        </div>

                                    </div>
                                </div>


				
                            </div>
							
							
							
							

                        </div>
                </div>
          </div></div>
                <div class="footer">

                    <div>
                       <center>SHEELD © <?php echo date("Y"); ?>. All Rights Reserved.</center>
                    </div>
                </div>
            </div>
        </div>

        </div>




        </div>
    </div>
<!-- Custom and plugin javascript -->
    <script src="../js/inspinia.js"></script>
    <script src="../js/plugins/pace/pace.min.js"></script>





    <script src="../js/jquery-2.1.1.js"></script>
    <script src="../js/bootstrap.min.js"></script>
    <script src="../js/plugins/metisMenu/jquery.metisMenu.js"></script>
    <script src="../js/plugins/slimscroll/jquery.slimscroll.min.js"></script>

    <!-- Flot -->
    <script src="../js/plugins/flot/jquery.flot.js"></script>
    <script src="../js/plugins/flot/jquery.flot.tooltip.min.js"></script>
    <script src="../js/plugins/flot/jquery.flot.spline.js"></script>
    <script src="../js/plugins/flot/jquery.flot.resize.js"></script>
    <script src="../js/plugins/flot/jquery.flot.pie.js"></script>

    <!-- Peity -->
    <script src="../js/plugins/peity/jquery.peity.min.js"></script>
    <script src="../js/demo/peity-demo.js"></script>

    <!-- Custom and plugin javascript -->
    <script src="../js/inspinia.js"></script>
    <script src="../js/plugins/pace/pace.min.js"></script>

    <!-- jQuery UI -->
    <script src="../js/plugins/jquery-ui/jquery-ui.min.js"></script>

    <!-- GITTER -->
    <script src="../js/plugins/gritter/jquery.gritter.min.js"></script>

    <!-- Sparkline -->
    <script src="../js/plugins/sparkline/jquery.sparkline.min.js"></script>

    <!-- Sparkline demo data  -->
    <script src="../js/demo/sparkline-demo.js"></script>

    <!-- ChartJS-->
    <script src="../js/plugins/chartJs/Chart.min.js"></script>

    <!-- Toastr -->
    <script src="../js/plugins/toastr/toastr.min.js"></script>


   
</body>
</html>
