<?php require_once('head.php'); ?>

  <body>
  <!-- container section start -->
  <section id="container" class="">
      
	<?php require_once('header.php'); ?>	

	<?php require_once('sidebar.php'); ?>
      
      <!--main content start-->
      <section id="main-content">
          <section class="wrapper">

			  <div class="row">
                  <div class="col-lg-12">
                      <!--breadcrumbs start -->
                      <ul class="breadcrumb">
                          <li><a href="dashboard.php"><i class="icon_house_alt"></i> Accounts</a></li>
                          <li class="active"> Settings</li>
						  <li class="active"> Profile</li>
						  <li class="pull-right"> <i class="icon_calendar"></i>
							 <?php echo date('l jS F Y'); ?></li>
                      </ul>
                      <!--breadcrumbs end -->
                  </div>
              </div>		  
			  
			  <!-- knob charts -->
            <div class="row">
                  <div class="col-lg-12">                      
                      <aside class="profile-nav alt">
                          <section class="panel">
                            <div class="">
                              <div class="user-heading alt bg-layer profile-widget-info">                                
                                  <a href="#">
                                      <img alt="<?php echo $row['first_name']; ?> <?php echo $row['last_name']; ?>" src="users/<?php echo user_photo(preg_replace('/\s/', '', $_SESSION['user_login'])); ?>">
                                  </a>
                                  <h1><?php echo WEB_NAME ?></h1>
                                  <h4><?php echo $row['first_name']; ?> <?php echo $row['last_name']; ?></h4>
                                  </div>
                              </div>

                              <div class="weather-category profile-widget-data">
                                      <ul>
                                          <li class="active">
                                              <h5>Last login on:</h5>
                                              <?php if ($row['last_ts'] == "0000-00-00 00:00:00") { echo ""; }else{ echo date('l jS F Y', strtotime($row['last_ts']));} ?>
                                          </li>
                                          <li>
                                              <h5>Last login From:</h5>
																															  <a href="http://api.hostip.info/get_html.php?ip=<?php echo $row['last_ip']; ?>" target="_blank">
											  <img src="http://api.hostip.info/flag.php?ip=<?php echo $row['last_ip']; ?>" alt="Country" width="39" height="24">
											  </a>
                                          </li>
                                          <li>
                                              <h5>Last login IP:</h5>
                                              <?php echo $row['last_ip']; ?>
                                          </li>
                                      </ul>
                                  </div>

                          </section>
                      </aside>                                            
                  </div>
                </div>

			  
			  <!-- Recent Transactions Starts -->
			  <div class="row">
                  <div class="col-lg-12">
                      <section class="panel">
                          <header class="panel-heading">
                              Personal Information
                          </header>
                          
						  <div class="panel-body">
						  
						  <div class="panel-body bio-graph-info">
							  <h1>Bio Graph</h1>
							  <div class="row">
								  <div class="bio-row">
									  <p><span>First Name </span>: <?php echo $row['first_name']; ?></p>
								  </div>
								  <div class="bio-row">
									  <p><span>Last Name </span>: <?php echo $row['last_name']; ?></p>
								  </div>                                              
								  <div class="bio-row">
									  <p><span>Date of Birth</span>: 
									  <?php if ($row['dob'] == "0000-00-00") { echo ""; }else{ echo date('jS F Y', strtotime($row['dob']));} ?>
									  </p>
								  </div>
								  <div class="bio-row">
									  <p><span>Gender </span>: <?php echo $row['user_gender']; ?></p>
								  </div>
								  <div class="bio-row">
									  <p><span>Email </span>: <?php echo $row['user_email']; ?></p>
								  </div>
								  <div class="bio-row">
									  <p><span>Mobile </span>: <?php echo $row['user_phone']; ?></p>
								  </div>
								  <div class="bio-row">
									  <p><span>Address </span>: <?php echo $row['user_add']; ?></p>
								  </div>
								  <div class="bio-row">
									  <p><span>City </span>:  <?php echo $row['user_city']; ?></p>
								  </div>
								  <div class="bio-row">
									  <p><span>State </span>:  <?php echo $row['user_state']; ?></p>
								  </div>
								  
								  <div class="bio-row">
									  <p><span>Zip Code </span>:  <?php echo $row['postcode']; ?></p>
								  </div>
								  
								  <div class="bio-row">
									  <p><span>Country </span>:  <?php echo $row['country']; ?></p>
								  </div>
							  </div>
						  </div>
						</div>
						
						
						
                      </section>
					  
					  <section class="panel">
                          <header class="panel-heading">
                              Personal Identification
                          </header>
                          
						  <div class="panel-body">
						  
						  <div class="panel-body bio-graph-info">
							  <h1>ID Information</h1>
							  <div class="row">
								  <div class="bio-row">
									  <p><span>ID Type </span>: <?php echo $row['id_type']; ?></p>
								  </div>
								  <div class="bio-row">
									  <p><span>ID Number </span>: <?php echo $row['id_number']; ?></p>
								  </div>                                              
								  <div class="bio-row">
									  <p><span>Expiry Date</span>: <?php if ($row['id_expiry'] == "") { echo ""; }else{ echo date('jS F Y', strtotime($row['id_expiry']));} ?></p>
								  </div>
							  </div>
						  </div>
						</div>
						
						
						
                      </section>
					  
                  </div>
              </div>
			  <!-- Recent Transactions end -->

              

          </section>
      </section>
      <!--main content end-->
  </section>
  <!-- container section start -->

    <!-- javascripts -->
    <script src="js/jquery.js"></script>
    <script src="js/jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="js/jquery-ui-1.9.2.custom.min.js"></script>
    <!-- bootstrap -->
    <script src="js/bootstrap.min.js"></script>
    <!-- nice scroll -->
    <script src="js/jquery.scrollTo.min.js"></script>
    <script src="js/jquery.nicescroll.js" type="text/javascript"></script>
    <!-- charts scripts -->
    <script src="assets/jquery-knob/js/jquery.knob.js"></script>
    <script src="js/jquery.sparkline.js" type="text/javascript"></script>
    <script src="assets/jquery-easy-pie-chart/jquery.easy-pie-chart.js"></script>
    <script src="js/owl.carousel.js" ></script>
    <!-- jQuery full calendar -->
    <script src="assets/fullcalendar/fullcalendar/fullcalendar.min.js"></script>
    <!--script for this page only-->
    <script src="js/calendar-custom.js"></script>
    <!-- custom select -->
    <script src="js/jquery.customSelect.min.js" ></script>
    <!--custome script for all page-->
    <script src="js/scripts.js"></script>
    <!-- custom script for this page-->
    <script src="js/sparkline-chart.js"></script>
    <script src="js/easy-pie-chart.js"></script>

  <script>

      //knob
      $(function() {
        $(".knob").knob({
          'draw' : function () { 
            $(this.i).val(this.cv + '%')
          }
        })
      });

      //carousel
      $(document).ready(function() {
          $("#owl-slider").owlCarousel({
              navigation : true,
              slideSpeed : 300,
              paginationSpeed : 400,
              singleItem : true

          });
      });

      //custom select box

      $(function(){
          $('select.styled').customSelect();
      });

  </script>

  </body>
</html>