 
<?php  
include ('../includes/connection.php');   
if (isset($_POST['ADD'])){
$user_name = $_POST['user_name']; 
$class_id = $_POST['class_id'];
$user_contact_no = $_POST['user_contact_no'];
$user_email = $_POST['user_email'];  
$user_type = $_POST['user_type']; 
$gender = $_POST['gender']; 
$user_profile = $_POST['user_profile']; 
$sub_id = $_POST['sub_id'];
$password =md5($_POST['user_password']); 
$teacher_roll_no = $_POST['teacher_roll_no'];  

$student= mysqli_query($conn,"SELECT teacher_roll_no FROM teacher_srms WHERE teacher_roll_no='$teacher_roll_no' ")or die(mysqli_error());
$row1 = mysqli_fetch_array($student);
$check=$row1['teacher_roll_no'];
if ($check!=$teacher_roll_no) {
$query=mysqli_query($conn,"INSERT INTO `teacher_srms`(`user_email`, `user_type`, `teacher_roll_no`, `gender`, `user_password`, `user_contact_no`, `class_id`, `sub_id`,`user_profile`, `user_name`) VALUES('$user_email','$user_type','$teacher_roll_no','$gender','$password','$user_contact_no','$class_id','$sub_id','$user_profile','$user_name')");
  
  if($query){ 
         ?>
         <script type="text/javascript">
             alert("Teacher Success Fully Added");
         </script>
        <?php  
      }  
      else{
        ?>  
        <script type="text/javascript">
         alert("Sorry Teacher Failed to add Try Again !!");
        </script>
        <?php
    }
  } 
  } 
?>
 
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/jpg" href="../assets/img/mzumbe1.jpg">
  <title>SARMS | SIKIRARI ACADEMIC RESURT MANAGEMENT SYSTEM</title> 
  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback">
  <!-- Font Awesome -->
  <link rel="stylesheet" href="../stp_con/fontawesome-free/css/all.min.css">
  <!-- daterange picker -->
  <link rel="stylesheet" href="../stp_con/daterangepicker/daterangepicker.css">
  <!-- iCheck for checkboxes and radio inputs -->
  <link rel="stylesheet" href="../stp_con/icheck-bootstrap/icheck-bootstrap.min.css">
  <!-- Bootstrap Color Picker -->
  <link rel="stylesheet" href="../stp_con/bootstrap-colorpicker/css/bootstrap-colorpicker.min.css">
  <!-- Tempusdominus Bootstrap 4 -->
  <link rel="stylesheet" href="../stp_con/tempusdominus-bootstrap-4/css/tempusdominus-bootstrap-4.min.css">
  <!-- Select2 -->
  <link rel="stylesheet" href="../stp_con/select2/css/select2.min.css">
  <link rel="stylesheet" href="stp_con/select2-bootstrap4-theme/select2-bootstrap4.min.css">
  <!-- Bootstrap4 Duallistbox -->
  <link rel="stylesheet" href="../stp_con/bootstrap4-duallistbox/bootstrap-duallistbox.min.css">
  <!-- BS Stepper -->
  <link rel="stylesheet" href="../stp_con/bs-stepper/css/bs-stepper.min.css">
  <!-- dropzonejs -->
  <link rel="stylesheet" href="../stp_con/dropzone/min/dropzone.min.css">
  <!-- Theme style -->
  <link rel="stylesheet" href="../assets/css/adminlte.min.css">
   <link rel="stylesheet" type="text/css" href="../stp_con/parsley/parsley.css"/>
