<?php 
 
include('../dbconnect.php');
include('../phps.php');
ob_start();
session_start();

if( !isset($_SESSION['user']) ) {
 header("Location: ../index.php");
 exit;
}
$cto = 'active';
$add_cto = 'active';


?>
<!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, shrink-to-fit=no">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>EMS</title>

    <!-- Bootstrap core CSS-->
    <link href="../vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom fonts for this template-->
    <link href="../vendor/fontawesome-free/css/all.min.css" rel="stylesheet" type="text/css">

    <!-- Page level plugin CSS-->
    <link href="../vendor/datatables/dataTables.bootstrap4.css" rel="stylesheet">

    <!-- Custom styles for this template-->
        <link href="../css/sb-admin.css" rel="stylesheet">
    <link href="../css/style.css" rel="stylesheet">

    <link rel="icon" href="../images/logo.jpg" type="image/gif" sizes="16x16">

  </head>

   <body id="page-top">
	<div id="preloader">
   		<img src="../images/loaderS.gif" alt="processing..." height="150px" width="200px"/>
	</div>

  <div id="pageloader">
   <img src="../images/loaderS.gif" alt="processing..." height="150px" width="200px"/>
</div>


    <?php include('uppernav.php')?>
  

      <!-- Sidebar -->
      
      <?php 
        $cto = 'active';
        $add_cto = 'active';
      include('sidebar.php');
      ?>
      <div id="content-wrapper">

        <div class="container-fluid">

          <!-- Breadcrumbs-->
          <ol class="breadcrumb">
            <li class="breadcrumb-item">
              <a href="team.php">CTO</a>
            </li>
          </ol>
          <div class="row">
            <div class="col-lg-12 form-inline">
                <form method="POST" action="ctoadd.php">
                  <b>&nbspDate : </b> <input type="date" name="date" id="date" class="form-control" required>
                  <b>&nbspHoliday Name : </b> <input type="text" name="holiday_name" id="holiday_name" class="form-control" placeholder="Holiday Name"required>
                  <b>&nbspHoliday Type :</b>  <select name="type" id="type" class="form-control" required>
                        <option value="Regular">Regular</option>
                        <option value="Special"> Special </option>
                    </select>
                    <b> &nbspMarvin : </b> 
                    <select name="marvin" id="marvin" class="form-control" required>
                        <option value="Yes">Yes</option>
                        <option value="No"> No </option>
                    </select>
                    <b> &nbsp Yves : </b> 
                    <select name="yves" id="yves" class="form-control" required>
                        <option value="Yes">Yes</option>
                        <option value="No"> No </option>
                    </select>
                    &nbsp &nbsp <button class="btn btn-success" name="addCto"type="submit">Add</button>
                </form>
            </div>
            <div class="col-lg-12 pt-3">
                <table class="table" id="ctoTbl">
                    <thead class="thead-dark text-white">
                        <th>Date</th>
                        <th>Holiday Name</th>
                        <th>Holiday Type</th>
                        <th>Marvin</th>
                        <th>Yves</th>
                        <th>Action</th>
                    </thead>
                    <tbody>
                        <?php 
                        $tbl_data =1;
                        include('ctoadd.php');

                        ?>
                        
                    </tbody>
                </table>
            </div>

          </div>
         
        
        </div>


          <!-- Icon Cards-->
      
        <!-- /.container-fluid -->

        <!-- Sticky Footer -->


      </div>
      <!-- /.content-wrapper -->

    </div>
    <!-- /#wrapper -->

    <!-- Scroll to Top Button-->
    <a class="scroll-to-top rounded" href="#page-top">
      <i class="fas fa-angle-up"></i>
    </a>

    <!-- Logout Modal-->
    <div class="modal fade" id="logoutModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
      <div class="modal-dialog" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <h5 class="modal-title" id="exampleModalLabel">Ready to Leave?</h5>
            <button class="close" type="button" data-dismiss="modal" aria-label="Close">
              <span aria-hidden="true">×</span>
            </button>
          </div>
          <div class="modal-body">Select "Logout" below if you are ready to end your current session.</div>
          <div class="modal-footer">
            <button class="btn btn-secondary" type="button" data-dismiss="modal">Cancel</button>
            <a class="btn btn-primary" href="login.html">Logout</a>
          </div>
        </div>
      </div>
    </div>

    <!-- Bootstrap core JavaScript-->
    <script src="../vendor/jquery/jquery.min.js"></script>
    <script src="../vendor/bootstrap/js/bootstrap.bundle.min.js"></script>

    <!-- Core plugin JavaScript-->
    <script src="../vendor/jquery-easing/jquery.easing.min.js"></script>

    <!-- Page level plugin JavaScript-->
    <script src="../vendor/chart.js/Chart.min.js"></script>
    <script src="../vendor/datatables/jquery.dataTables.js"></script>
    <script src="../vendor/datatables/dataTables.bootstrap4.js"></script>

    <!-- Custom scripts for all pages-->
    <script src="../js/sb-admin.min.js"></script>

    <!-- Demo scripts for this page-->
    <script src="../js/demo/datatables-demo.js"></script>
    <script src="../js/demo/chart-area-demo.js"></script>

   
     <script type="text/javascript">
      $('form input').keydown(function (e) {
      if (e.keyCode == 13) {
        e.preventDefault();
        return false;
       }
      });
    </script> 
 

    <script language="javascript" type="text/javascript">
    $(document).ready(function(){
    $('#ctoTbl').DataTable({stateSave: true});
    /*
    $('.deleteCTO').click(function(){
       // alert('delete');
        var id = $(this).attr("id");
        $.ajax({
            type: "POST",
            url: "ctoadd.php",
            data: {
                "delCTO" : 1,
                "id" : id
            },
      
            success: function (response) {
               // alert('successfully deleted');
                window.location.href= 'cto.php';
                
            }
        });
        
    });*/
 
    
     $(document).on('click','.deleteCTO' ,function(){
         var id = $(this).attr("id");
        $.ajax({
            type: "POST",
            url: "ctoadd.php",
            data: {
                "delCTO" : 1,
                "id" : id
            },
      
            success: function (response) {
               // alert('successfully deleted');
                window.location.href= 'cto.php';
                
            }
        });
         
     });
        
    
    $("form").on("submit", function(){
        $("#pageloader").fadeIn();
    });//submit

        $('#preloader').fadeOut();
    });//document ready



</script>
</body>

</html>

