<?
php
session_start();
if($_SESSION['id'] == "") {
echo "<script> location.href='no_login'; </script>";
// Redirecting to again to profile page //
// echo "<script> location.href='/profile'; </script>";
// Remove redirect in during form fill up//
$link = mysqli_connect("localhost","jncpa3or_prod","password98@", "jncpa3or_dev");
$sid = base64_decode($_GET['q']);
$query = "SELECT * FROM `bcom_form` WHERE sid=$sid";
$result = mysqli_query($link, $query);
$id = 0;
$row = array();
if(mysqli_num_rows($result) > 0) {
$row = mysqli_fetch_assoc($result);
$id = $row['id'];
} else {
$query = "INSERT INTO `bcom_form`(`sid`) VALUES('".$sid."')";
mysqli_query($link, $query);
$row = mysqli_fetch_assoc($result);
$id = $row['id'];
echo "<script> window.location.reload(); </script>";
$subject1name = $row['subject1name'];
$subject2name = $row['subject2name'];
$subject3name = $row['subject3name'];
$subject4name = $row['subject4name'];
?>
<!--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE html>
<html>
<head>
<!-- Redirect --->
<!-- <meta http-equiv="refresh" content="1; url='https://www.jncpasighat.edu.in/profile'" /> -->
<!-- redirect -->
<title>BCOM - I SEMESTER ADMISSION FORM</title>
<link rel="shortcut icon" href="images/logo.ico"/>
<!-- For-Mobile-Apps -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Exchange Education a Responsive Web Template, Bootstrap
Web Templates, Flat Web Templates, Android Compatible Web Template, Smartphone Compatible
Web Template, Free Web Designs for Nokia, Samsung, LG, Sony Ericsson, Motorola Web Design" />
<script type="application/x-javascript"> addEventListener("load", function()
{ setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- //For-Mobile-Apps -->
<!-- Custom Theme files -->
<!-- Bootstrap Styling --> <link rel='stylesheet' href="css/bootstrap.css" type='text/css' />
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> <script
src="js/jquery.min.js"></script>
<!-- Bootstrap-Working-File --> <script src="js/bootstrap.min.js"></script>
<!-- /-Page-Styling --> <link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
<!-- Owl-Carousel-Styling --> <link rel="stylesheet" href="css/owl.carousel.css"
type="text/css" media="all">
<!-- //Custom Theme files -->
<!--jQuery Editable Select-->
<script src="js/jquery-editable-select.js"></script>
<link href="css/jquery-editable-select.css" rel="stylesheet">
<!-- Smooth-Scrolling -->
<script src="http://thecodeplayer.com/uploads/js/jquery-1.9.1.min.js"
type="text/javascript"></script>
<script src="http://thecodeplayer.com/uploads/js/jquery.easing.min.js"
type="text/javascript"></script>
<script src="jquery-multi-step-form.js" type="text/javascript"></script>
<link href="jquery-multi-step-form.css" media="screen" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".scroll").click(function(event){
$('html,body').animate({scrollTop:$(this.hash).offset().top},1200);
});
});
</script>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@9"></script>
<!-- //Smooth-Scrolling -->
<!-- Calender-JavaScript -->
<link rel="stylesheet" href="css/clndr.css" type="text/css" />
<script src="js/underscore-min.js" type="text/javascript"></script>
<script src= "js/moment-2.2.1.js" type="text/javascript"></script>
<script src="js/clndr.js" type="text/javascript"></script>
<script src="js/site.js" type="text/javascript"></script>
<!-- //Calender-JavaScript -->
<style>
.group{
display: none;
.slides {
height: 500px;
background-size: cover;
color: white;
font-weight: bold;
.links {
float: left;
width: 50%;
}
#brand {
font-size: 200%;
margin-top: 10px;
#logo {
float: left;
.hello {
font-size: 70%;
margin-left: 30px;
#slogan {
margin-left: -110px;
float: left;
margin-top: 80px;
}
#helloBrand {
border-bottom: 2px solid white;
.log_sign {
border: 2px solid black;
border-radius: 20px;
margin-right: 20px;
background: transparent;
padding: 10px;
color: black;
font-weight: bold;
.enter {
width: 25%;
border-radius: 10px;
padding: 10px;
border: 2px solid cornflowerblue;
#side-nav > li {
color: white;
padding: 10px 5px;
font-weight: bold;
text-align: center;
background-color: #409688;;
.required
color: red;
#infotext
margin-left: 310px;
text-align: justify;
margin-right: 30px;
.selected {
color: #409688 !important;
background: white !important;
.input-form {
margin-left: 30px;
.page-buttons {
background: #409688;
color: white;
font-weight: bold;
border: 2px solid white;
border-radius: 10px;
padding: 10px 20px;
margin-left: 30px;
}
.page-buttons:hover {
border: 2px solid #409688;
background: white;
color: #409688;
.view {
color: white;
border: 2px solid #409688;
border-radius: 10px;
padding: 10px 20px;
background: #409688;
font-weight: bold;
.view:hover {
color: #409688;
border-color: #409688;
background: white;
.upload-button {
color: white;
border: 2px solid #409688;
padding: 5px 10px;
border-radius: 10px;
background: #409688;
font-weight: bold;
}
.upload-button:hover {
color: #409688;
background: white;
@media screen and (max-width: 480px) {
.links {
float: none;
width: 100%;
margin-left: 10px;
#brand {
margin-top: -10px;
#slogan {
margin-left: -70px;
margin-top: 50px;
font-size: 40%;
.hello {
font-size: 45%;
margin-left: 10px;
.enter {
width: 50%;
#infotext
margin-left: 100px;
</style>
</head>
<!-- Body-Starts-Here -->
<body>
<!-- Header-Starts-Here -->
<div class="header">
<!-- Navbar-Starts-Here -->
<?php
include('nav.php');
?>
<!-- //Navbar-Ends-Here -->
<div style="text-align: left;">
<?php
if($error != '') {
echo '<div class="alert alert-danger alert-dismissible"
role="alert">';
echo '<button type="button" class="close" data-
dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button>';
echo '.<strong>'.$error.'</strong>';
echo '</div>';
if($success != '') {
echo '<div class="alert alert-success alert-dismissible"
role="alert">';
echo '<button type="button" class="close" data-
dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button>';
echo '.<strong>'.$success.'</strong>';
echo '</div>';
?>
<h2>BCOM - I Semester :: 2023-2024 Admission Form</h2>
<div class='parent'>
<div id='side-navbar' style="width: 20%; height: 250vh; float: left;">
<ul id="side-nav" style="list-style-type: none; border: 5px solid #409688;">
<li class='slink' value='1'>Personal Information</li>
<li class='slink' value='2'>Communication Information</li>
<li class='slink' value='3'>Academic Information</li>
<li class='slink' value='4'>Class XII Information</li>
<li class='slink' value='5'>Uploads</li>
<li class='slink' value='6'>Preview</li>
<li class='slink' value='7'>Declaration</li>
</ul>
</div>
<div id='1'>
<p style='text-align: center; font-size: 150%;'><strong>Personal Information</strong></p>
<p style='text-align: center; color:red;'>All fields marked with * are required</p>
<input type="text" id="name" value="<?php echo $row['name']; ?>" placeholder="Full
Name" class="enter input-form"><span class="required"> *</span><br><br>
<input type="text" id="fname" value="<?php echo $row['fname']; ?>"
placeholder="Father's Name" class="enter input-form"><span
class="required"> *</span><br><br>
<input type="text" id="mname" value="<?php echo $row['mname']; ?>"
placeholder="Mother's Name" class="enter input-form"><span
class="required"> *</span><br><br>
<label class='input-form'>Gender</label><br><br>
<select id="gender" class="enter input-form">
<option value="1">--Select a Value--</option>
<option value="Male" <?php if($row['gender'] == 'Male') echo 'selected';
?>>Male</option>
<option value="Female" <?php if($row['gender'] == 'Female') echo 'selected'; ?
>>Female</option>
<option value="Others" <?php if($row['gender'] == 'Others') echo 'selected'; ?
>>Others</option>
</select><span class="required"> *</span><br><br>
<input type="date" id="dob" value="<?php echo $row['dob']; ?>" placeholder="Date of
Birth" class="enter input-form"><span class="required"> *</span><br><br>
<input type="email" id="email" value="<?php echo $row['email']; ?>" placeholder="Email
address" class="enter input-form"><span class="required"> *</span><br><br>
<input type="number" id="whatsapp" value="<?php echo $row['whatsapp']; ?>"
placeholder="Whatsapp Number" class="enter input-form"><span
class="required"> *</span><br><br>
<label class='input-form'>Category</label><br><br>
<select id="category" class="enter input-form">
<option value="1">--Select a Value--</option>
<option value="APST" <?php if($row['category'] == 'APST') echo 'selected';
?>>APST</option>
<option value="ST" <?php if($row['category'] == 'ST') echo 'selected'; ?>>ST</option>
<option value="SC" <?php if($row['category'] == 'SC') echo 'selected'; ?>>SC</option>
<option value="OBC" <?php if($row['category'] == 'OBC') echo 'selected';
?>>OBC</option>
<option value="GENERAL" <?php if($row['category'] == 'GENERAL') echo 'selected'; ?
>>GENERAL</option>
</select><span class="required"> *</span><br><br>
<input type="text" id="tribe" value="<?php echo $row['tribe']; ?>"
placeholder="Tribe/Community" class="enter input-form"><span
class="required"> *</span><br><br>
<input type="text" id="religion" value="<?php echo $row['religion']; ?>"
placeholder="Religion" class="enter input-form"><span class="required"> *</span><br><br>
<input type="text" id="nationality" value="<?php echo $row['nationality']; ?>"
placeholder="Nationality" class="enter input-form"><span
class="required"> *</span><br><br>
<input type="number" id="aadhaar" value="<?php echo $row['aadhaar']; ?>"
placeholder="Aadhaar Card Number" class="enter input-form"><span
class="required"> *</span><br><br><br>
<input type="password" id="abc_id" value="<?php echo $row['abc_id']; ?>"
placeholder="ABC ID" class="enter input-form"><span class="required"> *</span><br><br>
<input type="number" id="abc_id_confirm" value="<?php echo $row['abc_id']; ?>"
placeholder="Confirm ABC ID" class="enter input-form"><span
class="required"> *</span><br><br>
<label class='input-form'>Blood Group</label><br><br>
<label class='input-form'>Blood Group</label><br><br>
<select id="bloodgp" class="enter input-form">
<option value="1">--Select a Value--</option>
<option value="A+" <?php if($row['bloodgp'] == 'A+') echo 'selected'; ?>>A+</option>
<option value="A-" <?php if($row['bloodgp'] == 'A-') echo 'selected'; ?>>A-</option>
<option value="B+" <?php if($row['bloodgp'] == 'B+') echo 'selected'; ?>>B+</option>
<option value="B-" <?php if($row['bloodgp'] == 'B-') echo 'selected'; ?>>B-</option>
<option value="AB+" <?php if($row['bloodgp'] == 'AB+') echo 'selected';
?>>AB+</option>
<option value="AB-" <?php if($row['bloodgp'] == 'AB-') echo 'selected';
?>>AB-</option>
<option value="O+" <?php if($row['bloodgp'] == 'O+') echo 'selected'; ?>>O+</option>
<option value="O-" <?php if($row['bloodgp'] == 'O-') echo 'selected'; ?>>O-</option>
</select><span class="required"> *</span><br><br>
<label class='input-form'>Whether differently abled?</label><br><br>
<select id="pwd" class="enter input-form">
<option value="1">--Select a Value--</option>
<option value="Yes" <?php if($row['pwd'] == 'Yes') echo 'selected'; ?>>Yes</option>
<option value="No" <?php if($row['pwd'] == 'No') echo 'selected'; ?>>No</option>
</select><span class="required"> *</span><br><br>
<button type='button' class='page-buttons next'>Next</button>
</div>
<div id='2'>
<p style='text-align: center; font-size: 150%;'><strong>Communication
Information</strong></p>
<label style='margin-left: 30px;'>Permanent Address</label><br><br>
<input type="text" id="village" value="<?php echo $row['village']; ?>"
placeholder="Village/Town" class="enter input-form"><span
class="required"> *</span><br><br>
<input type="text" id="po" value="<?php echo $row['po']; ?>" placeholder="PO/PS"
class="enter input-form"><span class="required"> *</span><br><br>
<input type="text" id="district" value="<?php echo $row['district']; ?>"
placeholder="District" class="enter input-form"><span class="required"> *</span><br><br>
<input type="text" id="state" value="<?php echo $row['state']; ?>" placeholder="State"
class="enter input-form"><span class="required"> *</span><br><br>
<input type="text" id="pin" value="<?php echo $row['pin']; ?>" placeholder="Pin Code"
class="enter input-form"><span class="required"> *</span><br><br>
<label class='input-form'>Address for Communication</label>      
  If addresses are same, Check this box
<input type="checkbox" id="addrcheck"><br><br>
<input type="text" id="villagecom" value="<?php echo $row['villagecom']; ?>"
placeholder="Village/Town" class="enter input-form"><span
class="required"> *</span><br><br>
<input type="text" id="pocom" value="<?php echo $row['pocom']; ?>"
placeholder="PO/PS" class="enter input-form"><span class="required"> *</span><br><br>
<input type="text" id="districtcom" value="<?php echo $row['districtcom']; ?>"
placeholder="District" class="enter input-form"><span class="required"> *</span><br><br>
<input type="text" id="statecom" value="<?php echo $row['statecom']; ?>"
placeholder="State" class="enter input-form"><span class="required"> *</span><br><br>
<input type="text" id="pincom" value="<?php echo $row['pincom']; ?>" placeholder="Pin
Code" class="enter input-form"><span class="required"> *</span><br><br>
<button type='button' class='page-buttons previous'>Previous</button>
<button type='button' class='page-buttons next'>Next</button>
</div>
<div id='3'>
<p style='text-align: center; font-size: 150%;'><strong>Academic
Information</strong></p>
<p id="infotext";><strong><u>Note:</u></strong> <i>Students having passed Class-XII
either with Economics or Mathematics are only eligible to take admission in Commerce</i></p><br>
<label class='input-form sub'>Major Subject:</label><br><br>
<select id="major" class="enter input-form">
<option value='Commerce' <?php if($row['major'] == 'Commerce') echo 'selected'; ?
>>Commerce</option>
</select><span class="required"> *</span><br><br>
<!-- Minor Subject -->
<label class="input-form">Minor Subject</label><br><br>
<select class="enter input-form" id="minor">
<option value="minor" selected>Minor Subject</option>
</select><span class="required"> *(Department will decide Minor Subject after
admission.)</span><br><br>
<!-- AEC English Compulsory -->
<label class="input-form">Ability Enhacement Course</label><br><br>
<select class="enter input-form" id="aec">
<option value="ace" <?php if($row['aec'] == 'aec') echo 'selected';
?>>English</option>
</select><span class="required"> *(English as Ability Enhancement
Courser.)</span><br><br>
<!-- AEC English Compulsory -->
<!-- MDC Multidiscipliary Course -->
<label class="input-form">Multi Disciplinary Course</label><br><br>
<select class="enter input-form" id="mdc">
<option value="mdc" <?php if($row['mdc'] == 'mdc') echo 'selected'; ?>>Multi
Disciplinary Course</option>
</select><span class="required"> *(Department will decide after
admission)</span><br><br>
<!-- MDC Multidiscipliary Course -->
<!-- VAC (Value Added Course -->
<label class="input-form">Value Added Course</label><br><br>
<select class="enter input-form" id="vac">
<option value="vac" <?php if($row['vac'] == 'vac') echo 'selected'; ?>>Value Added
Course</option>
</select><span class="required"> *(Department will decide after
admission)</span><br><br>
<!-- VAC (Value Added Course) -->
<!-- Extra Cirricular Activities -->
<label class='input-form'>Extra Cirricular Activities</label><br><br>
<select class="enter input-form" id="extracirri">
<option value="1">--Select a value--</option>
<option value="NSS" <?php if($row['extracirri'] == 'NSS') echo 'selected';
?>>NSS</option>
<option value="NCC" <?php if($row['extracirri'] == 'NCC') echo 'selected';
?>>NCC</option>
<option value="Rovers and Rangers" <?php if($row['extracirri'] == 'Rovers and Rangers')
echo 'selected'; ?>>Rovers and Rangers</option>
</select><span class="required"> *</span><br><br>
<button type='button' class='page-buttons previous'>Previous</button>
<button type='button' class='page-buttons next'>Next</button>
</div>
<div id='4'>
<p style='text-align: center; font-size: 150%;'><strong>Class XII Information</strong></p>
<label class='input-form'>Last School Information</label><br><br>
<input type="text" id="namelast" value="<?php echo $row['namelast']; ?>"
placeholder="Name of last school (Village/Town and District)" class="enter input-form"><span
class="required"> *</span><br><br>
<input type="text" id="addresslast" value="<?php echo $row['addresslast']; ?>"
placeholder="Address of last school" class="enter input-form"><span
class="required"> *</span><br><br>
<label class='input-form sub'>Examination Board:</label><br><br>
<select id="board" class="enter input-form">
<option value='CBSE' <?php if($row['board'] == 'CBSE') echo 'selected';
?>>CBSE</option>
<option value='Other' <?php if($row['board'] == 'Other') echo 'selected';
?>>Other</option>
</select><span class="required"> *</span><br><br>
<label class='input-form'>English Core Marks:</label><br><br>
<input type="number" id="english" value="<?php echo $row['english']; ?>"
placeholder="English core marks" class="enter input-form" id="english"><span
class="required"> *</span><br><br>
<!-- next two lines in same row and 4 times in total -->
<label class='input-form' style="font-size:120%">Note: If subject is not listed, edit the
content from the list by deleting it and type the desired subject name. </label><br><br>
<label class='input-form'>Subject 1</label><br><br>
<select class="enter input-form bcom-sub" id="subject1name">
<option value="1">--Select a Value--</option>
<option value="Physics" <?php if($row['subject1name'] == 'Physics') echo 'selected'; ?
>>Physics</option>
<option value="Chemistry" <?php if($row['subject1name'] == 'Chemistry') echo
'selected'; ?>>Chemistry</option>
<option value="Mathematics" <?php if($row['subject1name'] == 'Mathematics') echo
'selected'; ?>>Mathematics</option>
<option value="Biology" <?php if($row['subject1name'] == 'Biology') echo 'selected'; ?
>>Biology</option>
<option value="Hindi" <?php if($row['subject1name'] == 'Hindi') echo 'selected'; ?
>>Hindi</option>
<option value="Sanskrit" <?php if($row['subject1name'] == 'Sanskrit') echo 'selected'; ?
>>Sanskrit</option>
<option value="Agriculture" <?php if($row['subject1name'] == 'Agriculture') echo
'selected'; ?>>Agriculture</option>
<option value="Geography (only theory)" <?php if($row['subject1name'] == 'Geography
(only theory)') echo 'selected'; ?>>Geography (only theory)</option>
<option value="Political Science" <?php if($row['subject1name'] == 'Political Science')
echo 'selected'; ?>>Political Science</option>
<option value="History" <?php if($row['subject1name'] == 'History') echo 'selected'; ?
>>History</option>
<option value="Economics" <?php if($row['subject1name'] == 'Economics') echo
'selected'; ?>>Economics</option>
<option value="Accountancy" <?php if($row['subject1name'] == 'Accountancy') echo
'selected'; ?>>Accountancy</option>
<option value="Business Studies" <?php if($row['subject1name'] == 'Business Studies')
echo 'selected'; ?>>Business Studies</option>
<option value="Physical Education" <?php if($row['subject1name'] == 'Physical
Education') echo 'selected'; ?>>Physical Education</option>
<option value="Painting" <?php if($row['subject1name'] == 'Painting') echo 'selected'; ?
>>Painting</option>
</select><span class="required"> *</span>
<input type="number" id="subject1marks" value="<?php echo $row['subject1marks']; ?
>" placeholder="Marks" class="enter"><span class="required"> *</span><br><br>
<label class='input-form'>Subject 2</label><br><br>
<select class="enter input-form bcom-sub" id="subject2name">
<option value="1">--Select a Value--</option>
<option value="Physics" <?php if($row['subject2name'] == 'Physics') echo 'selected'; ?
>>Physics</option>
<option value="Chemistry" <?php if($row['subject2name'] == 'Chemistry') echo
'selected'; ?>>Chemistry</option>
<option value="Mathematics" <?php if($row['subject2name'] == 'Mathematics') echo
'selected'; ?>>Mathematics</option>
<option value="Biology" <?php if($row['subject2name'] == 'Biology') echo 'selected'; ?
>>Biology</option>
<option value="Hindi" <?php if($row['subject2name'] == 'Hindi') echo 'selected'; ?
>>Hindi</option>
<option value="Sanskrit" <?php if($row['subject2name'] == 'Sanskrit') echo 'selected'; ?
>>Sanskrit</option>
<option value="Agriculture" <?php if($row['subject2name'] == 'Agriculture') echo
'selected'; ?>>Agriculture</option>
<option value="Geography (only theory)" <?php if($row['subject2name'] == 'Geography
(only theory)') echo 'selected'; ?>>Geography (only theory)</option>
<option value="Political Science" <?php if($row['subject2name'] == 'Political Science')
echo 'selected'; ?>>Political Science</option>
<option value="History" <?php if($row['subject2name'] == 'History') echo 'selected'; ?
>>History</option>
<option value="Economics" <?php if($row['subject2name'] == 'Economics') echo
'selected'; ?>>Economics</option>
<option value="Accountancy" <?php if($row['subject2name'] == 'Accountancy') echo
'selected'; ?>>Accountancy</option>
<option value="Business Studies" <?php if($row['subject2name'] == 'Business Studies')
echo 'selected'; ?>>Business Studies</option>
<option value="Physical Education" <?php if($row['subject2name'] == 'Physical
Education') echo 'selected'; ?>>Physical Education</option>
<option value="Painting" <?php if($row['subject2name'] == 'Painting') echo 'selected'; ?
>>Painting</option>
</select><span class="required"> *</span>
<input type="number" id="subject2marks" value="<?php echo $row['subject2marks']; ?
>" placeholder="Marks" class="enter"><span class="required"> *</span><br><br>
<label class='input-form'>Subject 3</label><br><br>
<select class="enter input-form bcom-sub" id="subject3name">
<option value="1">--Select a Value--</option>
<option value="Physics" <?php if($row['subject3name'] == 'Physics') echo 'selected'; ?
>>Physics</option>
<option value="Chemistry" <?php if($row['subject3name'] == 'Chemistry') echo
'selected'; ?>>Chemistry</option>
<option value="Mathematics" <?php if($row['subject3name'] == 'Mathematics') echo
'selected'; ?>>Mathematics</option>
<option value="Biology" <?php if($row['subject3name'] == 'Biology') echo 'selected'; ?
>>Biology</option>
<option value="Hindi" <?php if($row['subject3name'] == 'Hindi') echo 'selected'; ?
>>Hindi</option>
<option value="Sanskrit" <?php if($row['subject3name'] == 'Sanskrit') echo 'selected'; ?
>>Sanskrit</option>
<option value="Agriculture" <?php if($row['subject3name'] == 'Agriculture') echo
'selected'; ?>>Agriculture</option>
<option value="Geography (only theory)" <?php if($row['subject3name'] == 'Geography
(only theory)') echo 'selected'; ?>>Geography (only theory)</option>
<option value="Political Science" <?php if($row['subject3name'] == 'Political Science')
echo 'selected'; ?>>Political Science</option>
<option value="History" <?php if($row['subject3name'] == 'History') echo 'selected'; ?
>>History</option>
<option value="Economics" <?php if($row['subject3name'] == 'Economics') echo
'selected'; ?>>Economics</option>
<option value="Accountancy" <?php if($row['subject3name'] == 'Accountancy') echo
'selected'; ?>>Accountancy</option>
<option value="Business Studies" <?php if($row['subject3name'] == 'Business Studies')
echo 'selected'; ?>>Business Studies</option>
<option value="Physical Education" <?php if($row['subject3name'] == 'Physical
Education') echo 'selected'; ?>>Physical Education</option>
<option value="Painting" <?php if($row['subject3name'] == 'Painting') echo 'selected'; ?
>>Painting</option>
</select><span class="required"> *</span>
<input type="number" id="subject3marks" value="<?php echo $row['subject3marks']; ?
>" placeholder="Marks" class="enter"><span class="required"> *</span><br><br>
<label class='input-form'>Subject 4</label><br><br>
<select class="enter input-form bcom-sub" id="subject4name">
<option value="1">--Select a Value--</option>
<option value="Physics" <?php if($row['subject4name'] == 'Physics') echo 'selected'; ?
>>Physics</option>
<option value="Chemistry" <?php if($row['subject4name'] == 'Chemistry') echo
'selected'; ?>>Chemistry</option>
<option value="Mathematics" <?php if($row['subject4name'] == 'Mathematics') echo
'selected'; ?>>Mathematics</option>
<option value="Biology" <?php if($row['subject4name'] == 'Biology') echo 'selected'; ?
>>Biology</option>
<option value="Hindi" <?php if($row['subject4name'] == 'Hindi') echo 'selected'; ?
>>Hindi</option>
<option value="Sanskrit" <?php if($row['subject4name'] == 'Sanskrit') echo 'selected'; ?
>>Sanskrit</option>
<option value="Agriculture" <?php if($row['subject4name'] == 'Agriculture') echo
'selected'; ?>>Agriculture</option>
<option value="Geography (only theory)" <?php if($row['subject4name'] == 'Geography
(only theory)') echo 'selected'; ?>>Geography (only theory)</option>
<option value="Political Science" <?php if($row['subject4name'] == 'Political Science')
echo 'selected'; ?>>Political Science</option>
<option value="History" <?php if($row['subject4name'] == 'History') echo 'selected'; ?
>>History</option>
<option value="Economics" <?php if($row['subject4name'] == 'Economics') echo
'selected'; ?>>Economics</option>
<option value="Accountancy" <?php if($row['subject4name'] == 'Accountancy') echo
'selected'; ?>>Accountancy</option>
<option value="Business Studies" <?php if($row['subject4name'] == 'Business Studies')
echo 'selected'; ?>>Business Studies</option>
<option value="Physical Education" <?php if($row['subject4name'] == 'Physical
Education') echo 'selected'; ?>>Physical Education</option>
<option value="Painting" <?php if($row['subject4name'] == 'Painting') echo 'selected'; ?
>>Painting</option>
</select><span class="required"> *</span>;
<input type="number" id="subject4marks" value="<?php echo $row['subject4marks']; ?
>" placeholder="Marks" class="enter"><span class="required"> *</span><br><br>
<div id="geopractical">
<input type="number" id="geopracticalmarks" value="<?php echo
$row['geopracticalmarks']; ?>" placeholder="Geography Practical Marks"
class="enter input-form optional"><span class="required"> *</span><br><br>
</div>
<input type="number" id="year" value="<?php echo $row['year']; ?>" placeholder="Year
of passing" class="enter input-form"><span class="required"> *</span><br><br>
<!-- <label class='input-form'>Extra Cirricular Activities</label><br><br> -->
<button type='button' class='page-buttons previous'>Previous</button>
<button type='button' class='page-buttons next'>Next</button>
</div>
<div id='5'>
<p style='text-align: center; font-size: 150%;'><strong>Uploads</strong></p>
<p id="infotext";>
<strong><u>Note:</u></strong>
<i>Students shall have to submit all documents in original to the college as when
demanded by the College.
If not his/her admission may be cancelled by the college.</i></p><br>
<form id="uploads" enctype="multipart/form-data">
<label class='input-form'>Passport Size Photo:(Max upload size: 100 KB)
</label><span class="required"> *</span><br><br>
<input type="file" accept="image/*" id="passportphoto" style='margin-left:
320px;'><br>
<button type="button" id='passportupload' class="input-form upload-
button">Upload</button>
<?php
if(strlen($row['passportphoto']) > 0) {
$passportphoto = $row['passportphoto'];
echo "<a class='input-form view' href='https://jncpasighat.edu.in/$passportphoto'
target='_blank'>View Uploaded File</a>";
?>
<div id="progressbar-passport">
<p style='margin-left: 320px;'><strong>Please wait while file get uploaded .....
progress:</strong></p>
<div class="input-form progress" style="margin-left: 320px; margin-right: 30px;">
<div class="progress-bar"></div>
</div>
</div><br><br>
<label class='input-form'>Class X Pass Certificate:(Max upload size:
500KB) </label><span class="required"> *</span><br><br>
<input type="file" accept="application/pdf, image/*" id="tensheetphoto"
style='margin-left: 320px;'><br>
<button type="button" id='10upload' class="input-form
upload-button">Upload</button>
<?php
if(strlen($row['tensheetphoto']) > 0) {
$tensheetphoto = $row['tensheetphoto'];
echo "<a class='input-form view' href='https://jncpasighat.edu.in/$tensheetphoto'
target='_blank'>View Uploaded File</a>";
?>
<div id="progressbar-10">
<p style='margin-left: 320px;'><strong>Please wait while file get uploaded .....
progress:</strong></p>
<div class="input-form progress" style="margin-left: 320px; margin-right: 30px;">
<div class="progress-bar"></div>
</div>
</div><br><br>
<label class='input-form'>Class XII Marksheet:(Max upload size:
500KB) </label><span class="required"> *</span><br><br>
<input type="file" accept="application/pdf, image/*" id="twelvesheetphoto"
style='margin-left: 320px;'><br>
<button type="button" id='12upload' class="input-form
upload-button">Upload</button>
<?php
if(strlen($row['twelvesheetphoto']) > 0) {
$twelvesheetphoto = $row['twelvesheetphoto'];
echo "<a class='input-form view'
href='https://jncpasighat.edu.in/$twelvesheetphoto' target='_blank'>View Uploaded File</a>";
?>
<div id="progressbar-12">
<p style='margin-left: 320px;'><strong>Please wait while file get uploaded .....
progress:</strong></p>
<div class="input-form progress" style="margin-left: 320px; margin-right: 30px;">
<div class="progress-bar"></div>
</div>
</div><br><br>
<?php
if($row['category'] == 'APST') {
echo "<label class='input-form'>APST Certificate:(Max upload size: 500KB)
</label><span class='required'> *</span><br><br> <input type='file'
accept='application/pdf, image/*' id='apstphoto' style='margin-left: 320px;'><br>";
echo '<button type="button" id="apstupload" class="input-form upload-
button">Upload</button>';
if(strlen($row['apstphoto']) > 0) {
$apstphoto = $row['apstphoto'];
echo "<a class='input-form view' href='https://jncpasighat.edu.in/$apstphoto'
target='_blank'>View Uploaded File</a>";
echo '<div id="progressbar-apst">';
echo '<p style="margin-left: 320px;"><strong>Please wait while file get
uploaded ..... progress:</strong></p>';
echo '<div class="input-form progress" style="margin-left: 320px; margin-right:
30px;">';
echo '<div class="progress-bar"></div>';
echo '</div></div><br><br>';
} else {
echo "";
?>
<label class='input-form'>Aadhaar Card:(Max upload size: 500KB) </label><span
class='required'> *</span><br><br>
<input type="file" accept="application/pdf, image/*" id="aadhaarphoto" style='margin-
left: 320px;'><br>
<button type="button" id='aadhaarupload' class="input-form upload-
button">Upload</button>
<?php
if(strlen($row['aadhaarphoto']) > 0) {
$aadhaarphoto = $row['aadhaarphoto'];
echo "<a class='input-form view' href='https://jncpasighat.edu.in/$aadhaarphoto'
target='_blank'>View Uploaded File</a>";
?>
<div id="progressbar-aadhaar">
<p style='margin-left: 320px;'><strong>Please wait while file get uploaded .....
progress:</strong></p>
<div class="input-form progress" style="margin-left: 320px; margin-right: 30px;">
<div class="progress-bar"></div>
</div>
</div><br><br>
<label class='input-form'>Blood Group:(Max upload size: 500KB) </label><span
class="required"> *</span><br><br>
<input type="file" accept="application/pdf, image/*" id="bloodphoto" style='margin-
left: 320px;'><br>
<button type="button" id='bloodupload' class="input-form
upload-button">Upload</button>
<?php
if(strlen($row['bloodphoto']) > 0) {
$bloodphoto = $row['bloodphoto'];
echo "<a class='input-form view' href='https://jncpasighat.edu.in/$bloodphoto'
target='_blank'>View Uploaded File</a>";
?>
<div id="progressbar-blood">
<p style='margin-left: 320px;'><strong>Please wait while file get uploaded .....
progress:</strong></p>
<div class="input-form progress" style="margin-left: 320px; margin-right: 30px;">
<div class="progress-bar"></div>
</div>
</div><br><br>
<label class='input-form'>Signature:(Max upload size: 100KB) </label><span
class="required"> *</span><br><br>
<input type="file" accept="application/pdf, image/*" id="signphoto" style='margin-left:
320px;'><br>
<button type="button" id='signupload' class="input-form
upload-button">Upload</button>
<?php
if(strlen($row['signphoto']) > 0) {
$signphoto = $row['signphoto'];
echo "<a class='input-form view' href='https://jncpasighat.edu.in/$signphoto'
target='_blank'>View Uploaded File</a>";
}
?>
<div id="progressbar-sign">
<p style='margin-left: 320px;'><strong>Please wait while file get uploaded .....
progress:</strong></p>
<div class="input-form progress" style="margin-left: 320px; margin-right: 30px;">
<div class="progress-bar"></div>
</div>
</div><br><br>
<label class='input-form'>School Leaving Certificate/TC:(Max upload size: 500KB)
</label><span class="required"> *</span><br><br>
<input type="file" accept="application/pdf, image/*" id="tcphoto" style='margin-left:
320px;'><br>
<button type="button" id='tcupload' class="input-form
upload-button">Upload</button>
<?php
if(strlen($row['tcphoto']) > 0) {
$tcphoto = $row['tcphoto'];
echo "<a class='input-form view' href='https://jncpasighat.edu.in/$tcphoto'
target='_blank'>View Uploaded File</a>";
?>
<div id="progressbar-tc">
<p style='margin-left: 320px;'><strong>Please wait while file get uploaded .....
progress:</strong></p>
<div class="input-form progress" style="margin-left: 320px; margin-right: 30px;">
<div class="progress-bar"></div>
</div>
</div><br><br>
<?php
if($row['board'] == 'Other') {
echo "<label class='input-form'>Migration Certificate:(Max upload size: 500KB)
</label><span class='required'> *</span><br><br> <input type='file'
accept='application/pdf, image/*' id='migrationphoto' style='margin-left: 320px;'><br>";
echo '<button type="button" id="migrationupload" class="input-form upload-
button">Upload</button>';
if(strlen($row['migrationphoto']) > 0) {
$migrationphoto = $row['migrationphoto'];
echo "<a class='input-form view'
href='https://jncpasighat.edu.in/$migrationphoto' target='_blank'>View Uploaded File</a>";
echo '<div id="progressbar-migration">';
echo '<p style="margin-left: 320px;"><strong>Please wait while file get
uploaded ..... progress:</strong></p>';
echo '<div class="input-form progress" style="margin-left: 320px; margin-right:
30px;">';
echo '<div class="progress-bar"></div>';
echo '</div>';
echo '</div><br><br>';
} else {
echo "";
?>
<?php
if($row['year'] != date('Y')) {
echo "<label class='input-form'>Gap Certificate:(Max upload size: 500KB)
</label><span class='required'> *</span><br><br> <input type='file'
accept='application/pdf, image/*' id='gapphoto' style='margin-left: 320px;'><br>";
echo '<button type="button" id="gapupload" class="input-form upload-
button">Upload</button>';
if(strlen($row['gapphoto']) > 0) {
$gapphoto = $row['gapphoto'];
echo "<a class='input-form view' href='https://jncpasighat.edu.in/$gapphoto'
target='_blank'>View Uploaded File</a>";
}
echo '<div id="progressbar-gap">';
echo '<p style="margin-left: 320px;"><strong>Please wait while file get
uploaded ..... progress:</strong></p>';
echo '<div class="input-form progress" style="margin-left: 320px; margin-right:
30px;">';
echo '<div class="progress-bar"></div>';
echo '</div>';
echo '</div><br><br>';
} else {
echo "";
if($row['pwd'] == 'Yes') {
echo "<label class='input-form'>Differently Abled Certificate:(Max upload size:
500KB) </label><br><br> <input type='file' class='optional' accept='application/pdf, image/*'
id='diffabledphoto' style='margin-left: 320px;'><br>";
echo '<button type="button" id="pwdupload" class="input-form upload-
button">Upload</button>';
if(strlen($row['diffabledphoto']) > 0) {
$diffabledphoto = $row['diffabledphoto'];
echo "<a class='input-form view'
href='https://jncpasighat.edu.in/$diffabledphoto' target='_blank'>View Uploaded File</a>";
echo '<div id="progressbar-pwd">';
echo '<p style="margin-left: 320px;"><strong>Please wait while file get
uploaded ..... progress:</strong></p>';
echo '<div class="input-form progress" style="margin-left: 320px; margin-right:
30px;">';
echo '<div class="progress-bar"></div>';
echo '</div>';
echo '</div><br><br>';
} else {
echo "";
?>
<button type='button' class='page-buttons previous'>Previous</button>
<button type='button' class='page-buttons upload'>Next</button>
</form>
</div>
<div id='6' style='margin-left: 25%;'>
<p style='text-align: center; font-size: 150%;'><strong>Preview</strong></p><br>
<p style='text-align: center; font-size: 110%;'><strong><u>Personal
Information</u></strong></p><br>
<p><strong>Name:</strong> <?php echo $row['name']; ?></p><br>
<p><strong>Father's Name:</strong> <?php echo $row['fname']; ?></p><br>
<p><strong>Mother's Name:</strong> <?php echo $row['mname']; ?></p><br>
<p><strong>Gender:</strong> <?php echo $row['gender']; ?></p><br>
<p><strong>Date of Birth:</strong> <?php echo $row['dob']; ?></p><br>
<p><strong>Email:</strong> <?php echo $row['email']; ?></p><br>
<p><strong>WhatsApp Number:</strong> <?php echo $row['whatsapp']; ?></p><br>
<p><strong>Category:</strong> <?php echo $row['category']; ?></p><br>
<p><strong>Tribe/Community:</strong> <?php echo $row['tribe']; ?></p><br>
<p><strong>Religion:</strong> <?php echo $row['religion']; ?></p><br>
<p><strong>Nationality:</strong> <?php echo $row['nationality']; ?></p><br>
<p><strong>Aadhaar Card:</strong> <?php echo $row['aadhaar']; ?></p><br>
<p><strong>ABC ID:</strong> <?php echo $row['abc_id']; ?></p><br>
<p><strong>Blood Group:</strong> <?php echo $row['bloodgp']; ?></p><br>
<p><strong>Person with Disability:</strong> <?php echo $row['pwd']; ?></p><br>
<p style='text-align: center; font-size: 110%;'><strong><u>Communication
Information</u></strong></p><br>
<p style='text-align: left; font-size: 100%;'><strong><u>Permanent
Address</u></strong></p><br>
<p><strong>Village/Town:</strong> <?php echo $row['village']; ?></p><br>
<p><strong>Post Office:</strong> <?php echo $row['po']; ?></p><br>
<p><strong>District:</strong> <?php echo $row['district']; ?></p><br>
<p><strong>State:</strong> <?php echo $row['state']; ?></p><br>
<p><strong>Pin Code:</strong> <?php echo $row['pin']; ?></p><br>
<p style='text-align: left; font-size: 100%;'><strong><u>Communication
Address</u></strong></p><br>
<p><strong>Village/Town:</strong> <?php echo $row['villagecom']; ?></p><br>
<p><strong>Post Office:</strong> <?php echo $row['pocom']; ?></p><br>
<p><strong>District:</strong> <?php echo $row['districtcom']; ?></p><br>
<p><strong>State:</strong> <?php echo $row['statecom']; ?></p><br>
<p><strong>Pin Code:</strong> <?php echo $row['pincom']; ?></p><br>
<p style='text-align: center; font-size: 110%;'><strong><u>Academic
Information</u></strong></p><br>
<p><strong>Subject Group:</strong> <?php echo $row['subject1']; ?></p><br>
<p><strong>Major Paper:</strong> <?php echo $row['major']; ?></p><br>
<p><strong>Minor Paper:</strong> <?php echo "To be decided by the Department"; ?
></p><br>
<p><strong>Ability Enhancement Course:</strong> <?php echo "To be decided by the
Department"; ?></p><br>
<p><strong>Multi Disciplinary Course:</strong> <?php echo "To be decided by the
Department"; ?></p><br>
<p><strong>Value Added Course:</strong> <?php echo "To be decided by the
Department"; ?></p><br>
<p><strong>Extra Curricular Activity:</strong> <?php echo $row['extracirri']; ?></p><br>
<p style='text-align: center; font-size: 110%;'><strong><u>Class XII
Information</u></strong></p><br>
<p><strong>Name of last school:</strong> <?php echo $row['namelast']; ?></p><br>
<p><strong>Address of last school:</strong> <?php echo $row['addresslast']; ?></p><br>
<p><strong>Board:</strong> <?php echo $row['board']; ?></p><br>
<p><strong>Marks in English Core:</strong> <?php echo $row['english']; ?></p><br>
<p><strong>Subjects (other than English Core):</strong>
<ul style="margin-left: 5%;">
<li><?php echo $row['subject1name']." - ".$row['subject1marks']; ?></li>
<li><?php echo $row['subject2name']." - ".$row['subject2marks']; ?></li>
<li><?php echo $row['subject3name']." - ".$row['subject3marks']; ?></li>
<li><?php echo $row['subject4name']." - ".$row['subject4marks']; ?></li>
<?php
if($row['geopracticalmarks'] > 0)
echo "<li>Geographical practical - ".$row['geopracticalmarks']."</li>";
?>
</ul>
</p><br>
<p><strong>Year (of completion of Class 12):</strong> <?php echo $row['year'];
?></p><br>
<p style='text-align: center; font-size: 110%;'><strong><u>Uploads</u></strong></p><br>
<p><strong>Passport Size Photo:</strong>
<?php
if(strlen($row['passportphoto']) > 0) {
$passportphoto = $row['passportphoto'];
echo "<a class='input-form view' href='https://jncpasighat.edu.in/$passportphoto'
target='_blank'>View Uploaded File</a>";
?>
</p><br><br>
<p><strong>Class X Pass Certificate:</strong>
<?php
if(strlen($row['tensheetphoto']) > 0) {
$tensheetphoto = $row['tensheetphoto'];
echo "<a class='input-form view' href='https://jncpasighat.edu.in/$tensheetphoto'
target='_blank'>View Uploaded File</a>";
?>
</p><br><br>
<p><strong>Class XII Marksheet:</strong>
<?php
if(strlen($row['twelvesheetphoto']) > 0) {
$twelvesheetphoto = $row['twelvesheetphoto'];
echo "<a class='input-form view'
href='https://jncpasighat.edu.in/$twelvesheetphoto' target='_blank'>View Uploaded File</a>";
?>
</p><br><br>
<?php
if($row['category'] == 'APST') {
echo '<p><strong>APST Certificate:</strong>';
if(strlen($row['apstphoto']) > 0) {
$apstphoto = $row['apstphoto'];
echo "<a class='input-form view' href='https://jncpasighat.edu.in/$apstphoto'
target='_blank'>View Uploaded File</a>";
echo "</p><br><br>";
} else {
echo "";
?>
<p><strong>Aadhaar Card:</strong>
<?php
if(strlen($row['aadhaarphoto']) > 0) {
$aadhaarphoto = $row['aadhaarphoto'];
echo "<a class='input-form view' href='https://jncpasighat.edu.in/$aadhaarphoto'
target='_blank'>View Uploaded File</a>";
?>
</p><br><br>
<p><strong>Blood Group:</strong>
<?php
if(strlen($row['bloodphoto']) > 0) {
$bloodphoto = $row['bloodphoto'];
echo "<a class='input-form view' href='https://jncpasighat.edu.in/$bloodphoto'
target='_blank'>View Uploaded File</a>";
?>
</p><br><br>
<p><strong>Signature:</strong>
<?php
if(strlen($row['signphoto']) > 0) {
$signphoto = $row['signphoto'];
echo "<a class='input-form view' href='https://jncpasighat.edu.in/$signphoto'
target='_blank'>View Uploaded File</a>";
?>
</p><br><br>
<p><strong>School Leaving Certificate/TC:</strong>
<?php
if(strlen($row['tcphoto']) > 0) {
$tcphoto = $row['tcphoto'];
echo "<a class='input-form view' href='https://jncpasighat.edu.in/$tcphoto'
target='_blank'>View Uploaded File</a>";
?>
</p><br><br>
<?php
if($row['board'] == 'Other') {
echo "<p><strong>Migration Certificate:</strong>";
if(strlen($row['migrationphoto']) > 0) {
$migrationphoto = $row['migrationphoto'];
echo "<a class='input-form view' href='https://jncpasighat.edu.in/$migrationphoto'
target='_blank'>View Uploaded File</a>";
echo "</p><br><br>";
} else {
echo "";
?>
<?php
if($row['year'] != date('Y')) {
echo "<p><strong>Gap Certificate:</strong>";
if(strlen($row['gapphoto']) > 0) {
$gapphoto = $row['gapphoto'];
echo "<a class='input-form view' href='https://jncpasighat.edu.in/$gapphoto'
target='_blank'>View Uploaded File</a>";
echo "</p><br><br>";
} else {
echo "";
if($row['pwd'] == 'Yes') {
echo "<p><strong>Differently Abled Certificate:</strong>";
if(strlen($row['diffabledphoto']) > 0) {
$diffabledphoto = $row['diffabledphoto'];
echo "<a class='input-form view' href='https://jncpasighat.edu.in/$diffabledphoto'
target='_blank'>View Uploaded File</a>";
echo "</p><br><br>";
} else {
echo "";
?>
<button type='button' class='page-buttons previous'>Previous</button>
<button type='button' class='page-buttons next'>Next</button>
</div>
<div id='7'>
<p style='text-align: center; font-size: 150%;'><strong>Declaration</strong></p><br>
<p id="infotext"><strong>I hereby declare that all the information provided by me is
correct to the best of my knowledge. If any information found to be incorrect or misleading/fake, my
admission is laible to be cancelled.</strong></p><br>
<p id="infotext"><strong>Further, I declare that I have carefully read prospectus and
hereby, commit myself to abide by the rules written in it. I am fully aware that in the event of breach
of any of the college rules and commiting of any of the offences mentioned therein, I shall be liable
to disciplinary proceedings as deemed fit by the college authorities, including expulsion from the
college.</strong></p><br>
<label class='input-form'>I Agree:</label>
<input type="checkbox" id="agree"><span class="required"> *</span><br><br>
<button type='button' class='page-buttons previous'>Previous</button>
<button type='button' id="submit" class='page-buttons submit'>Submit</button>
</div>
</div>
</div>
<br><br>
<script>
/*
FORM VALIDATION
*/
// Check empty fields
function check_empty(num) {
var empty_count = 0;
$('#' + num).children('input').each(function () {
if((!$(this).hasClass('optional') && $(this).val().length == 0)) {
$(this).css('background', '#ffb9b9');
empty_count++
else {
$(this).css('background', '#ffffff');
}
});
$('#' + num).find('form').children('input').each(function () {
if(!$(this).hasClass('optional') && $(this).val().length == 0) {
$(this).css('background', '#ffb9b9');
empty_count++
else {
$(this).css('background', '#ffffff');
});
$('#' + num).children('select').each(function () {
console.log($(this).val());
if($(this).val() == "1") {
$(this).css('background', '#ffb9b9');
empty_count++
else {
$(this).css('background', '#ffffff');
});
return empty_count;
// Email validation
function isEmail(email) {
var regex = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/;
return regex.test(email);
}
// Checks per tabs
function check_tabs(num) {
var errorString = "";
// Check empty fields
if(num != 5 && check_empty(num) > 0)
errorString += "Complete all the fields colored as red.";
// Specific checks based on tabs
if(num == 1) {
if(!errorString) {
// Email validation
if(!isEmail($('#email').val()))
errorString += "Invalid email address.";
// WhatsApp number validation
if($("#whatsapp").val().length != 10)
errorString += "Invalid phone number (length should be 10)";
// Aadhaar card number validation
if($("#aadhaar").val().length != 0 && $("#aadhaar").val().length != 12)
errorString += "Invalid aadhaar card number (length should be 12), can't be
blank!";
// ABC_ID number validation
if($("#abc_id").val().length != 0 && $("#abc_id").val().length != 12)
errorString += "Invalid ABC_ID (length should be 12), ABC_ID can't be blank";
// ABC_ID_Confirm number validation
if($("#abc_id_confirm").val().length != 0 && $("#abc_id_confirm").val().length !=
12)
errorString += "Invalid ABC_ID_Confirm (length should be 12), ABC_ID_Confirm
can't be blank";
// ABC_ID and ABC_ID_Confirm matching validation
if ($("#abc_id").val() != $("#abc_id_confirm").val())
errorString += "ABC ID and Confirm ABC ID should match";
} else if(num == 2) {
if(!errorString) {
// Pin code (permanent address) validation
if($("#pin").val().length != 6)
errorString += "Invalid pin code in permanent address (length should be 6)";
// Pin code (communication address) validation
if($("#pincom").val().length != 6)
errorString += "Invalid pin code in communication address (length should be 6)";
} else if(num == 3) {
if(!errorString) {
// Check if subjects have equal value
//if($("#subject1").val() == $("#subject2").val())
// errorString += "All subjects should be unique";
} else if(num == 4) {
if(!errorString) {
// Check subject name values
if($("#subject1name").val() == '--Select a Value--') {
errorString += "Subject 1 name cannot be empty";
if($("#subject2name").val() == '--Select a Value--') {
errorString += "Subject 2 name cannot be empty";
if($("#subject3name").val() == '--Select a Value--') {
errorString += "Subject 3 name cannot be empty";
if($("#subject4name").val() == '--Select a Value--') {
errorString += "Subject 4 name cannot be empty";
// Check if english core marks is in range [0, 100]
if($("#english").val() < 0 || $("#english").val() > 100)
errorString += "Invalid marks in english (should be between 0 and 100)";
// Check if subjects aren't unique
if($("#subject1name").val() == $("#subject2name").val() || $
("#subject1name").val() == $("#subject3name").val() ||
$("#subject1name").val() == $("#subject4name").val() || $
("#subject1name").val() == $("#subject4name").val() ||
$("#subject2name").val() == $("#subject3name").val() || $
("#subject2name").val() == $("#subject4name").val() ||
$("#subject3name").val() == $("#subject4name").val())
errorString += "Subjects should be unique";
// Check if marks for all subjects are in range [0, 100] and if any subject is geography
var is_geo = false;
for(var i = 1; i <= 4; i++) {
if($("#subject" + i + "marks").val() < 0 || $("#subject" + i + "marks").val() > 100) {
errorString += "Invalid marks in subject " + i + " (should be between 0 and 100)";
}
if($("#subject" + i + "name").val() == 'Geography (only theory)') {
is_geo = true;
if($("#subject" + i + "marks").val() < 0 || $("#subject" + i + "marks").val() > 70) {
errorString += "Geography theory marks needs to be in range [0, 70]";
// Check if geography practical marks is entered or not (if it applies)
if(is_geo && $("#geopracticalmarks").val().length == 0)
errorString += "Enter geography practical marks";
// Check if geography practical marks is in between 0 and 30
if(is_geo && ($("#geopracticalmarks").val() < 0 || $("#geopracticalmarks").val() > 30))
errorString += "Geography practical marks needs to be in range [0, 30]";
} else if(num == 5) {
var passport = <?php if($row['passportphoto'] == '') echo '"Req"'; else echo
'"NoReq"'; ?>;
var ten = <?php if($row['tensheetphoto'] == '') echo '"Req"'; else echo '"NoReq"'; ?>;
var twelve = <?php if($row['twelvesheetphoto'] == '') echo '"Req"'; else echo '"NoReq"'; ?
>;
var apst = <?php if($row['category'] == 'APST') { if($row['apstphoto'] == '') echo '"Req"';
else echo '"NoReq"'; } else echo '"NoReq"'; ?>;
var aadhaar = <?php if($row['aadhaarphoto'] == '') echo '"Req"'; else echo '"NoReq"'; ?>;
//aadhaar//
var blood = <?php if($row['bloodphoto'] == '') echo '"Req"'; else echo '"NoReq"'; ?>;
var sign = <?php if($row['signphoto'] == '') echo '"Req"'; else echo '"NoReq"'; ?>;
var tc = <?php if($row['tcphoto'] == '') echo '"Req"'; else echo '"NoReq"'; ?>;
var migration = <?php if($row['board'] == 'Other') { if($row['migrationphoto'] == '') echo
'"Req"'; else echo '"NoReq"'; } else echo '"NoReq"'; ?>;
var gap = <?php if($row['year'] != date('Y')) { if($row['gapphoto'] == '') echo '"Req"'; else
echo '"NoReq"'; } else echo '"NoReq"'; ?>;
if(passport == 'Req') {
errorString += "Passport photo is required.";
$("#passportphoto").css('background', '#ffb9b9');
if(ten == 'Req') {
errorString += "Ten marksheet is required.";
$("#tensheetphoto").css('background', '#ffb9b9');
if(twelve == 'Req') {
errorString += "Twelve marksheet is required.";
$("#twelvesheetphoto").css('background', '#ffb9b9');
if(apst == 'Req') {
errorString += "APST certificate is required.";
$("#apstphoto").css('background', '#ffb9b9');
if(aadhaar == 'Req') {
errorString += "Aadhaar Card is required.";
$("#aadhaarphoto").css('background', '#ffb9b9');
//aadhaar//
if(blood == 'Req') {
errorString += "Blood group proof is required.";
$("#bloodphoto").css('background', '#ffb9b9');
if(sign == 'Req') {
errorString += "Signature is required.";
$("#signphoto").css('background', '#ffb9b9');
}
if(tc == 'Req') {
errorString += "School leaving/transfer certificate is required.";
$("#tcphoto").css('background', '#ffb9b9');
if(migration == 'Req') {
errorString += "Migration certificate is required.";
$("#migrationphoto").css('background', '#ffb9b9');
if(gap == 'Req') {
errorString += "Gap certificate is required";
$("#gapphoto").css('background', '#ffb9b9');
return errorString;
// Show a particular tab
function show_slink(num) {
$('html, body').animate({ scrollTop: 0 }, 'fast');
var current_tab = <?php echo $row['tab']; ?>;
for(var i = 1; i <= 7; i++) {
if(i != num) {
$('#' + i).hide();
$('.slink[value="' + i + '"]').removeClass('selected');
else if(i > current_tab) {
Swal.fire({
icon: "error",
title: "Error",
text: "Complete all previous parts first!",
}).then(function() {
show_slink(current_tab);
});
else {
$('#' + i).show();
$('.slink[value="' + i + '"]').addClass('selected');
// Hide all the progressbars initially
$("#progressbar-passport").hide();
$("#progressbar-10").hide();
$("#progressbar-12").hide();
$("#progressbar-apst").hide();
$("#progressbar-aadhaar").hide();
$("#progressbar-blood").hide();
$("#progressbar-sign").hide();
$("#progressbar-tc").hide();
$("#progressbar-migration").hide();
$("#progressbar-gap").hide();
$("#progressbar-pwd").hide();
// Hide the progressbar initially
$("#progressbar").hide();
// On page load, start with current tab
show_slink(<?php echo $row['tab']; ?>);
// On clicking a tab, open that tab
$(".slink").click(function() {
show_slink(parseInt($(this).val()));
});
// Editable select
$("#subject1name").editableSelect();
$("#subject2name").editableSelect();
$("#subject3name").editableSelect();
$("#subject4name").editableSelect();
// Check saved value and display
var subject1name = <?php if(strlen($subject1name) == 0) echo '"empty"'; else echo
'"not"' ?>;
var subject2name = <?php if(strlen($subject2name) == 0) echo '"empty"'; else echo
'"not"' ?>;
var subject3name = <?php if(strlen($subject3name) == 0) echo '"empty"'; else echo
'"not"' ?>;
var subject4name = <?php if(strlen($subject4name) == 0) echo '"empty"'; else echo
'"not"' ?>;
if(subject1name != 'empty') {
$("#subject1name").val("<?php echo $subject1name ?>");
} else {
$("#subject1name").val("--Select a value--");
if(subject2name != 'empty') {
$("#subject2name").val("<?php echo $subject2name ?>");
} else {
$("#subject2name").val("--Select a value--");
if(subject3name != 'empty') {
$("#subject3name").val("<?php echo $subject3name ?>");
} else {
$("#subject3name").val("--Select a value--");
if(subject4name != 'empty') {
$("#subject4name").val("<?php echo $subject4name ?>");
} else {
$("#subject4name").val("--Select a value--");
// Show practical marks only when geography is selected
$("#geopractical").hide();
function show_hide_geo_practical() {
var show_geo_prac = false;
for(var i=1; i<=4; i++) {
if($("#subject" + i + "name").val() == 'Geography (only theory)') {
show_geo_prac = true;
$("#geopractical").show();
break;
if(!show_geo_prac)
$("#geopractical").hide();
}
show_hide_geo_practical();
$(".bcom-sub").on('select.editable-select', function() {
show_hide_geo_practical();
});
// Submit button
$("#submit").click(function() {
if($("#agree").is(":checked")) {
Swal.fire({
title: 'Are you sure you want to submit?',
text: "You won't be able to edit after submitting!",
icon: 'warning',
showCancelButton: true,
confirmButtonColor: '#3085d6',
cancelButtonColor: '#d33',
confirmButtonText: 'Yes'
}).then((result) => {
if (result.value) {
var id = <?php echo $id; ?>;
var sid = <?php echo $sid; ?>;
$.ajax({
url: "/submit-form",
type: "post",
data: {'id': id, 'sid': sid, 'type': 'bcom'},
success: function(result) {
Swal.fire({
'title': 'Success',
'text': 'Submitted successfully!',
'icon': 'success'
}).then((result) => {
window.location.href = '/profile';
});
},
error: function() {
Swal.fire({
'title': 'Error',
'text': 'There seems to be some kind of error here, please try again later!',
'icon': 'error'
});
})
});
} else {
Swal.fire({
'title': 'Error',
'text': 'You have to agree to the declaration to submit!',
'icon': 'error'
});
});
// Push data to db tab wise
function push_tab_data(num) {
if(num == 1) {
var id = <?php echo $id; ?>;
var sid = <?php echo $sid; ?>;
var name = $('#name').val();
var fname = $('#fname').val();
var mname = $('#mname').val();
var gender = $('#gender').val();
var dob = $('#dob').val();
var email = $('#email').val();
var whatsapp = $('#whatsapp').val();
var category = $('#category').val();
var tribe = $('#tribe').val();
var religion = $('#religion').val();
var nationality = $('#nationality').val();
var aadhaar = $('#aadhaar').val();
var abc_id = $('#abc_id').val();
var bloodgp = $('#bloodgp').val();
var pwd = $('#pwd').val();
$.ajax({
url: '/personal_info',
type: 'post',
data: {'id': id, 'sid': sid, 'name': name, 'fname': fname, 'mname': mname, 'gender':
gender, 'dob': dob, 'email': email, 'whatsapp': whatsapp, 'category': category, 'tribe': tribe, 'religion':
religion, 'nationality': nationality, 'aadhaar': aadhaar, 'abc_id': abc_id, 'bloodgp': bloodgp, 'pwd': pwd,
'type': 'bcom'},
success: function(result) {
Swal.fire({
'title': 'Success',
'text': 'Saved successfully!',
'icon': 'success'
}).then((result) => {
window.location.reload();
});
},
error: function() {
Swal.fire({
'title': 'Error',
'text': 'There seems to be some kind of error here, please try again later!',
'icon': 'error'
});
});
} else if(num == 2) {
var id = <?php echo $id; ?>;
var sid = <?php echo $sid; ?>;
var village = $("#village").val();
var po = $("#po").val();
var district = $("#district").val();
var state = $("#state").val();
var pin = $("#pin").val();
var villagecom = $("#villagecom").val();
var pocom = $("#pocom").val();
var districtcom = $("#districtcom").val();
var statecom = $("#statecom").val();
var pincom = $("#pincom").val();
$.ajax({
url: '/comm_info',
type: 'post',
data: {'id': id, 'sid': sid, 'village': village, 'po': po, 'district': district, 'state': state, 'pin': pin,
'villagecom': villagecom, 'pocom': pocom, 'districtcom': districtcom, 'statecom': statecom, 'pincom':
pincom, 'type': 'bcom'},
success: function(result) {
Swal.fire({
'title': 'Success',
'text': 'Saved successfully!',
'icon': 'success'
}).then((result) => {
window.location.reload();
});
},
error: function() {
Swal.fire({
'title': 'Error',
'text': 'There seems to be some kind of error here, please try again later!',
'icon': 'error'
});
});
} else if(num == 3) {
var id = <?php echo $id; ?>;
var sid = <?php echo $sid; ?>;
var major = $("#major").val();
console.log(major);
// var major = $("#major").val(); //
var minor = $("#minor").val();
var aec = $("#aec").val();
var mdc = $("#mdc").val();
var vac = $("#vac").val();
var extracirri = $("#extracirri").val();
/* var core_subject = $("#core_subject_" + subject1).val();
var choice_based_paper = $("#choice_based_paper_" + subject1).val();
var extracirri = $("#extracirri").val(); */
$.ajax({
url: '/sub_info',
type: 'post',
data: {'id': id, 'sid': sid, 'major': major, 'minor': minor, 'aec': aec, 'mdc': mdc, 'vac': vac,
'extracirri': extracirri, 'type': 'bcom'},
success: function(result) {
Swal.fire({
'title': 'Success',
'text': 'Saved successfully!',
'icon': 'success'
}).then((result) => {
window.location.reload();
});
},
error: function() {
Swal.fire({
'title': 'Error',
'text': 'There seems to be some kind of error here, please try again later!',
'icon': 'error'
});
});
} else if(num == 4) {
var id = <?php echo $id; ?>;
var sid = <?php echo $sid; ?>;
var namelast = $("#namelast").val();
var addresslast = $("#addresslast").val();
var board = $("#board").val();
var english = $("#english").val();
var subject1name = $("#subject1name").val();
var subject2name = $("#subject2name").val();
var subject3name = $("#subject3name").val();
var subject4name = $("#subject4name").val();
var subject1marks = $("#subject1marks").val();
var subject2marks = $("#subject2marks").val();
var subject3marks = $("#subject3marks").val();
var subject4marks = $("#subject4marks").val();
var geopracticalmarks = $("#geopracticalmarks").val();
var year = $("#year").val();
var extracirri = $("#extracirri").val();
$.ajax({
url: '/12_sub_info',
type: 'post',
data: {'id': id, 'sid': sid, 'namelast': namelast, 'addresslast': addresslast, 'english': english,
'subject1name': subject1name, 'subject2name': subject2name, 'subject3name': subject3name,
'subject4name': subject4name, 'subject1marks': subject1marks, 'subject2marks': subject2marks,
'subject3marks': subject3marks, 'subject4marks': subject4marks, 'geopracticalmarks':
geopracticalmarks, 'year': year, 'extracirri': extracirri, 'board': board, 'type': 'bcom'},
success: function(result) {
Swal.fire({
'title': 'Success',
'text': 'Saved successfully!',
'icon': 'success'
}).then((result) => {
window.location.reload();
});
},
error: function() {
Swal.fire({
'title': 'Error',
'text': 'There seems to be some kind of error here, please try again later!',
'icon': 'error'
});
}
});
} else if(num == 5) {
var id = <?php echo $id; ?>;
var sid = <?php echo $sid; ?>;
$.ajax({
url: '/uploads',
type: 'post',
data: {'id': id, 'sid': sid, 'type': 'bcom', 'dtype': 'next'},
success: function(result) {
Swal.fire({
'title': 'Success',
'text': 'Saved successfully!',
'icon': 'success'
}).then((result) => {
window.location.reload();
});
},
error: function() {
Swal.fire({
'title': 'Error',
'text': 'There seems to be some kind of error here, please try again later!',
'icon': 'error'
});
});
} else if(num == 6) {
var id = <?php echo $id; ?>;
var sid = <?php echo $sid; ?>;
$.ajax({
url: '/preview_done',
type: 'post',
data: {'id': id, 'sid': sid, 'type': 'bcom'},
success: function(result) {
Swal.fire({
'title': 'Success',
'text': 'Saved successfully!',
'icon': 'success',
}).then((result) => {
window.location.reload();
});
},
error: function() {
Swal.fire({
'title': 'Error',
'text': 'There seems to be some kind of error here, please try again later!',
'icon': 'error',
});
},
});
// Function to handle single upload
function upload_doc(image_id, dtype, progress_id, name_data, size) {
var errorString = "";
if($("#" + image_id).val().length == 0) {
errorString += 'Choose a ' + name_data + '!';
if(errorString == "" && $("#" + image_id)[0].files[0].size/1024 > size) {
errorString += 'File size too large, should be less than ' + size + 'KB';
if(errorString != "") {
Swal.fire({
'title': 'Error',
'text': errorString,
'icon': 'error'
})
} else {
var id = <?php echo $id; ?>;
var sid = <?php echo $sid; ?>;
var all_data = new FormData();
all_data.append('type', 'bcom');
all_data.append('dtype', dtype);
all_data.append('id', id);
all_data.append('sid', sid);
all_data.append(image_id, $("#" + image_id)[0].files[0]);
Swal.fire({
'title': 'Please wait',
'text': 'Please wait while your file is uploading....',
'icon': 'info'
});
$.ajax({
xhr: function() {
var xhr = new window.XMLHttpRequest();
xhr.upload.addEventListener("progress", function(evt) {
if (evt.lengthComputable) {
var percentComplete = ((evt.loaded / evt.total) * 100);
$(".progress-bar").width(percentComplete + '%');
$(".progress-bar").html(parseInt(percentComplete) + '%');
}, false);
return xhr;
},
url: '/uploads',
type: 'post',
data: all_data,
dataType: 'json',
contentType: false,
cache: false,
processData:false,
beforeSend: function(){
$("#progressbar-" + progress_id).show();
$(".progress-bar").width('0%');
},
success: function(result) {
Swal.close();
Swal.fire({
'title': 'Success',
'text': 'Saved successfully!',
'icon': 'success'
}).then((result) => {
window.location.reload();
});
},
error: function(jqXHR, textStatus, errorThrown) {
console.log(jqXHR);
console.log(textStatus);
console.log(errorThrown);
}
});
// Handle upload buttons in uplods tab
$("#passportupload").click(function() {
upload_doc("passportphoto", "passport", "passport", "passport size photo", 100);
});
$("#10upload").click(function() {
upload_doc("tensheetphoto", "ten", "10", "class X marksheet", 500);
});
$("#12upload").click(function() {
upload_doc("twelvesheetphoto", "twelve", "12", "class XII marksheet", 500);
});
$("#apstupload").click(function() {
upload_doc("apstphoto", "apst", "apst", "APST certificate", 500);
});
$("#aadhaarupload").click(function() {
upload_doc("aadhaarphoto", "aadhaar", "aadhaar", "aadhaar card", 500 );
});
$("#bloodupload").click(function() {
upload_doc("bloodphoto", "bgroup", "blood", "blood group proof", 500);
});
$("#signupload").click(function() {
upload_doc("signphoto", "sign", "sign", "signature", 100);
});
$("#tcupload").click(function() {
upload_doc("tcphoto", "tc", "tc", "school leaving/transfer certificate", 500);
});
$("#migrationupload").click(function() {
upload_doc("migrationphoto", "migration", "migration", "migration certificate", 500);
});
$("#gapupload").click(function() {
upload_doc("gapphoto", "gap", "gap", "gap certificate", 500);
});
$("#pwdupload").click(function() {
upload_doc("diffabledphoto", "pwd", "pwd", "differently abled certificate", 500);
});
// On clicking next, update the tab to tab + 1
$(".next").click(function() {
var slink_num = parseInt($(this).parent().attr('id'));
var errorString = check_tabs(slink_num);
if(errorString) {
Swal.fire({
'title': 'Error',
'text': errorString,
'icon': 'error'
});
slink_num--;
} else {
push_tab_data(slink_num);
});
// Submit uploads section to backend
$(".upload").click(function() {
var errorString = check_tabs(5);
if(errorString) {
Swal.fire({
'title': 'Error',
'text': errorString,
'icon': 'error'
});
slink_num--;
} else {
push_tab_data(5);
});
// On clicking previous, update the tab to tab - 1
$(".previous").click(function() {
var slink_num = parseInt($(this).parent().attr('id')) - 1;
show_slink(slink_num);
});
// Copy permanent address to communication address
$("#addrcheck").change(function() {
if($(this).is(":checked")) {
$("#villagecom").val($("#village").val());
$("#pocom").val($("#po").val());
$("#districtcom").val($("#district").val());
$("#statecom").val($("#state").val());
$("#pincom").val($("#pin").val());
} else {
$("#villagecom").val("");
$("#pocom").val("");
$("#districtcom").val("");
$("#statecom").val("");
$("#pincom").val("");
});
//SHOW-HIDE CBZ-PCM GROUP
function show_course_group() {
var course = $("#course").val();
$(".group").hide();
$("."+course).show();
show_course_group();
$(document).ready(function(){
$("#course").change(function(){
show_course_group();
});
});
/* //CHANGING CBZ CBCS
function getSelectValueCbz(core_subject_cbz){
if( core_subject_cbz!= ' '){
$("#choice_based_paper_cbz option[value ='"+core_subject_cbz+"']").hide();
$("#choice_based_paper_cbz option[value !='"+core_subject_cbz+"']").show();
// CHANGING PCM CBCS
function getSelectValuePcm(core_subject_pcm){
if( core_subject_pcm!= ' '){
$("#choice_based_paper_pcm option[value ='"+core_subject_pcm+"']").hide();
$("#choice_based_paper_pcm option[value !='"+core_subject_pcm+"']").show();
*/
</script>
<!-- Footer-Starts-Here -->
<div class="footer slideanim">
<div class="container">
<div class="footer-info slideanim" style="margin: 0 auto;">
<div class="col-md-4 col-sm-4 f2">
<h3 class="address">Address</h3>
<address>
<ul>
<li>The Principal,</li>
<li>Jawaharlal Nehru College,</li>
<li>P.O. Hill Top,</li>
<li>Dist. East Siang,</li>
<li>Pasighat: 791 103.</li>
<li>Arunachal Pradesh.</li>
<li>(India)</li>
</ul>
</address>
</div>
<div class="clearfix"></div>
</div>
<ul class="social slideanim" id="follow">
<li><a href="#" class="facebook" title="Go to Our Facebook Page"></a></li>
<li><a href="#" class="twitter" title="Go to Our Twitter Account"></a></li>
</ul>
<div class="copyright">
<p>© <?php echo date('Y'); ?> Jawharlal Nehru College</p>
</div>
</div>
<!-- Slide-To-Top JavaScript (No-Need-To-Change) -->
<script type="text/javascript">
$(document).ready(function() {
/*
var defaults = {
containerID: 'toTop', // fading element id
containerHoverID: 'toTopHover', // fading element hover id
scrollSpeed: 1200,
easingType: 'linear'
};
*/
$().UItoTop({ easingType: 'easeOutQuart' });
});
</script>
<a href="#" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;">
</span></a>
<!-- //Slide-To-Top JavaScript -->
</div>
<!-- //Footer-Ends-Here -->
<script>
$(document).ready(function(){
// Add smooth scrolling to all links in navbar + footer link
$(".navbar a, footer a[href='#myPage']").on('click', function(event) {
// Store hash
var hash = this.hash;
// Using jQuery's animate() method to add smooth page scroll
// The optional number (900) specifies the number of milliseconds it takes to scroll to the specified
area
$('html, body').animate({
scrollTop: $(hash).offset().top
}, 900, function(){
// Add hash (#) to URL when done scrolling (default click behavior)
window.location.hash = hash;
});
});
$(window).scroll(function() {
$(".slideanim").each(function(){
var pos = $(this).offset().top;
var winTop = $(window).scrollTop();
if (pos < winTop + 600) {
$(this).addClass("slide");
});
});
})
</script>
</body>
<!-- Body-Ends-Here -->
</html>