<?php

if(isset($_POST['utm_source'])){
    $utm_source =$_POST['utm_source'];
}else if(isset($_GET['utm_source'])){
    $utm_source =$_GET['utm_source'];
}else{
    $utm_source ='Website';
}
if(isset($_POST['utm_medium'])){
    $utm_medium =$_POST['utm_medium'];
}else if(isset($_GET['utm_medium'])){
    $utm_medium =$_GET['utm_medium'];
}else{
    $utm_medium ='Website-Search';
}
if(isset($_POST['utm_campaign'])){
    $utm_campaign =$_POST['utm_campaign'];
}else if(isset($_GET['utm_campaign'])){
    $utm_campaign =$_GET['utm_campaign'];
}else{
    $utm_campaign ='Website';
}

?>
<!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="UG Courses | AVIT College Of Engineering" content="UG Courses | AVIT College Of Engineering">
        <meta name="author" content="Ansonika">
        <title>Graduation 2025</title>

        <!-- Favicons-->
        <link href="https://www.avit.ac.in/img/favicon.ico" rel="shortcut icon" type="image/x-icon" />
        <!-- GOOGLE WEB FONT -->
        <link href="https://fonts.googleapis.com/css?family=Work+Sans:400,500,600" rel="stylesheet">

        <!-- BASE CSS -->
        <link href="css/bootstrap.min.css" rel="stylesheet">
        <link href="css/menu.css" rel="stylesheet">
        <link href="css/style.css" rel="stylesheet">
        <link href="css/vendors.css" rel="stylesheet">

        <!-- YOUR CUSTOM CSS -->
        <link href="css/custom.css" rel="stylesheet">
        
        <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css" rel="stylesheet">
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">


		<style>
		html, body {
    position: absolute !important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
          .h3, h3 {
    font-size: 20px;
}
			.form-group i {
       font-size: 14px !important;
    font-size: 1.125rem;
    position: absolute;
    right: 5px;
    top: 11px;
    color: #8f3c3c;
    display: block;
    font-weight: 400 !important;
}
			html, body {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;

}
	/* Chrome, Safari, Edge, Opera */
	input::-webkit-outer-spin-button,
	input::-webkit-inner-spin-button {
	  -webkit-appearance: none;
	  margin: 0;
	}

	/* Firefox */
	input[type=number] {
	  -moz-appearance: textfield;
	}
	small{    color: #c50000;}
			
@media (max-width: 768px) {
    .first-image {
        text-align:center !important;
    }
    .content-para {
        text-align:center !important;
    }
    .second-image {
        text-align:center !important;
    }
}

		</style>
		<style>
    #programe_schedule {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

#programe_schedule td, #programe_schedule th {
  border: 1px solid #ddd;
  padding: 8px;
}

#programe_schedule tr:nth-child(even){background-color: #f2f2f2;}

#programe_schedule tr:hover {background-color: #ddd;}

#programe_schedule th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #002147;
  color: white;
}
</style>
    </head>

    <body>

        <div id="preloader">
            <div data-loader="circle-side"></div>
        </div><!-- /Preload -->

        <div id="loader_form">
            <div data-loader="circle-side-2"></div>
        </div><!-- /loader_form -->


        <!-- /menu -->

        <div class="container-fluid" style="    box-shadow: rgb(0 0 0 / 19%) 0px 5px 15px;
    padding: 15px;">
            
                <!-- /content-left -->
              			
                 <div class="d-sm-block">
						<div class="row ">
							
							<div class="col-xs-12 col-md-3 first-image">
								<a href="https://avit.ac.in/" id="logo" target="_blank" style="max-width: 100%;width: 90%;display: inline-block;"><img src="img/avit-newlogo.png"></a>
							</div>	
							
							<div class="col-xs-12 col-md-6 content-para">
							<h3 class="section_title text-center">22<sup>nd</sup> GRADUATION DAY - 2025<br/>  <span style="font-size: 16px;color: #a91212;">REGISTRATION FORM</span></h3>
							</div>
							<div class="col-xs-12 col-md-3 text-right second-image">
								
								<a href="https://vmrfdu.edu.in/" target="_blank" id="logo" style="max-width: 100%;width: 90%;display: inline-block;"><img src="img/vmrf-newlogo.jpeg"></a>
							</div>
						    </div>
							
							</div>
		            </div>
						<div class="clearfix"></div>
						
						   <div id="wizard_container" class="py-2">
						
                        <!-- /top-wizard -->
                        <form method="post" action="save.php" enctype="multipart/form-data" autocomplete="off" style="padding: 10px;border: 1PX DASHED #e0dada;">
                            <input type="hidden" class="utm_source" placeholder="utm_source" name="utm_source" value="" >
                            <input type="hidden" class="utm_medium" placeholder="utm_medium" name="utm_medium" value="" >
                            <input type="hidden" class="utm_campaign" placeholder="utm_campaign" name="utm_campaign" value="" >
                          
                            <!-- Leave for security protection, read docs for details -->
                            <div id="middle-wizard">
                                <div class="step  ">
                                  
									<div class="row">
    								    <div class="form-group add_top_10 col-xs-12 col-md-6 ">
                                            <label for="">Name of the Student (In BLOCK LETTERS)<sup style="color:red;">*</sup></label>
                                            <input type="text" name="name" id="name" style="text-transform: uppercase;" class="form-control required" onchange="getVals(this, 'name_field');" required placeholder="Name of the Student (In BLOCK LETTERS)">
                                        </div>
                                        <div class="form-group add_top_10 col-xs-12 col-md-6">
                                            <label for="">Register Number<sup style="color:red;">*</sup></label>
                                            <input type="text" name="reg_no" id="reg_no" class="form-control" required placeholder="Register No." onchange="getVals(this, 'address_2_field');">
                                        </div>
                                        <div class="form-group add_top_10 col-xs-12 col-md-6">
                                            <label for="">Email Address<sup style="color:red;">*</sup></label>
                                            <input type="email" name="email" id="email" class="form-control" required placeholder="Email Address" onchange="getVals(this, 'address_1_field');" required  >
                                        </div>
                                        <div class="form-group col-xs-12 col-md-6  add_top_10">	
                                            <label >Mobile Number<sup style="color:red;">*</sup></label>
                                            <input type="number" name="mobile" id="mobile" class="form-control num" minlength="10" maxlength="10" required placeholder="Enter Valid Mobile Number(10 Digits)" onchange="getVals(this, 'telegram_field');" >
									    </div>
										<div class="form-group add_top_10 col-xs-12 col-md-6 ">
                                            <label for="name">Batch<sup style="color:red;">*</sup></label>
                                            <input type="number" name="batch" id="batch" minlength="4" maxlength="4" class="form-control required" onchange="getVals(this, 'name_field');" required placeholder="Enter Batch(4 Digits)">
                                        </div>
                                        <!--<div class="form-group add_top_10 col-xs-12 col-md-6 ">-->
                                        <!--    <label for="name">Degree Graduated<sup style="color:red;">*</sup></label>-->
                                        <!--    <input type="text" name="degree" id="degree" class="form-control required" onchange="getVals(this, 'name_field');" required placeholder="Degree Graduated">-->
                                        <!--</div>-->
                                        <div class="form-group add_top_10 col-xs-12 col-md-6 ">
                                            <label for="">Programmes / Branch<sup style="color:red;">*</sup></label>
                                            <select name="course" id="course" class="form-control" required >
                                                <option value=""> -- Select --</option>
                                                 <optgroup label="Full Time(B.E./B.Tech.)" class="">
                                                <option value="FT-AIDS">AIDS</option>
                                                <option value="FT-BTE">BTE</option>
                                                <option value="FT-BME">BME</option>
                                        	    <option value="FT-CIVIL">CIVIL</option>
                                        	    <option value="FT-CS">CS</option>
                                        	    <option value="FT-CSE">CSE</option>
                                        	    <option value="FT-ECE">ECE</option>
                                        	    <option value="FT-EEE">EEE</option>
                                        	    <option value="FT-PHARMA">PHARMA</option>
                                        	    <option value="FT-MECHANICAL">MECHANICAL</option>
                                        	    <option value="FT-MECHATRONICS">MECHATRONICS</option> 
                                        	    </optgroup>
                                        	    <optgroup label="Part Time(B.E./B.Tech.)" class="">
                                         	    <option value="PT-CIVIL">CIVIL</option>
                                        	    <option value="PT-CSE">CSE</option>
                                        	    <option value="PT-ECE">ECE</option>
                                        	    <option value="PT-EEE">EEE</option>
                                        	    <option value="PT-MECHANICAL">MECHANICAL</option>
                                        	    </optgroup>
                                        	    
                                        	    <!--<optgroup label="Full Time(M.E./M.Tech.)" class="">-->
                                        	    <!--<option value="FT-CSE">CSE</option>-->
                                        	    <!--<option value="FT-CEM">CEM</option>-->
                                        	    <!--<option value="FT-EST">EST</option>-->
                                        	    <!--<option value="FT-PSE">PSE</option>-->
                                        	    <!--<option value="FT-MFE">MFE</option> -->
                                        	    <!--</optgroup>-->
                                        	    <optgroup label="Part Time(M.E/M.Tech)" class="">
                                         	    <option value="PT-BTE">BTE</option>
                                        	    <option value="PT-CSE">CSE</option>
                                        	    <option value="PT-CEM">CEM</option>
                                        	    <option value="PT-EST">EST</option>
                                        	    <option value="PT-PSE">PSE</option>
                                        	    <option value="PT-MFE">MFE</option>
                                        	    </optgroup>
                                        	    <optgroup label="Full Time(MBA)" class="">
                                                 <option value="MBA">MBA</option>
                                                 </optgroup>
                                            </select>
                                            <!--<input type="text" name="course" id="course" class="form-control required" onchange="getVals(this, 'name_field');" required >-->
                                        </div>

    								    
                                        <div class="form-group add_top_10 col-xs-12 col-md-6">
                                            <label for=""> Communication Address (In BLOCK LETTERS)</label>
                                            <textarea name="address" id="address" class="form-control" style="text-transform: uppercase;" placeholder="Communication Address (In BLOCK LETTERS)" onchange="getVals(this, 'address_2_field');" rows="4"></textarea>
                                        </div>
                                       
									    <div class="form-group add_top_10 col-xs-12 col-md-6 ">
									        <label for="name">Present Status<sup style="color:red;">*</sup></label>
                                            <select name="status" id="status" class="form-control" required onchange="getCurrentStatus(this.value)">
                                                <option value=""> -- Select --</option>
                                                <option value="Employed">Employed</option>
                                        	    <option value="Self Employed">Self-Employed</option>	    
                                        	    <option value="Pursuing Higher Studies">Pursuing Higher Studies</option>
                                            </select>
                                        </div>
								        <div class="form-group add_top_10 col-xs-12 col-md-6 employeed">
                                            <label for="name">Name of the Organization<sup style="color:red;">*</sup></label>
                                            <input type="text" name="organization" id="organization" class="form-control" onchange="getVals(this, 'name_field');" >
                                        </div>
                                     
								        <div class="form-group add_top_10 col-xs-12 col-md-6 selfEmployeed">
                                            <label for="name">Please provide the details<sup style="color:red;">*</sup></label>
                                            <input type="text" name="self_desc" id="self_desc" class="form-control" onchange="getVals(this, 'name_field');" >
                                        </div>
    									<div class="form-group col-xs-12 col-md-6  add_top_10 higherStudies">	
                                            <label>Course<sup style="color:red;">*</sup></label>
                                            <input type="text" name="studies_course" id="studies_course" class="form-control num" placeholder="Course" onchange="getVals(this, 'aadhar_field');" >
    									</div> 
    									<div class="form-group col-xs-12 col-md-6  add_top_10 higherStudies">	
                                            <label>Name of the Institution/ University<sup style="color:red;">*</sup></label>
                                            <input type="text" name="insti_univ" id="insti_univ" class="form-control num" placeholder="Name of the Institution/ University" onchange="getVals(this, 'aadhar_field');" >
    									</div> 
									<div class="form-group add_top_10 col-xs-12 col-md-6 ">
									        <label for="name">Whether parents accompany you<sup style="color:red;">*</sup></label>
                                            <select name="parent_acc" id="parent_acc" class="form-control" required onchange="getParentsAccompany(this.value)">
                                                <option value=""> -- Select --</option>
                                                <option value="Yes">Yes</option>
                                        	    <option value="No">No</option>
                                            </select>
                                        </div>
                                        <div class="form-group add_top_10 col-xs-12 col-md-6 noOfPerson" >
                                            <label for="">No.of persons<sup style="color:red;">*</sup></br>(Note: Only one person is allowed in the graduation hall)</label>
                                            <input type="text" name="accompanying" id="accompanying" class="form-control" placeholder="" onchange="getVals(this, 'address_2_field');" value="">
                                        </div>
									
									</div>
									   
                                </div>
                                
                                <!-- /step-->
                                 <div class="text-center">
                                    <div class="form-group terms">
                                        <label class="container_check">I request you to register my name for the Graduation Day of the college to be held on 20<sup>th</sup> September 2025.
                                        <!-- <label class="container_check">Please accept our <a href="#" data-toggle="modal" data-target="#terms-txt">Terms and conditions</a> before Submit -->
                                            <input type="checkbox" name="terms" value="Yes" class="required" required >
                                            <span class="checkmark"></span>
                                        </label> 
                                    </div>
                                </div>
								
                               
                                <!-- /step last-->

                            </div>
                            <!-- /middle-wizard -->
							<br/>
							
                            <div id="bottom-wizard">
                                <!--<button type="button" name="backward" class="backward">Prev</button>
                                <button type="button" name="forward" class="forward">Next</button>-->
                                <center><button type="submit" name="process" class="submit">Proceed</button></center>
                            </div>
							
							<br/>
                            <!-- /bottom-wizard -->
                        </form>
                   
		
		                  <!--<img src="https://urbanrislp.b-cdn.net/sp-landingpage/images/slider.webp" style="width:100%; "/>-->
		
		
		</div>
                    <!-- /Wizard container -->
              
            </div>
			
			
			
		
        <!-- /container-fluid -->

        <div class="cd-overlay-nav">
            <span></span>
        </div>
        <!-- /cd-overlay-nav -->

        <div class="cd-overlay-content">
            <span></span>
        </div>
        <!-- /cd-overlay-content -->

        <!-- <a href="#0" class="cd-nav-trigger">Menu<span class="cd-icon"></span></a> -->
        <!-- /menu button -->

        <!-- /.modal -->

        <!-- COMMON SCRIPTS -->
        <script src="js/jquery-3.5.1.min.js"></script>
        <script src="js/common_scripts.min.js"></script>
        <script src="js/velocity.min.js"></script>
        <script src="js/common_functions.js"></script>
        <script src="js/file-validator.js"></script>
        

        <script src="https://cdnjs.cloudflare.com/ajax/libs/waypoints/4.0.1/jquery.waypoints.js"></script>
        <script src="js/jquery.rcounter.js"></script>

        <!-- Wizard script-->
        <script src="js/func_1.js"></script>

        <script type="text/javascript">
        $( document ).ready(function() {
            $(".employeed").hide();
            $(".selfEmployeed").hide();
            $(".higherStudies").hide();
            $(".noOfPerson").hide();
        });

        
        var queryString = window.location.search;
  console.log(queryString);
  var URLSearchParams_wb = new URLSearchParams(queryString);

  const utmParameters = [
    "utm_source", 
    "utm_medium", 
    "utm_campaign"
  ];

  for (const utm_element of utmParameters) {
    /* if utm_source exist */
    $( "form" ).each(function( index ) {
      if(URLSearchParams_wb.has(utm_element)){
        console.log(utm_element + "is exist");
        /* get UTM value of this utm param */
        var value = URLSearchParams_wb.get(utm_element)
        /* change form hidden feild to this utm url value */
        $( this ).find("."+utm_element).val(value);
      }

    })
  }/* end for loop */
        