</head>
<body class="hold-transition sidebar-mini layout-fixed top-nav">
<!-- Site wrapper -->
<div class="wrapper"> 
  <!-- Content Wrapper. Contains page content -->
  <div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
      <div class="container-fluid">
        <div class="row mb-2">
          <div class="col-sm-6">
            <h5><strong>Add Teacher</strong></h5>
          </div>
          <div class="col-sm-6">
            <ol class="breadcrumb float-sm-right">
              <li class="breadcrumb-item"><a href="#">Home</a></li>
              <li class="breadcrumb-item"><a href="#">USER MANAGEMENT</a></li>
              <li class="breadcrumb-item active">Teacher</li>
            </ol>
          </div>
        </div>
      </div><!-- /.container-fluid -->
    </section>

   <!-- Main content -->
    <section class="content">
      <div class="container-fluid">
        <div class="row"> 
          <!-- /.col -->
          <div class="col-md-12">
            <div class="card"> 
              <!-- /.card-header --> 
              <div class="card-body"> 
                <div class="tab-content">
                   <!-- /.tab-pane -->
                  <div class="active tab-pane" id="timeline">
                   <div class="card card-default">
                    <div class="card-header">
                      <h3 class="card-title">Add Teacher Detail</h3> 
                      <div class="card-tools">
                        <button type="button" class="btn btn-tool" data-card-widget="collapse">
                          <i class="fas fa-minus"></i>
                        </button> 
                      </div>
                    </div>
                    <form id="login_form" action="" method="post" enctype="multipart/form-data">  
                    <div class="card-body">
                      <div class="row">
                         <div class="col-sm-4">
                          <div class="form-group">
                            <label>TEACHER REG NO:<span style="color: red;">*</span></label>
                            <input type="text" name="teacher_roll_no" id="teacher_roll_no" class="form-control" required placeholder="Enter Teacher Reg Number...." data-parsley-trigger="keyup" />
                          </div>
                        </div> 
                        <div class="col-sm-4">
                          <div class="form-group">
                             <label>Teacher Name <span class="text-danger">*</span></label> 
                                <input type="text" name="user_name"  placeholder="Enter your Teacher name" class="form-control" required data-parsley-pattern="/^[a-zA-Z\s]+$/" data-parsley-maxlength="150" data-parsley-trigger="keyup" /> 
                           </div>
                         </div> 
                          <div class="col-sm-4">
                          <div class="form-group">
                            <label>Gender<span style="color: red;">*</span></label>
                            <div class="select2-purple"> 
                              <select class="form-control select2" name="gender" data-dropdown-css-class="Select a Gender" style="width: 100%;" required>  
                              <option value="Male">Male</option>
                              <option value="Female">Female</option>
                            </select>
                            </div> 
                          </div>
                        </div>
                        </div>
                         <div class="row"> 
                         <div class="col-sm-6">
                            <div class="form-group">
                              <label>Teacher Class<span style="color: red;">*</span></label>                            
                             <div class="select2-purple"> 
                              <?php  
                              $query = "SELECT * FROM class_srms ORDER BY class_name ASC"; 
                              $result = $conn->query($query);      
                               ?> 
                             <select name="class_id" id="class_id" class="form-control select2" data-placeholder="Select a class"  style="width: 100%;" required> 
                              <option>Select a Class</option>
                                <?php 
                              if($result->num_rows > 0){ 
                                  while($row = $result->fetch_assoc()){  
                                      echo '<option value="'.$row['class_id'].'">'.$row['class_name'].'</option>'; 
                                  } 
                              }else{ 
                                  echo '<option value="">Class not available</option>'; 
                              } 
                              ?>
                            </select>
                           </div>
                          </div>
                        </div> 
                         <div class="col-sm-6">
                           <div class="form-group">
                              <label>Subject Name<span style="color: red;">*</span></label>
                              <div class="select2-purple"> 
                              <?php  
                              $i = 1;
                                $query = "SELECT * FROM general_subject ORDER BY subject_name ASC"; 
                                $result = $conn->query($query);         
                                 ?> 

                                <select name="sub_id" class="form-control select2" data-dropdown-css-class="Select a Student" style="width: 100%;" required>
                                    <option>Select Subject</option>
                                    <?php 
                                    if($result->num_rows > 0){
                                     
                                        while($row = $result->fetch_assoc()){  
                                            echo '<option value="'.$row['sub_id'].'">'.$i++.' | '.$row['subject_name'].'</option>';

                                        }
                                       
                                    }else{ 
                                        echo '<option value="">Subject not available</option>'; 
                                    } 
                                  ?>
                              </select>
                            </div>
                          </div> 
                         </div> 
                        <input type="hidden" name="user_password" value="TE12345678">  
                        </div>
                        <!-- /.col -->
                        <div class="row">  
                          <div class="col-sm-4">
                          <div class="form-group">
                            <label>Category <span style="color: red;">*</span></label>
                            <div class="select2-purple"> 
                              <select class="form-control select2" name="user_type" data-dropdown-css-class="Select a Program" style="width: 100%;" required> 
                               <option>Select a Category</option> 
                              <option value="Academic Master">Academic Master</option>
                              <option value="Teacher">Teacher</option>
                              <option value="Head Master">Head Master</option>
                              <option value="Displine Master">Displine Master</option> 
                            </select>
                            </div> 
                          </div>
                        </div>
                        <div class="col-sm-4">
                          <div class="form-group">
                            <label>Teacher Contact No.<span style="color: red;">*</span></label>
                           <input type="text" name="user_contact_no" id="user_contact_no" class="form-control" required data-parsley-type="integer" data-parsley-minlength="10" data-parsley-maxlength="12" data-parsley-trigger="keyup" placeholder="Enter Phone Number" />
                          </div>
                        </div> 
                        <div class="col-sm-4">
                          <div class="form-group">
                            <label>Teacher Email <span style="color: red;">*</span></label>
                            <input type="text" name="user_email" id="user_email" class="form-control" required data-parsley-type="email" data-parsley-maxlength="150" data-parsley-trigger="keyup" placeholder="Enter Teacher Email" />
                          </div>
                        </div>
                           
                        <input name="user_profile"  id="fileInput" type="hidden" value="assets/img/face-0.jpg">  
                          <!-- /.form-group -->
                        </div>  
                      <div class="modal-footer"> 
                         <a class="btn btn-secondary" href="admin.php?page=teacher"><< Back </a>
                          <button type="submit" class="btn btn-primary" name="ADD">+ ADD </button>
                      </div>
                      <!-- /.row -->
                    </div> 
                  </form>
                  </div>
                  </div>
                  
                  <!-- /.tab-pane -->
                </div>
                <!-- /.tab-content -->
              </div><!-- /.card-body -->
            </div>
            <!-- /.card -->
          </div>
          <!-- /.col -->
        </div>
        <!-- /.row -->
      </div><!-- /.container-fluid -->
    </section>
    <!-- /.content -->
  </div>
  <!-- /.content-wrapper -->

   
