File: /home/klungadmin/domains/klungbaan.com/private_html/bureau/index.php
<!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">
<meta name="description" content="">
<meta name="author" content="">
<meta charset="utf-8">
<title>งานมหกรรมบ้านดี</title>
<link rel="icon" href="img/baan-d_logo.png">
<!-- Bootstrap Core CSS -->
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- MetisMenu CSS -->
<link href="vendor/metisMenu/metisMenu.min.css" rel="stylesheet">
<!-- Custom CSS -->
<link href="dist/css/sb-admin-2.css" rel="stylesheet">
<!-- Morris Charts CSS -->
<link href="vendor/morrisjs/morris.css" rel="stylesheet">
<!-- Custom Fonts -->
<link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href="css/mdb.min.css" rel="stylesheet">
<!-- Your custom styles (optional) -->
<link href="css/style.css" rel="stylesheet">
<link href="assets/css/custom.css" rel="stylesheet" />
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<!--GA-->
<script async src="https://www.googletagmanager.com/gtag/js?id=GTM-NJT2DNL"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments)};
gtag('js', new Date());
gtag('config', 'GTM-T72RNX6');
</script>
<!--GA-->
<style type="text/css">
.centerd{
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
</style>
</head>
<?php require "connect.php";
?>
<body>
<div id="wrapper">
<!-- Navigation -->
<nav class="navbar navbar-default navbar-static-top" role="navigation" style="margin-bottom: 0;position:fixed">
<div class="navbar-header" style="height: 100px">
<div class="col-lg-2"></div>
<div class="col-lg-10">
<a class="navbar-brand" href="index.php">
<img src="img/baan-d_logo.png" width="100" /></a>
</div>
</div>
</nav>
<div class="row">
<div class="col-lg-2"></div>
<div class="col-lg-8">
<div id="page-wrapper">
<div class="row">
<div class="col-lg-12">
<h2 class="page-header">ลงทะเบียนออนไลน์ล่วงหน้า <i>เพื่อรับสิทธิ์เช็คเครดิตบูโร ฟรี</i> ภายในงานมหกรรมบ้านดี</h2>
</div>
<!-- /.col-lg-12 -->
</div>
<!-- /.row -->
<?php
date_default_timezone_set("Asia/Bangkok");
$now=date("Y-m-d h:i");
$sqlevent="SELECT * FROM tb_event WHERE date_start <='$now' AND date_end >='$now'";
$quaryevent=mysqli_query($conn ,$sqlevent);
$count=mysqli_num_rows($quaryevent);
?>
<?php
if($count ==0){?>
<div class="centerd">
<h1 style="color: #cc3300;">ไม่มีงานมหกรรมในระยะเวลานี้</h1>
</div>
<div class="row">
<div class="col-md-6">
<a href="" data-toggle="modal" data-target="#modalLoginForm" style="font-size: 12px;">ตรวจสอบอนุมัติ</a>
</div>
</div>
<?php } else{ ?>
<div class="row">
<!-- /.panel-heading -->
<div class="panel-body">
<ul class="timeline">
<?php
$class="";
while( $row=mysqli_fetch_assoc($quaryevent)){
if($row['event_id'] % 2 !=0){
$class="timeline-inverted";
?>
<li class="<?php echo $class ?>">
<?php }else{ $class=""; } ?>
<li class="<?php echo $class ?>">
<div class="timeline-badge success">
<i class="fa fa-calendar"></i>
</div>
<div class="timeline-panel">
<div class="timeline-heading">
<h4 class="timeline-title">
<a href="register.php?event_id=<?php echo $row['event_id'] ;?>&county=<?php echo $row['event_province'] ;?>" disabled><?php echo $row['event_name'] ;?> <span style="color: red;">คลิ๊ก!</span></a></h4>
<p>
<small class="text-muted" style="color:green;font-weight:bold; font-size:14px;">
<i class="fa fa-clock-o"></i>
<?php $start = new DateTime($row['date_start']);
echo "วันนี้";?>
ถึง <?php $end = new DateTime($row['date_end']); echo $end->format('d-m-Y')."";?>
</small>
</p>
</div>
<div class="timeline-body">
<p><?php echo $row['event_location'] ;?></p>
</div>
</div>
</li>
<?php }?>
</ul>
</div>
<!-- /.panel -->
</div>
<!-- /.col-lg-8 -->
<!-- /.col-lg-4 -->
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<a href="" data-toggle="modal" data-target="#modalLoginForm" style="font-size: 12px;">ตรวจสอบอนุมัติ</a>
</div>
</div>
<!-- /#wrapper -->
<?php } ?>
<div class="modal fade" id="modalLoginForm" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header text-center">
<h4 class="modal-title w-100 font-weight-bold">เข้าสู่ระบบ</h4>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<form method="post" action="backend/chklogin.php">
<div class="modal-body mx-3">
<div class="md-form mb-5">
<i class="fa fa-user prefix grey-text"></i>
<input type="text" name="user" class="form-control validate" placeholder="Username" required />
<label data-error="wrong" for="defaultForm-Username">Username</label>
</div>
<div class="md-form mb-4">
<i class="fa fa-lock prefix grey-text"></i>
<input type="password" name="pass" class="form-control validate" placeholder="Password" required />
<label data-error="wrong" for="defaultForm-pass">Password</label>
</div>
</div>
<div class="modal-footer d-flex justify-content-center">
<button type="submit" class="btn btn-default">Sign In</button>
</div>
</form>
</div>
</div>
</div>
<!-- jQuery -->
<script src="vendor/jquery/jquery.min.js"></script>
<!-- Bootstrap Core JavaScript -->
<script src="vendor/bootstrap/js/bootstrap.min.js"></script>
<!-- Metis Menu Plugin JavaScript -->
<script src="vendor/metisMenu/metisMenu.min.js"></script>
<!-- Morris Charts JavaScript -->
<script src="vendor/raphael/raphael.min.js"></script>
<script src="vendor/morrisjs/morris.min.js"></script>
<script src="data/morris-data.js"></script>
<!-- Custom Theme JavaScript -->
<script src="dist/js/sb-admin-2.js"></script>
<script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
<!-- Bootstrap tooltips -->
<script type="text/javascript" src="js/popper.min.js"></script>
<!-- Bootstrap core JavaScript -->
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<!-- MDB core JavaScript -->
<script type="text/javascript" src="js/mdb.min.js"></script>
<script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
<!-- Bootstrap tooltips -->
<script type="text/javascript" src="js/popper.min.js"></script>
<!-- Bootstrap core JavaScript -->
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<!-- MDB core JavaScript -->
<script type="text/javascript" src="js/mdb.min.js"></script>
<?php require "connect_close.php" ?>
</body>
</html>