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


  <?php include 'includes/styles.php'; ?>
    <title>Edit Teacher |  <?php echo $school_name; ?> </title>
    <?php
    $module_name = 'Teacher';
    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 -->
  <?php 

    if(isset($_GET['teacher'])){
      $teacher_username = $_GET['teacher'];
      //select the teachers username from the database

      $sql = "SELECT * FROM teachers WHERE username =:username";
      $conn->query($sql);
      $conn->bind(":username", $teacher_username);
      $result = $conn->fetchSingle();
      $db_username = $result->username;
      if($teacher_username == $db_username){
        $teacher_name = $result->name;


    
  ?>
  <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">Editing <?php echo $teacher_name; ?></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"><a href="<?php echo $conn->base_url();?>teacher">All teachers</a></li>
              <li class="breadcrumb-item active"><?php echo $teacher_name; ?></li>
            </ol>
          </div><!-- /.col -->
        </div><!-- /.row -->
      </div><!-- /.container-fluid -->
    </div>
    <!-- /.content-header -->

    <!-- Main content -->
    <section class="content">
      <div class="container-fluid">
   
        <div class="row">
          <div class="col-md-8">
           <div class="card card-info">
              <div class="card-header">
                <h3 class="card-title">Editing teacher's data</h3>
              </div>
              <!-- /.card-header -->
              <!-- form start -->
              <form class="form-horizontal" method="post" id="teacher-edit">
                <div class="card-body">
                  <div class="form-group row">
                    <label for="name" class="col-sm-3 col-form-label">Teacher's name <span style="color: #f00;">*</span></label>
                    <div class="col-sm-9">
                      <input type="text" class="form-control" id="name" required data-parsley-trigger="keyup" name="name" value="<?php echo $teacher_name;  ?>">
                        <input type="hidden" name="old_teacher_name" value="<?php echo $teacher_name; ?>">
                    </div>
                  </div>

                   <div class="form-group row">
                    <label for="Designation" class="col-sm-3 col-form-label">Designation<span style="color: #f00;">*</span></label>
                    <div class="col-sm-9">
                        <input type="text" name="designation" class="form-control" required data-parsley-trigger="keyup" value="<?php echo $result->designation;  ?>">
                    </div>
                  </div>
                    <div class="form-group row">
                        <label for="db_group" class="col-sm-3 col-form-label">Gender</label>
                        <div class="col-sm-9">
                            <select name="gender" id="b_group" class="form-control">
                                <option value="<?php echo $result->gender;  ?>" selected><?php echo $result->gender;?></option>
                                <option value="male">male</option>
                                 <option value="female">female</option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="db_group" class="col-sm-3 col-form-label">Status</label>
                        <div class="col-sm-9">
                            <select name="status" id="status" class="form-control">
                                <?php
                                  if($result->status == 'on'){
                                      $active = 'active';
                                  }else{
                                      $active = 'inactive';
                                  }
                                ?>
                                <option value="<?php echo $result->status;  ?>" selected><?php echo $active;?></option>
                                <option value="on">active</option>
                                <option value="off">inactive</option>
                            </select>
                        </div>
                    </div>

                    <div class="form-group row">
                        <label for="religion" class="col-sm-3 col-form-label">Religion</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" id="religion" name="religion" value="<?php echo $result->religion;  ?>">
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="email" class="col-sm-3 col-form-label">Email<span style="color: #f00;">*</span></label>
                        <div class="col-sm-9">
                            <input type="email" class="form-control" id="email" required name="email"
                                   data-parsley-type="email" data-parsley-trigger="keyup" value="<?php echo $result->email;  ?>">
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="phone" class="col-sm-3 col-form-label">Phone</label>
                        <div class="col-sm-9">
                            <input type="tel" class="form-control" id="phone" name="phone" data-parsley-type='number'
                                   maxlength="11" data-parsley-length="[11,11]" data-parsley-trigger="keyup" pattern="\d{11}" value="<?php echo $result->phone;  ?>">
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="address" class="col-sm-3 col-form-label">Address</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" id="address" name="address" value="<?php echo $result->address;  ?>">
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="date" class="col-sm-3 col-form-label">Joining date<span style="color: #f00;">*</span></label>
                        <div class="col-sm-9">
                            <input type="date" class="form-control" id="date" name="joining_date" required data-parsley-trigger="keyup" value="<?php echo $result->joining_date;  ?>">
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="username" class="col-sm-3 col-form-label">Username <span style="color: #f00;">*</span></label>
                        <div class="col-sm-9" data-toggle='tooltip' title='Username cannot be changed'>
                            <input type="text" style="cursor: not-allowed;" class="form-control" id="username" required name="username" value="<?php echo $result->username;  ?>" readonly>
                        </div>
                    </div>

                    <div class="form-group row">
                        <label for="state" class="col-sm-3 col-form-label"></label>
                        <div class="col-sm-9">
                            <input type="submit" name="update_teacher" value="Update" class="btn btn-success" id="submit">
                        </div>
                    </div>

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

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

             <!-- start col-md-4 -->
            <div class="col-md-4">
           <div class="card card-info">
              <div class="card-header" style="background: #343a40;">
                <h3 class="card-title">Profile picture</h3>
              </div>

              <div>
                <?php 
                   if(empty($result->photo)){
                    ?>   <p style="text-align: center;"><img src="<?php echo $base_url; ?>images/default.png" alt="No image set"></p><?php

                   }else{
                    ?>  <p style="text-align: center;"><img src="<?php echo $base_url; ?>upload/<?php echo $result->photo; ?>" alt="<?php $result->photo; ?>" width='50%'></p><?php
                   }
                ?>
              </div>

              <form action="" method="post" enctype="multipart/form-data" id="change-photo">
                
                   <div class="form-group row">
                        <label for="photo" class="col-sm-8 offset-md-2 col-form-label">Change photo</label>
                        <div class="col-sm-8 offset-md-2">
                            <div class="input-group">
                                <div class="custom-file">
                                    <input type="file" class="custom-file-input" id="photo" name="new_photo">
                                    <label class="custom-file-label" for="photo">Choose photo</label>
                                </div>
                            </div>
                        </div>

                        <input type="hidden" name="username" value="<?php echo $result->username; ?>">

                    </div>

                     <div class="form-group row">
                        <label for="image" class="col-sm-3 col-form-label"></label>
                        <div class="col-sm-9">
                            <input type="submit" name="update_teacher" value="Update Image" class="btn btn-outline-info" id="submit2">
                        </div>
                    </div>
              </form>
             
                

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


          </div>
        <!--   end col-md-4 -->
        
 
        </div>


        <!-- /.row (main row) -->
      </div><!-- /.container-fluid -->
    </section>
    <!-- /.content -->
  </div>
  <!-- /.content-wrapper -->
<?php }else{
     //redirect back to the teachers page
    header("Location: ../teacher");
}

}else{
    //redirect back to the teachers page
    header("Location: teacher");

  }
 ?>


  <?php include "includes/footer.php";?>
    <script>
        $('#teacher-edit').parsley();
        $('#teacher-edit').on('submit', function (event) {
            event.preventDefault();
            if($('#teacher-edit').parsley().isValid()){
                $.ajax({
                    url: '../process-edit-teacher.php',
                    method: 'POST',
                    data: new FormData(this),
                    contentType: false,
                    cache: false,
                    processData: false,
                    beforeSend: function () {
                        $('#submit').attr('disabled', 'disabled');
                        $('#submit').val('Saving details, pls wait.....');
                    },
                    success: function (data) {
                        $('#teacher-edit').parsley().reset();
                        $('#submit').attr('disabled', false);
                        $('#submit').val('Submit');
                        $('#success-msg').html(data);
                    }
                });
            }

        });
    </script>

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

        });
    </script>

    <script>
      
      
    </script>

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

  ?>