<!-- ./wrapper -->
<script src="../stp_con/jquery.min.js"></script>
<script src="../stp_con/jquery/jquery.min.js"></script>
<!-- Bootstrap 4 -->
<script src="../stp_con/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- Select2 -->
<script src="../stp_con/select2/js/select2.full.min.js"></script>
<!-- Bootstrap4 Duallistbox -->
<script src="../stp_con/bootstrap4-duallistbox/jquery.bootstrap-duallistbox.min.js"></script>
<!-- InputMask -->
<script src="../stp_con/moment/moment.min.js"></script>
<script src="stp_con/inputmask/jquery.inputmask.min.js"></script>
<!-- date-range-picker -->
<script src="../stp_con/daterangepicker/daterangepicker.js"></script>
<!-- bootstrap color picker -->
<script src="../stp_con/bootstrap-colorpicker/js/bootstrap-colorpicker.min.js"></script>
<!-- Tempusdominus Bootstrap 4 -->
<script src="../stp_con/tempusdominus-bootstrap-4/js/tempusdominus-bootstrap-4.min.js"></script>
<!-- BS-Stepper -->
<script src="../stp_con/bs-stepper/js/bs-stepper.min.js"></script>
<!-- dropzonejs -->
<script src="../stp_con/dropzone/min/dropzone.min.js"></script>
<!-- AdminLTE App -->
<script src="../assets/js/adminlte.min.js"></script>
<script type="text/javascript" src="../stp_con/parsley/dist/parsley.min.js"></script>
<script>
  $(function () {
    //Initialize Select2 Elements
    $('.select2').select2()

    //Initialize Select2 Elements
    $('.select2bs4').select2({
      theme: 'bootstrap4'
    })

    //Datemask dd/mm/yyyy
    $('#datemask').inputmask('dd/mm/yyyy', { 'placeholder': 'dd/mm/yyyy' })
    //Datemask2 mm/dd/yyyy
    $('#datemask2').inputmask('mm/dd/yyyy', { 'placeholder': 'mm/dd/yyyy' })
    //Money Euro
    $('[data-mask]').inputmask()

    //Date picker
    $('#reservationdate').datetimepicker({
        format: 'L'
    }); 
    //Date range picker
    $('#reservation').daterangepicker()
    //Date range picker with time picker
    $('#reservationtime').daterangepicker({
      timePicker: true,
      timePickerIncrement: 30,
      locale: {
        format: 'MM/DD/YYYY hh:mm A'
      }
    })
    //Date range as a button
    $('#daterange-btn').daterangepicker(
      {
        ranges   : {
          'Today'       : [moment(), moment()],
          'Yesterday'   : [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
          'Last 7 Days' : [moment().subtract(6, 'days'), moment()],
          'Last 30 Days': [moment().subtract(29, 'days'), moment()],
          'This Month'  : [moment().startOf('month'), moment().endOf('month')],
          'Last Month'  : [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
        },
        startDate: moment().subtract(29, 'days'),
        endDate  : moment()
      },
      function (start, end) {
        $('#reportrange span').html(start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM D, YYYY'))
      }
    )

    //Timepicker
    $('#timepicker').datetimepicker({
      format: 'LT'
    })

    //Bootstrap Duallistbox
    $('.duallistbox').bootstrapDualListbox()

    //Colorpicker
    $('.my-colorpicker1').colorpicker()
    //color picker with addon
    $('.my-colorpicker2').colorpicker()

    $('.my-colorpicker2').on('colorpickerChange', function(event) {
      $('.my-colorpicker2 .fa-square').css('color', event.color.toString());
    })
  })
  // BS-Stepper Init
  document.addEventListener('DOMContentLoaded', function () {
    window.stepper = new Stepper(document.querySelector('.bs-stepper'))
  })

  // DropzoneJS Demo Code Start
  Dropzone.autoDiscover = false

  // Get the template HTML and remove it from the doumenthe template HTML and remove it from the doument
  var previewNode = document.querySelector("#template")
  previewNode.id = ""
  var previewTemplate = previewNode.parentNode.innerHTML
  previewNode.parentNode.removeChild(previewNode)

  var myDropzone = new Dropzone(document.body, { // Make the whole body a dropzone
    url: "/target-url", // Set the url
    thumbnailWidth: 80,
    thumbnailHeight: 80,
    parallelUploads: 20,
    previewTemplate: previewTemplate,
    autoQueue: false, // Make sure the files aren't queued until manually added
    previewsContainer: "#previews", // Define the container to display the previews
    clickable: ".fileinput-button" // Define the element that should be used as click trigger to select files.
  })

  myDropzone.on("addedfile", function(file) {
    // Hookup the start button
    file.previewElement.querySelector(".start").onclick = function() { myDropzone.enqueueFile(file) }
  })

  // Update the total progress bar
  myDropzone.on("totaluploadprogress", function(progress) {
    document.querySelector("#total-progress .progress-bar").style.width = progress + "%"
  })

  myDropzone.on("sending", function(file) {
    // Show the total progress bar when upload starts
    document.querySelector("#total-progress").style.opacity = "1"
    // And disable the start button
    file.previewElement.querySelector(".start").setAttribute("disabled", "disabled")
  })

  // Hide the total progress bar when nothing's uploading anymore
  myDropzone.on("queuecomplete", function(progress) {
    document.querySelector("#total-progress").style.opacity = "0"
  })

  // Setup the buttons for all transfers
  // The "add files" button doesn't need to be setup because the config
  // `clickable` has already been specified.
  document.querySelector("#actions .start").onclick = function() {
    myDropzone.enqueueFiles(myDropzone.getFilesWithStatus(Dropzone.ADDED))
  }
  document.querySelector("#actions .cancel").onclick = function() {
    myDropzone.removeAllFiles(true)
  }
   $('.toastrDefaultSuccess').click(function() {
      toastr.success('Lorem ipsum dolor sit amet, consetetur sadipscing elitr.')
    });
  // DropzoneJS Demo Code End
</script>
  <script>

$(document).ready(function(){

    $('#login_form').parsley();
 
});

</script>
 

 
