Recruitment-HC/test2.php

<?php include 'includes/session.php'; ?>
<?php 
   include '../timezone.php';
  $range_to = date('m/d/Y');
  $range_from = date('m/d/Y', strtotime('-30 day', strtotime($range_to)));
  $today = date('Y-m-d');
  $year = date('Y');
  if(isset($_GET['year'])){
    $year = $_GET['year'];
  }
?>
<?php include 'includes/header.php'; ?>
<style>


.float{
	position:fixed;
	width:200px;
	height:70px;
	bottom:30px;
	right:30px;
	background-color:#858585;
	color:#FFF;
	border-radius:0px;
	text-align:center;
	box-shadow: 2px 2px 3px #999;
}

.my-float{
	margin-top:22px;
}
</style>
<body class="hold-transition sidebar-mini sidebar-collapse text-sm">
<div class="wrapper">

  	<?php include 'includes/navbar.php'; ?>
  	<?php include 'includes/menubar1.php';?>

  <!-- Content Wrapper. Contains page content -->
  <div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
      <h1>
        Recruitment Test
      </h1>
      
    </section>

    <!-- Main content -->
    <section class="content">
      <?php
        if(isset($_SESSION['error'])){
          echo "
            <div class='alert alert-danger alert-dismissible'>
              <button type='button' class='close' data-dismiss='alert' aria-hidden='true'>&times;</button>
              <h5><i class='icon fa fa-warning'></i> Error!</h5>
              ".$_SESSION['error']."
            </div>
          ";
          unset($_SESSION['error']);
        }
        if(isset($_SESSION['success'])){
          echo "
            <div class='alert alert-success alert-dismissible'>
              <button type='button' class='close' data-dismiss='alert' aria-hidden='true'>&times;</button>
              <h5><i class='icon fa fa-check'></i> Success!</h5>
              ".$_SESSION['success']."
            </div>
          ";
          unset($_SESSION['success']);
        }
      ?>
      <!-- Small boxes (Stat box) -->
<div class="container-fluid">      
<div class="row">
	<div class="col-lg-12" >
	<div class="card card-outline card-primary">
    <div class="card-header with-border">
        <font size="4"><i class="fab fa-leanpub"></i><b> B. Sinonim & Antonim - 5 Menit</b></font>
        
        </div>
    	<div class="card-body" <?php if ($user['level']>='2') { ?> style="display:none;" <?php } ?>>
					
            <form class="form-horizontal" method="POST" action="test1_add.php">
            <input type="hidden" class="empid" name="idkar" value=''>
		    <input type="hidden" name="id_div" value="<?php echo $row['id_divisi'];?>">
		    
		    <div class="row">
		        
		            
            		<div class="col-lg-6 col-xs-12">
                        <label class="h6">Sinonim</label><br>
                    <?php 
                    $no_urut = 0;
                    $sql="SELECT * FROM in_soal WHERE kat='2' ORDER BY RAND()
                         LIMIT 10";
                    $que=$conn->query($sql);
                    while ($data=$que->fetch_assoc()) {
                        $no_urut++;
                    ?>
                    <label>
                    <?=$no_urut?>. &nbsp&nbsp
                    <?=$data['soal'].' '.$data['soal1']?> &nbsp&nbsp
                    </label>
                    <input type="hidden" name="dataid[]" value="<?=$data['id']?>">
                    <input type="text" class="form-control" name="jawab[]" placeholder="isi jawaban disini.."><br>
                    <?php
                    }
                    ?>
                    </div>
            		
            		
            		
            		<div class="col-lg-6 col-xs-12">
                        <label class="h6">Antonim</label><br>
                    <?php 
                    $no_urut = 0;
                    $sql="SELECT * FROM in_soal WHERE kat='3' ORDER BY RAND()
                         LIMIT 10";
                    $que=$conn->query($sql);
                    while ($data=$que->fetch_assoc()) {
                        $no_urut++;
                    ?>
                    <label>
                    <?=$no_urut?>. &nbsp&nbsp
                    <?=$data['soal'].' '.$data['soal1']?> &nbsp&nbsp
                    </label>
                    <input type="hidden" name="dataid[]" value="<?=$data['id']?>">
                    <input type="text" class="form-control" name="jawab[]" placeholder="isi jawaban disini.."><br>
                    <?php
                    }
                    ?>
                    </div>
            		
		       
            </div>
            
		</div>
		
        <div class="modal-footer justify-content-between">
        
        <button type="submit" class="btn btn-success" name="submit" id="submit"><i class="fa fa-chevron-circle-right"></i> Submit</button>
        <button type="hidden" class="btn btn-seccondary" data-dismiss="modal"><i class="fa fa-close"></i></button>
        </form>
		</div>
		
    
	</div>
	</div>
	<?php
    date_default_timezone_set("Asia/Jakarta");
    $date = date_create(date('Y-m-d H:i:s'));
    date_add($date, date_interval_create_from_date_string('305 second'));
    date_format($date, 'Y-m-d H:i:s');
    ?>
    <div class="pull-right">
        
            <a href="#" class="float" data-toggle="tooltip" data-placement="left" title="Your time left">
            <i class="fa fa-clock my-float"></i> <p id="time"></p></a>
    </div>
        
	        
</section></div>
</div>
<?php include 'includes/footer.php'; ?>
</div>
<!-- Hapus -->

<?php include 'includes/scripts.php'; ?>
<script type="text/javascript">
function startTimer(duration, display) {
	var timer = duration;
	var minutes, seconds;
	var warning = 60;
	var ok=false;
	var form=document.forms.exam;
	
	var t=setInterval(function() {
		minutes = parseInt(timer / 60, 10);
		seconds = parseInt(timer % 60, 10);
		minutes = minutes < 10 ? "0" + minutes : minutes;
		seconds = seconds < 10 ? "0" + seconds : seconds;

		display.textContent = "SISA WAKTU ANDA - " +minutes + "m " + seconds +"d";
		
		if( timer <= warning && !ok ){
			alert('Sisa Waktu 1 menit lagi, periksa kembali jawaban anda!!!');
			ok=true;
		}

		if (--timer <= 0) {
			timer = duration;

			if( !isNaN( t ) )clearInterval( t );
			
			// submit the form...
			document.getElementById("submit").click();
		}
	}, 1000);
}

window.onload = function() {
	var examTime = 301 * 1;
	var display = document.querySelector('#time');
	startTimer(examTime, display);
};

$(document).ready(function() {
  $(window).keydown(function(event){
    if(event.keyCode == 13) {
      event.preventDefault();
      return false;
    }
  });
});
</script>

</body>

</html>