<?php
include('includes/session.php');
include('includes/config.php');
date_default_timezone_set('Asia/Kolkata'); 
?>

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="Dashboard">
    <meta name="keyword" content="Dashboard, Bootstrap, Admin, Template, Theme, Responsive, Fluid, Retina">

    <title>AVIT | User Register Complaint</title>

    <!-- Bootstrap core CSS -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
    <link href="assets/css/bootstrap.css" rel="stylesheet">
    <link href="assets/css/style.css" rel="stylesheet">
    <link href="assets/css/nav.css" rel="stylesheet">
    <!--external css-->
    <link href="assets/font-awesome/css/font-awesome.css" rel="stylesheet" />
    <link rel="stylesheet" type="text/css" href="assets/js/bootstrap-datepicker/css/datepicker.css" />
    <link rel="stylesheet" type="text/css" href="assets/js/bootstrap-daterangepicker/daterangepicker.css" />
    <link href="assets/css/style.css" rel="stylesheet">
    <link href="assets/css/style-responsive.css" rel="stylesheet">
    <script>
	$(function() {
    $("#btn").click(function() {
        var name = $("#name").val();
		var designation = $("#designation").val();
		var department = $("#department").val();
		var eventname = $("#eventname").val();
		var eventdate = $("#eventdate").val();
		var eventtime = $("#eventtime").val();
		var details = $("#details").val();
		var rdate = $("#rdate").val();
if(name=='' || designation=='' || department=='' || eventname=='' || eventdate=='' || eventtime=='' || details=='' || rdate=='')
{
alert("Please Fill All Fields");
}
		else{
        alert('Successfully Registered. Download on Process'); // this is calling
  		setTimeout(function() {
			$("#form")[0].reset();}, 3000);
		}
    });
});
	</script>
  </head>

  <body>

  <section id="container" >
     <?php include("includes/header.php");?>
      <?php include("includes/sidebar.php");?>
      <section id="main-content">
          <section class="wrapper">
          	<h3 align="center"> Event Approval Form</h3>
          	
          	<!-- BASIC FORM ELEMENTS -->
          	<div class="row mt">
          		<div class="col-lg-12">
                  <div class="form-panel">
                  	<div class="col-sm-12">
					  <h5 style="text-align:justify; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; color:#ff6347;"><strong>
Note: An asterisk (✱) indicates a required field. On submission, mandatory fields which are empty / Fields with Invalid values are highlighted in red</strong><br/><br/></h5>
                      </div>

                      <form class="form-horizontal style-form" id="form" action="eventdownloadtest.php" method="post" enctype="multipart/form-data">

<div class="form-group">
<label class="col-sm-2 col-sm-2 control-label"><strong>Name</strong><span style="color:#F00;"> ✱</span></label>
<div class="col-sm-4">
<input type="text" name="name" id="name" value="" required class="form-control" placeholder="Enter Name here" maxlength="200">
</div>
<label class="col-sm-2 col-sm-2 control-label"><strong>Designation</strong><span style="color:#F00;"> ✱</span></label>
<div class="col-sm-4">
<input type="text" name="designation" id="designation" value="" placeholder="Enter Designation here" title="Enter Designation here" required class="form-control">
</div>
</div>

<div class="form-group">
<label class="col-sm-2 col-sm-2 control-label"><strong>Department</strong><span style="color:#F00;"> ✱</span></label>
<div class="col-sm-4">
<input type="text" name="department" id="department" value="" required class="form-control" placeholder="Enter Department here" title="Enter Department here" maxlength="200">
</div>
<label class="col-sm-2 col-sm-2 control-label"><strong>Event Name</strong><span style="color:#F00;"> ✱</span></label>
<div class="col-sm-4">
<input type="text" name="eventname" id="eventname" value="" placeholder="Enter Event Name here" title="Enter Event Name here" required class="form-control">
</div>
</div>

<div class="form-group">
<label class="col-sm-2 col-sm-2 control-label"><strong>Event Date</strong><span style="color:#F00;"> ✱</span></label>
<div class="col-sm-4">
<input type="text" name="eventdate" id="eventdate" value="" placeholder="DD/MM/YYYY" title="Ex: DD/MM/YYYY" required class="form-control" maxlength="200">
</div>
<label class="col-sm-2 col-sm-2 control-label"><strong>Event Time</strong><span style="color:#F00;"> ✱</span></label>
<div class="col-sm-4">
<input type="text" name="eventtime" id="eventtime" value="" placeholder="Enter Event Time" title="Ex: 10:00AM" required class="form-control">
</div>
</div>

<div class="form-group">
<label class="col-sm-2 col-sm-2 control-label"><strong>Requesting Details</strong><span style="color:#F00;"> ✱</span></label>
<div class="col-sm-4">
<input type="text" name="details" id="details" class="form-control" placeholder="Invitation, Banner, Brochure etc..." required>
</div>
<label class="col-sm-2 col-sm-2 control-label"><strong>Design Requesting Date & Time</strong><span style="color:#F00;"> ✱</span></label>
<div class="col-sm-4">
<input type="text" name="rdate" id="rdate" value="" placeholder="Enter Date & Time" title="Ex: 10:00AM" required class="form-control">
</div>
</div>




                          <div class="form-group">
                           <div class="col-sm-10">
                           <center>
<button type="submit" name="submit" id="btn" class="btn btn-primary">Submit</button>
							   <button type="reset" name="submit" class="btn btn-warning">Reset</button></center>
</div>
</div>

                          </form>
                          </div>
                          </div>
                          </div>
                          
          	
          	
		</section>
      </section>
    <?php include("includes/footer.php");?>
  </section>

    <!-- js placed at the end of the document so the pages load faster -->
    <script src="assets/js/jquery.js"></script>
    <script src="assets/js/bootstrap.min.js"></script>
    <script class="include" type="text/javascript" src="assets/js/jquery.dcjqaccordion.2.7.js"></script>
    <script src="assets/js/jquery.scrollTo.min.js"></script>
    <script src="assets/js/jquery.nicescroll.js" type="text/javascript"></script>


    <!--common script for all pages-->
    <script src="assets/js/common-scripts.js"></script>

    <!--script for this page-->
    <script src="assets/js/jquery-ui-1.9.2.custom.min.js"></script>

	<!--custom switch-->
	<script src="assets/js/bootstrap-switch.js"></script>
	
	<!--custom tagsinput-->
	<script src="assets/js/jquery.tagsinput.js"></script>
	
	<!--custom checkbox & radio-->
	
	<script type="text/javascript" src="assets/js/bootstrap-datepicker/js/bootstrap-datepicker.js"></script>
	<script type="text/javascript" src="assets/js/bootstrap-daterangepicker/date.js"></script>
	<script type="text/javascript" src="assets/js/bootstrap-daterangepicker/daterangepicker.js"></script>
	
	<script type="text/javascript" src="assets/js/bootstrap-inputmask/bootstrap-inputmask.min.js"></script>
	
	
	<script src="assets/js/form-component.js"></script>    
    
    
  <script>
      //custom select box

      $(function(){
          $('select.styled').customSelect();
      });

  </script>

  </body>
</html>
