<?php
session_start();
error_reporting('0');
if(isset($_SESSION['username'])){
?>
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">

    <style>
        .card-title a {
            font-size: 16px;
            border-bottom: 1px solid #707478;
            color: #707478;
        }
        .card-title a:hover{
            border-bottom: 1px solid #1A2229;
            color: #1A2229;
        }
        .btn-app:first-child{
            margin-left:0 !important;
        }
    </style>


  <?php include 'includes/styles.php'; ?>
    <title>Reset Password |  <?php echo $school_name; ?> </title>
    <?php
    $module_name = 'Reset Password';
    include "check-admin-privilege.php";
    ?>



</head>
<body class="hold-transition sidebar-mini layout-fixed">
<div class="wrapper">

  <!-- Navbar -->
    <?php include 'includes/notifications.php'; ?>
  <!-- /.navbar -->

  <!-- Main Sidebar Container -->
<?php include "includes/sidebar.php";?>

  <!-- Content Wrapper. Contains page content -->
  <div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <div class="content-header">
      <div class="container-fluid">
        <div class="row mb-2">
          <div class="col-sm-6">
            <h1 class="m-0">Reset Password </h1>
          </div><!-- /.col -->
          <div class="col-sm-6">
            <ol class="breadcrumb float-sm-right">
              <li class="breadcrumb-item"><a href="<?php echo $conn->base_url();?>">Home</a></li>
              <li class="breadcrumb-item active">Password Reset</li>
            </ol>
          </div><!-- /.col -->
        </div><!-- /.row -->
      </div><!-- /.container-fluid -->
    </div>
    <!-- /.content-header -->

    <!-- Main content -->
    <section class="content">
      <div class="container-fluid">
   
        <div class="row">
<!--          <section class="col-lg-12 connectedSortable">-->
<!--           <a href="add-class"><button class="btn btn-outline-success">Add a class</button></a>-->
<!--          </section>-->
          <section class="col-lg-12 connectedSortable">
              <div class="card">
                  <div class="card-header" style="background: #17a2b8; color: white;">
                      <h3 class="card-title" style="font-size: 15px;"> <i class="fa fa-star"></i> Change your password admin </h3>
                  </div>
                  <!-- /.card-header -->
                  <div class="card-body">
                     <div>
                         <form class="form-horizontal" method="post" id="change-password">
                             <div class="card-body">
                                 <div class="form-group row">
                                     <label for="password" class="col-sm-3 col-form-label">Old Password<span style="color: #f00;">*</span></label>
                                     <div class="col-sm-9">
                                         <input type="password" class="form-control" id="password" required data-parsley-trigger="keyup" name="old_password">
                                     </div>
                                 </div>

                                 <div class="form-group row">
                                     <label for="password_2" class="col-sm-3 col-form-label">New Password<span style="color: #f00;">*</span></label>
                                     <div class="col-sm-9">
                                         <input type="password" name="new_password" class="form-control" required data-parsley-trigger="keyup" id="password_2">
                                     </div>
                                     <input type="hidden" name="username" value="<?php echo $_SESSION['username'];?>">
                                 </div>

                                 <div class="form-group row">
                                     <label for="" class="col-sm-3 col-form-label"></label>
                                     <div class="col-sm-9">
                                         <input type="submit" name="change_password" value="Change password" class="btn btn-info" id="submit">
                                     </div>
                                 </div>

                             </div>
                             <div id="success-msg">
                             </div>
                             <!-- /.card-body -->

                             <!-- /.card-footer -->
                         </form>

                     </div>

                  </div>
                  <!-- /.card-body -->
              </div>


          </section>
        </div>

          <div id="show-msg">
             
          </div>
        <!-- /.row (main row) -->
      </div><!-- /.container-fluid -->
    </section>
    <!-- /.content -->
  </div>
  <!-- /.content-wrapper -->
  <?php include "includes/footer.php";?>


    <script>
        $(document).ready(function(){
            $('[data-toggle="tooltip"]').tooltip();
        });
    </script>

    <script>
        $('#change-password').parsley();
        $('#change-password').on('submit', function (event) {
            event.preventDefault();
            if($('#change-password').parsley().isValid()){
                $.ajax({
                    url: 'change-admin-password.php',
                    method: 'POST',
                    data: new FormData(this),
                    contentType: false,
                    cache: false,
                    processData: false,
                    beforeSend: function () {
                        $('#submit').attr('disabled', 'disabled');
                        $('#submit').val('Updating password, pls wait.....');
                    },
                    success: function (data) {
                        $('#change-password').parsley().reset();
                        $('#submit').attr('disabled', false);
                        $('#submit').val('Submit');
                        $('#success-msg').html(data);
                    }
                });
            }

        });
    </script>

    <?php
  }else{
      ?>
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, shrink-to-fit=no">
        <title>Login to continue |  <?php echo $school_name; ?> </title>

        <?php include 'includes/styles.php'; ?>

        <!-- END PAGE LEVEL PLUGINS/CUSTOM STYLES -->

    </head>
    <body>
    <div class="container" style="margin-top: 20%;">
        <div class="row">
            <div class="col-lg-12 col-md-12">
                <div class="section-title text-center">
                    <h6> You need to login to continue </h6>
                    <div class="spinner-border text-info" role="status">
                        <span class="sr-only">Loading...</span>
                        <meta http-equiv='refresh' content='3; <?php echo $link; ?>'>
                    </div>
                    <p>Redirecting to the login  page...</p>
                </div>
            </div>
        </div>
    </div>

    <?php
    }

  ?>
