<?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"> Change Password</li>
						  <li class="pull-right"> <i class="icon_calendar"></i>
							 <?php echo date('l jS F Y'); ?></li>
                      </ul>
                      <!--breadcrumbs end -->
                  </div>
              </div>
			  
			  <div class="row">
					<div class="col-lg-12">
					<section class="panel panel-body">
					<h3><?php echo WEB_NAME ?></h3>
					<h4>ACCOUNT SETTINGS</h4>
					</section>
					</div>
              </div>
			  
			  
			  <!-- Add Messages Starts -->
			  <div class="row">
                  <div class="col-lg-12">
                      <section class="panel">
                          <header class="panel-heading">
                              Change Password
                          </header>
						  
						  <div class="panel-body">
						  
						  <!-- Error Message -->
							<?php if (!empty($_GET['error'])): ?>
							<div class="alert fade in alert-danger">
								<button data-dismiss="alert" class="close close-sm" type="button">
								<i class="icon-remove"></i>
								</button>
								<?php echo $_GET['error']?>
							</div>
							<?php endif ?>
							
							<!-- Success Message -->
							<?php if (!empty($_GET['msg'])): ?>
							<div class="alert fade in alert-success">
								<button data-dismiss="alert" class="close close-sm" type="button">
								<i class="icon-remove"></i>
								</button>
								<?php echo $_GET['msg']?>
							</div>
							<?php endif ?>
							
						  
                           <form method="post" enctype="multipart/form-data" class="form-validate form-horizontal" id="pwd-form" action="changepass.php">
								
								<div class="form-group">
									<label class="col-md-4 control-label">Current Password </label>
									<div class="col-md-6">
										<input type="password" name="cpass" class="form-control required" placeholder="Enter Current Password" required>
									</div>
								</div>
								
																
								<div class="form-group">
									<label class="col-md-4 control-label">New Password </label>
									<div class="col-md-6">
										<input type="password" id="pass1" name="pass1" class="form-control required" placeholder="Enter New Password" required>
									</div>
								</div>
								
								<div class="form-group">
									<label class="col-md-4 control-label">Repeat Password </label>
									<div class="col-md-6">
										<input type="password" name="pass2" class="form-control required" placeholder="Confirm New Password" required>
									</div>
								</div>


								<div class="form-group">
									<label class="col-md-4 control-label"></label>
									<div class="col-md-6">	
									<input type="submit" id="submit" name="submit" value="Change Password" class="btn btn-primary pull-left">
									</div>
								</div>
							</form>
							
							</div>
                      </section>
                  </div>
              </div>
			  <!-- Add Messages 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>
	
	<!-- jquery validate js -->
    <script type="text/javascript" src="js/jquery.validate.min.js"></script>

    <!-- custom form validation script for this page-->
    <script src="js/form-validation-script.js"></script>

    <!-- custom select -->
    <script src="js/jquery.customSelect.min.js" ></script>
    <!--custome script for all page-->
    <script src="js/scripts.js"></script>

  </body>
</html>