| Server IP : 68.178.172.28 / Your IP : 216.73.216.26 Web Server : Apache System : Linux 28.172.178.68.host.secureserver.net 4.18.0-553.89.1.el8_10.x86_64 #1 SMP Mon Dec 8 03:53:08 EST 2025 x86_64 User : kiskarnal ( 1003) PHP Version : 8.0.30 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /home/kiskarnal/public_html/resources/views/front/ |
Upload File : |
<!-- ======= Header include ========= -->
@include('front.includes.header')
<!-- ======= Header include ========= -->
<style>
.gender-form>.form-check {
justify-content: normal !important;
width: fit-content;
cursor: pointer;
}
.gender-form {
display: flex;
align-items: center;
gap: 20px;
}
</style>
<body class="home page-template-default page page-id-2039 gdlr-core-body woocommerce-no-js tribe-no-js kingster-body kingster-body-front kingster-full kingster-with-sticky-navigation kingster-blockquote-style-1 gdlr-core-link-to-lightbox">
<div class="kingster-body-outer-wrapper ">
<div class="kingster-body-wrapper clearfix kingster-with-frame">
<div class="kingster-page-title-wrap kingster-style-medium kingster-center-align">
<div class="kingster-header-transparent-substitute"></div>
<div class="kingster-page-title-overlay"></div>
<div class="kingster-page-title-container kingster-container">
<div class="kingster-page-title-content kingster-item-pdlr">
<h1 class="kingster-page-title">Application form for Admission</h1>
<h5 class="text-white">Academic Year 2025-2026</h5>
</div>
</div>
</div>
<div class="container">
@if(session()->has('message'))
<div class="alert alert-success">
{{ session()->get('message') }}
</div>
@endif
<form class="my-5" method="post" action="{{url('save-application')}}">
@csrf
<div class="row">
<div class="col-md-4 col-xs-12 col-sm-12">
<div class="form-group">
<label>Student Name</label>
<input class="form-control" type="text" required placeholder="Student Name" name="student_name" />
</div>
</div>
<div class="col-md-4 col-xs-12 col-sm-12">
<div class="form-group">
<label>Parent Name</label>
<input class="form-control" type="text" required placeholder="Parent Name" name="parent_name" />
</div>
</div>
<div class="col-md-4 col-xs-12 col-sm-12">
<div class="form-group">
<label>Relation</label>
<select class="form-control" required name="relation">
<option value="select_relation">Select Relation</option>
<option value="father">Father</option>
<option value="mother">Mother</option>
<option value="guardian ">Guardian </option>
</select>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4 col-xs-12 col-sm-12">
<div class="form-group">
<label>Gender</label>
<div class="gender-form">
<div class="form-check form-check-inline">
<input class="form-check-input" type="radio" name="gender" id="male" value="male">
<label class="form-check-label" for="male">Male</label>
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="radio" name="gender" id="female" value="female">
<label class="form-check-label" for="female">Female</label>
</div>
</div>
</div>
</div>
<div class="col-md-4 col-xs-12 col-sm-12">
<div class="form-group">
<label>Phone Number</label>
<input class="form-control" type="tel" name="phone" required />
</div>
</div>
<div class="col-md-4 col-xs-12 col-sm-12">
<div class="form-group">
<label>Parent Phone Number</label>
<input class="form-control" type="tel" name="parent_phone" required />
</div>
</div>
</div>
<div class="row">
<div class="col-md-3 col-xs-12 col-sm-12">
<div class="form-group">
<label>Date of Birth</label>
<input class="form-control" type="date" name="dob" required/>
</div>
</div>
<div class="col-md-3 col-xs-12 col-sm-12">
<div class="form-group">
<label>Select Grade</label>
<select class="form-control" name="grade" required>
<option value="select_class">Select Class</option>
<option value="6th Class">6th Class</option>
<option value="7th Class">7th Class</option>
<option value="8th Class">8th Class</option>
<option value="9th Class">9th Class</option>
<option value="10th Class">10th Class</option>
<option value="11th Class">11th Class</option>
</select>
</div>
</div>
<div class="col-md-6 col-xs-12 col-sm-12">
<div class="form-group">
<label>Address</label>
<input class="form-control" type="text" name="address" required />
</div>
</div>
</div>
<div class="row align-items-center">
<div class="col-md-6 col-xs-12 col-sm-12">
<p class="mb-0"><strong>Pay Application Fees of Rs. 200/-</strong></p>
</div>
<div class="col-md-6 text-end">
<button class="btn btn-success py-3 float-right" type="submit">
Submit Application
</button>
</div>
</div>
</form>
</div>
<!-- ======= Footer include ========= -->
@include('front.includes.footer')
<!-- ======= Footer include ========= -->
</div>
</div>
<script>
$(document).ready(function(){
var current_fs, next_fs, previous_fs; //fieldsets
var opacity;
$(".next").on("click", function() {
$("body").scrollTop(0);
});
$(".next").click(function(){
current_fs = $(this).parent();
next_fs = $(this).parent().next();
//Add Class Active
$("#progressbar li").eq($("fieldset").index(next_fs)).addClass("active");
//show the next fieldset
next_fs.show();
//hide the current fieldset with style
current_fs.animate({opacity: 0}, {
step: function(now) {
// for making fielset appear animation
opacity = 1 - now;
current_fs.css({
'display': 'none',
'position': 'relative'
});
next_fs.css({'opacity': opacity});
},
duration: 600
});
});
$(".previous").click(function(){
current_fs = $(this).parent();
previous_fs = $(this).parent().prev();
//Remove class active
$("#progressbar li").eq($("fieldset").index(current_fs)).removeClass("active");
//show the previous fieldset
previous_fs.show();
//hide the current fieldset with style
current_fs.animate({opacity: 0}, {
step: function(now) {
// for making fielset appear animation
opacity = 1 - now;
current_fs.css({
'display': 'none',
'position': 'relative'
});
previous_fs.css({'opacity': opacity});
},
duration: 600
});
});
$('.radio-group .radio').click(function(){
$(this).parent().find('.radio').removeClass('selected');
$(this).addClass('selected');
});
$(".submit").click(function(){
return false;
})
});
</script>