function getParentsAccompany(parent){
    if(parent=='Yes'){
        $(".noOfPerson").show();
    }else if(parent=='No'){
        $(".noOfPerson").hide();
    }else{
        $(".noOfPerson").hide();
    }
    
}
function getCurrentStatus(status){
    if(status=='Employed'){
        $(".employeed").show();
        $(".selfEmployeed").hide();
        $(".higherStudies").hide();
        $("#organization").prop('required',true);
        $("#self_desc").prop('required',false);
        $("#studies_course").prop('required',false);
        $("#insti_univ").prop('required',false);
    }else if(status=='Self Employed'){
        $(".employeed").hide();
        $(".selfEmployeed").show();
        $(".higherStudies").hide();
        $("#organization").prop('required',false);
        $("#self_desc").prop('required',true);
        $("#studies_course").prop('required',false);
        $("#insti_univ").prop('required',false);
    }else if(status=='Pursuing Higher Studies'){
        $(".employeed").hide();
        $(".selfEmployeed").hide();
        $(".higherStudies").show();
        $("#organization").prop('required',false);
        $("#self_desc").prop('required',false);
        $("#studies_course").prop('required',true);
        $("#insti_univ").prop('required',true);
    }else{
        $(".employeed").hide();
        $(".selfEmployeed").hide();
        $(".higherStudies").hide();
        $("#organization").prop('required',false);
        $("#self_desc").prop('required',false);
        $("#studies_course").prop('required',false);
        $("#insti_univ").prop('required',false);
    }
}
 
$(".num").keypress(function() {
	if ($(this).val().length == $(this).attr("maxlength")) {
		return false;
	}
});
			
        </script>
      

      
    </body>
</html>