<style>
.instructions {
width: 80%;
margin: 0 auto
}
.bdrbx {
border: 1px solid #eee;
padding: 10px;
}
.instructions .table-bordered>thead>tr>th {
padding: 3px 6px !important;
}
.instructions .table-bordered>tbody>tr>td {
padding: 3px 6px !important;
}
.instructions .table-bordered>tbody>tr>td {
font-size: 13px;
color: #333;
border: 1px solid #eee;
background: #fff;
border-radius: 0px;
border-bottom: 1px solid #eee;
}
</style>
<div class="instructions hide">
<h4 class="text-center text-danger" style="margin: 0 0 20px 0;">IMPORTANT INSTRUCTIONS FOR ONLINE APPLICATION</h4>
<div>
<div class="table-responsive">
<table class="table table-bordered">
<thead>
<tr>
<th colspan="2" class="text-center">General Instructions:</th>
</tr>
</thead>
<tbody>
<tr>
<td class="w20">1.</td>
<td>Read the Instructions carefully and select "I Agree" and Press 'START' button to proceed
further.</td>
</tr>
<tr>
<td class="w20">2.</td>
<td>
Before start of filling-up of application through on-line mode, the candidate should keep
ready, the following details/ documents:
<ul>
<li>Recent Passport size coloured photograph</li>
<li>Soft copy of Self Signature</li>
<li>Original Class 10thMarksheet</li>
<li>Original Class 12thMarksheet / Class 12th Admit Card</li>
<li>Diploma Marksheet (if applicable)</li>
<li>Original Bachelor’s Marksheet - All semester/year marksheets (only for students
applying for PG programme)</li>
<li>Provisional / final degree certificate of graduation (only for students applying for
PG programme)</li>
<li>Entrance Exam Score Card (if any - JEE, CLAT, LSAT, CAT, MAT, XAT, NATA, etc as
applicable)</li>
<li>Aadhar Card (front & back side both)</li>
<li>Category Certificate (if applicable)</li>
</ul>
</td>
</tr>
<tr>
<td class="w20">3.</td>
<td>Registration number (System ID), password (Application Number), and all other important
communication will be sent on the same registered e-mail ID (please ensure that email sent
to this mailbox is not redirected to your junk / spam folder).</td>
</tr>
<tr>
<td class="w20">4.</td>
<td>Application Fee once paid will not be refunded in any case, neither shall be held reserved
for any other recruitment nor selection process in future.</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="bdrbx">
<label class="text-danger" ng-click="CR.chkInstructions()">
<input type="checkbox" id="inschk">
I Agree that I have read and understood clearly all the above instructions and eligibility conditions
including advertisement for the Post I am applying and agree to abide by all conditions during the process
of recruitment.
</label>
<div class="text-center">
<button type="button" class="btn btn-primary btn-lg" ng-disabled="CR.disstart" ng-click="CR.showForm()"
style="width: 200px;">Start</button>
</div>
</div>
</div>
<div class="container-fluid frmdivbx1 hide1">
<div class="row">
<div class="col-md-12">
<div class="alert alert-info alert-dismissible fade in">
<a href="#" class="close" data-dismiss="alert" aria-label="close">×</a>
<i class="fa fa-exclamation-triangle blue-clr" aria-hidden="true"></i> <strong>Congratulations!</strong>
You have successfully completed your Step {{CR.appDtl.step_completed}} towards Application at Sharda
University. Your System ID is {{CR.appDtl.application_no}}.
</div>
</div>
<div class="col-md-12">
<div class="row">
<div class="col-md-12">
<div class="application">
<ul class="tabs">
<li class="active active2" rel="tab1">
<i class="fa fa-check"></i> Basic Details
</li>
<!-- <li class="{{CR.appDtl.step_completed>=2?'active2':''}}" rel="tab2">
<i class="fa fa-check block"></i> Personal / Academic Details
</li> -->
<li class="{{CR.appDtl.step_completed>=2?'active2':''}}" rel="tab3">
<i class="fa fa-check block"></i> Application Fee Payment
</li>
</ul>
<div class="tab_container">
<h3 class="d_active tab_drawer_heading" rel="tab1">Basic Details</h3>
<div id="tab1" class="tab_content">
<form class="form" id="basicForm" autocomplete="off" spellcheck="false">
<input type="hidden" name="id" value="{{CR.appDtl.id}}">
<div class="col-md-4 col-sm-4">
<div class="form-group">
<label>Campus</label>
<select class="form-control" name="campus_id" ng-model="CR.appDtl.campus_id"
ng-change="CR.campusChange()">
<option value="">Select Campus</option>
<option value="{{r.id}}" ng-repeat="r in CR.campuses">{{r.title}}
</option>
</select>
</div>
</div>
<div class="col-md-4 col-sm-4">
<div class="form-group">
<label>Name</label>
<input type="text" class="form-control" disabled ng-model="CR.dtl.name"
placeholder="Enter Your Name">
</div>
</div>
<div class="col-md-4 col-sm-4">
<div class="form-group">
<label>Email ID</label>
<input type="text" class="form-control" disabled ng-model="CR.dtl.email"
placeholder="Enter Your Email ID">
</div>
</div>
<!-- <div class="col-md-4 col-sm-6">
<div class="form-group">
<label>Programme Type</label>
<select class="form-control arrow" name="ac_id" ng-model="CR.appDtl.ac_id" ng-change="CR.getPrograms(CR.appDtl.ac_id)" ng-disabled="CR.appDtl.step_completed==3">
<option value="">Select Programme Type</option>
<option value="{{r.id}}" ng-repeat="r in CR.academicCareers">{{r.title}}</option>
</select>
</div>
</div>
<div class="col-md-4 col-sm-6">
<div class="form-group">
<label>Programme</label>
<select class="form-control arrow" name="program_id" ng-model="CR.appDtl.program_id" ng-change="CR.getPlans(CR.appDtl.program_id)" ng-disabled="CR.appDtl.step_completed==3">
<option value="">Select Programme</option>
<option value="{{r.id}}" ng-repeat="r in CR.programs">{{r.title}}</option>
</select>
</div>
</div>
<div class="col-md-4 col-sm-6">
<div class="form-group">
<label>Specialization</label>
<select class="form-control arrow" name="plan_id" ng-model="CR.appDtl.plan_id" ng-disabled="CR.appDtl.step_completed==3">
<option value="">Select Specialization</option>
<option value="{{r.id}}" ng-repeat="r in CR.plans">{{r.title}}</option>
</select>
</div>
</div> -->
<div class="col-md-4 col-sm-6">
<div class="form-group">
<label>Discipline</label>
<select class="form-control arrow" name="discipline_id"
ng-model="CR.appDtl.discipline_id" ng-change="CR.appDtl.plan_id=''">
<option value="">Select</option>
<option value="{{r.id}}" ng-repeat="r in CR.disciplines"
ng-if="r.campus_ids.indexOf(CR.appDtl.campus_id)>=0">{{r.title}}
</option>
</select>
</div>
</div>
<div class="col-md-4 col-sm-6">
<div class="form-group">
<label>Specialization</label>
<select class="form-control arrow" name="plan_id"
ng-model="CR.appDtl.plan_id">
<option value="">Select Specialization</option>
<option value="{{r.id}}" ng-repeat="r in CR.allPlans"
ng-if="r.discipline_id==CR.appDtl.discipline_id && r.campus_ids.indexOf(CR.appDtl.campus_id)>=0">
{{r.title}}
</option>
</select>
</div>
</div>
<div class="col-md-4 col-sm-6">
<div class="form-group">
<label>Mobile</label>
<input type="text" class="form-control" disabled ng-model="CR.dtl.mob"
placeholder="Enter Your Mobile No.">
</div>
</div>
<div class="col-md-4 col-sm-6">
<div class="form-group">
<label>Applicant's Gender</label>
<select class="form-control arrow" name="gender" ng-model="CR.dtl.gender">
<option value="">Select Gender</option>
<option value="Male">Male</option>
<option value="Female">Female</option>
<option value="Other">Other</option>
</select>
</div>
</div>
<div class="col-md-4 col-sm-6">
<div class="form-group">
<label>Applicant's DOB</label>
<input type="text" class="form-control cal hasCal" name="dob"
ng-model="CR.dtl.dob" placeholder="Date of Birth" readonly>
</div>
</div>
<!-- Medical Feilds -->
<div ng-if="CR.dtl.is_medical">
<div>
<div class="col-md-4 col-sm-6">
<div class="form-group">
<label>NEET Roll No.</label>
<input type="text" class="form-control" placeholder="NEET Roll No."
name="neet_roll_no" ng-model="CR.dtl.neet_roll_no"
ng-disabled="CR.appDtl.step_completed==3">
</div>
</div>
<div class="col-md-4 col-sm-6">
<div class="form-group">
<label>NEET Marks</label>
<input type="text" class="form-control" placeholder="NEET Marks"
name="neet_marks" ng-model="CR.dtl.neet_marks"
ng-disabled="CR.appDtl.step_completed==3">
</div>
</div>
<div class="col-md-4 col-sm-6">
<div class="form-group">
<label>NEET All India Rank</label>
<input type="text" class="form-control"
placeholder="NEET All India Rank" name="neet_all_india_rank"
ng-model="CR.dtl.neet_all_india_rank"
ng-disabled="CR.appDtl.step_completed==3">
</div>
</div>
</div>
<div class="col-md-6 col-sm-6">
<div class="form-group">
<label>Upload your NEET Scorecard</label>
<input class="form-control" type="file" name="neet_scorecard_file"
id="neet_scorecard_file" ng-disabled="CR.appDtl.step_completed==3">
<div class="note-text">gif|jpg|png|pdf|doc|xls|ppt|docx|xlsx|pptx | Max
Size: 2MB</div>
<div class="pdT5" ng-if="CR.dtl.neet_scorecard_file_url">
<a href="{{CR.dtl.neet_scorecard_file_url}}" target="_blank"
class="text-danger">View Uploaded Scorecard</a>
</div>
</div>
</div>
</div>
<!-- / -->
<div class="col-md-12 col-sm-12">
<p class="text-center">
<button class="button" ng-click="CR.updateApplicationDtl()"
ng-if="CR.appDtl.step_completed!=3">SAVE & PROCEED TO PAYMENT <i
class="fa fa-angle-right" aria-hidden="true"></i></button>
</p>
</div>
</form>
</div>
<!-- #tab1 -->
<h3 class="tab_drawer_heading" rel="tab2">Personal / Academic Details</h3>
<div id="tab2" class="tab_content">
<form class="form" id="step2Form">
<input type="hidden" name="id" value="{{CR.appDtl.id}}">
<div class="col-md-4 col-sm-6">
<div class="form-group">
<label>Applicant's DOB</label>
<input type="text" class="form-control cal hasCal" name="dob"
ng-model="CR.dtl.dob" placeholder="Date of Birth" readonly>
</div>
</div>
<div class="col-md-4 col-sm-6">
<div class="form-group">
<label>Applicant's Gender</label>
<select class="form-control arrow" name="gender" ng-model="CR.dtl.gender"
ng-change="CR.updateGender(CR.appDtl.id, CR.dtl.gender)">
<option value="">Select Gender</option>
<option value="Male">Male</option>
<option value="Female">Female</option>
<option value="Other">Other</option>
</select>
</div>
</div>
<div class="col-md-4 col-sm-6">
<div class="form-group">
<label>Father’s Name</label>
<input type="text" class="form-control" name="father_name"
ng-model="CR.dtl.father_name" placeholder="Enter Your Father’s Name">
</div>
</div>
<div class="clearfix"></div>
<div class="col-md-4 col-sm-6">
<div class="form-group">
<label>COuntry</label>
<select class="form-control arrow" name="country_id"
ng-model="CR.dtl.country_id" >
<option value="">Select Country</option>
<option value="{{r.code}}" ng-repeat="r in CR.countrys">{{r.title}}</option>
</select>
</div>
</div>
<!-- <div class="col-md-4 col-sm-6">
<div class="form-group">
<label>State</label>
<select class="form-control arrow" name="state_id"
ng-model="CR.dtl.state_id" ng-change="CR.getCities(CR.dtl.state_id)">
<option value="">Select State</option>
<option value="{{r.id}}" ng-repeat="r in CR.states">{{r.title}}</option>
</select>
</div>
</div>
<div class="col-md-4 col-sm-6">
<div class="form-group">
<label>City</label>
<select class="form-control arrow" id="citydd" name="city_id"
ng-model="CR.dtl.city_id"
ng-change="CR.cityChangeEvent(CR.dtl.city_id)">
<option value="">Select City</option>
<option value="{{r.id}}" ng-repeat="r in CR.cities"
pincode="{{r.pincode}}">{{r.title}}</option>
<option value="-1">Other</option>
</select>
</div>
</div>-->
<div class="col-md-4 col-sm-6">
<div class="form-group">
<label>City</label>
<input type="text" class="form-control" name="city" ng-model="CR.dtl.city" placeholder="City">
</div>
</div>
<div class="clearfix"></div>
<div class="col-md-4 col-sm-6">
<div class="form-group">
<label>Address</label>
<input type="text" class="form-control" name="address"
ng-model="CR.dtl.address" placeholder="Permanent Address">
</div>
</div>
<div class="col-md-2 col-sm-6">
<div class="form-group">
<label>Pincode</label>
<input type="text" class="form-control" name="pincode"
ng-model="CR.dtl.pincode" maxlength="6" placeholder="Pincode">
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="form-group">
<label>Category</label>
<select class="form-control arrow" name="cat_id" ng-model="CR.dtl.cat_id">
<option value="">Select Category</option>
<option value="{{r.id}}" ng-repeat="r in CR.applicantCats">{{r.title}}
</option>
</select>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="form-group">
<label>Religion</label>
<select class="form-control arrow" name="religion_id"
ng-model="CR.dtl.religion_id">
<option value="">Select Religion</option>
<option value="{{r.id}}" ng-repeat="r in CR.religions">{{r.title}}
</option>
</select>
</div>
</div>
<div class="clearfix"></div>
<div class="col-md-12 col-sm-12">
<div class="heading_mrg"></div>
<div class="heading">Academic Details/Education</div>
</div>
<!-- 10th -->
<div class="" ng-show="CR.acDtl.req_10th">
<div class="col-md-12">
<div class="bg">
<div class="row">
<div class="col-md-12">
<div class="form-group">
<p class="pull-left exam_d">10th Exam Details</p>
<label class="checkbox1 pull-left hide">Appearing
<input type="radio" name="status_10th" value="0"
ng-checked1="CR.eduDtl.status_10th=='0'" disabled>
<span class="checkmark checkmark1"></span>
</label>
<label class="checkbox1 pull-left hide">Passed
<input type="radio" name="status_10th" value="1"
checked>
<span class="checkmark checkmark1"></span>
</label>
<div class="clearfix"></div>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="form-group">
<label>Board</label>
<select class="form-control arrow" name="board_id_10th"
ng-model="CR.eduDtl.board_id_10th"
ng-change="CR.eduDtl.board_10th=''"
onchange="reinitAccordian()">
<!-- <option value=""></option>
<option value="{{r.id}}" ng-repeat="r in CR.boards">{{r.title}}</option>
<option value="-1">Other</option> -->
</select>
<input type="text" class="form-control" name="board_10th"
ng-model="CR.eduDtl.board_10th"
ng-show="CR.eduDtl.board_id_10th=='-1'">
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="form-group">
<label>Marking Scheme</label>
<select class="form-control arrow"
ng-change="CR.changeMarkingScheme(CR.eduDtl.marking_scheme_id_10th,'10th')"
name="marking_scheme_id_10th"
ng-model="CR.eduDtl.marking_scheme_id_10th">
<option value="">Select Marking Scheme</option>
<option value="{{r.id}}"
ng-repeat="r in CR.markingSchemes">{{r.title}}
</option>
</select>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="form-group">
<label>CGPA/Points/%</label>
<select class="form-control arrow" name="marks_10th"
ng-model="CR.eduDtl.marks_10th">
<option value="">Select CGPA/Points/%</option>
<option value="{{r}}"
ng-repeat="r in CR.eduDtl.marks_10th_vals">{{r}}
</option>
</select>
<!-- <input type="text" class="input__field input__field--yoshiko" name="marks_10th" ng-model="CR.eduDtl.marks_10th" maxlength="50"> -->
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="form-group">
<label>Passing Year</label>
<select class="form-control arrow" name="passing_year_10th"
ng-model="CR.eduDtl.passing_year_10th">
<option value="">Select Passing Year</option>
<option value="{{y}}" ng-repeat="y in CR.pyears">{{y}}
</option>
</select>
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
</div>
<div class="clearfix"></div>
<!-- / -->
<!-- 12th -->
<div class="" ng-show="CR.acDtl.req_12th">
<div class="col-md-12">
<div class="bg">
<div class="row">
<div class="col-md-5">
<div class="form-group">
<p class="pull-left exam_d">12th Exam Details</p>
<label class="checkbox1-1 pull-left1">
<input type="radio" name="status_12th_dip" value="12th0"
ng-checked="CR.eduDtl.status_12th=='0'">
Appearing
<!-- <span class="checkmark checkmark1"></span> -->
</label>
<label class="checkbox1-1 pull-left1">
<input type="radio" name="status_12th_dip" value="12th1"
ng-checked="CR.eduDtl.status_12th=='1' || !CR.eduDtl.status_12th">
Passed
<!-- <span class="checkmark checkmark1"></span> -->
</label>
</div>
</div>
<div class="col-md-2">OR</div>
<div class="col-md-5">
<div class="form-group">
<p class="pull-left exam_d">Diploma Exam Details</p>
<label class="checkbox11 pull-left1">
<input type="radio" name="status_12th_dip" value="dip0"
ng-checked="CR.eduDtl.status_dip=='0'">
Appearing
<!-- <span class="checkmark checkmark1"></span> -->
</label>
<label class="checkbox11 pull-left1">
<input type="radio" name="status_12th_dip" value="dip1"
ng-checked="CR.eduDtl.status_dip=='1'">
Passed
<!-- <span class="checkmark checkmark1"></span> -->
</label>
<div class="clearfix"></div>
</div>
</div>
<div class="col-md-3">
<div class="form-group">
<label>Board</label>
<select class="form-control arrow" name="board_id_12th"
ng-model="CR.eduDtl.board_id_12th"
ng-change="CR.eduDtl.board_12th=''"
onchange="reinitAccordian()"></select>
<input type="text" class="form-control" name="board_12th"
ng-model="CR.eduDtl.board_12th"
ng-show="CR.eduDtl.board_id_12th=='-1'">
</div>
</div>
<div class="col-md-3">
<div class="form-group">
<label>Marking Scheme</label>
<select class="form-control arrow"
ng-change="CR.changeMarkingScheme(CR.eduDtl.marking_scheme_id_12th,'12th')"
name="marking_scheme_id_12th"
ng-model="CR.eduDtl.marking_scheme_id_12th">
<option value="">Select Marking Scheme</option>
<option value="{{r.id}}"
ng-repeat="r in CR.markingSchemes">{{r.title}}
</option>
</select>
</div>
</div>
<div class="col-md-3">
<div class="form-group">
<label>CGPA/Points/%</label>
<select class="form-control arrow" name="marks_12th"
ng-model="CR.eduDtl.marks_12th">
<option value="">Select CGPA/Points/%</option>
<option value="{{r}}"
ng-repeat="r in CR.eduDtl.marks_12th_vals">{{r}}
</option>
</select>
</div>
</div>
<div class="col-md-3">
<div class="form-group">
<label>Passing Year</label>
<select class="form-control arrow" name="passing_year_12th"
ng-model="CR.eduDtl.passing_year_12th">
<option value="">Select Passing Year</option>
<option value="{{y}}" ng-repeat="y in CR.pyears">{{y}}
</option>
</select>
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
</div>
<div class="clearfix"></div>
<!-- / -->
<!-- Graduation -->
<div class="" ng-show="CR.acDtl.req_ug">
<div class="col-md-12">
<div class="bg">
<div class="row">
<div class="col-md-12">
<div class="form-group">
<p class="pull-left exam_d">Graduation Details</p>
<label class="checkbox11 pull-left1">
<input type="radio" name="status_ug" value="0"
ng-checked="CR.eduDtl.status_ug=='0'">
Appearing
<!-- <span class="checkmark checkmark1"></span> -->
</label>
<label class="checkbox11 pull-left1">
<input type="radio" name="status_ug" value="1"
ng-checked="CR.eduDtl.status_ug=='1' || !CR.eduDtl.status_ug">
Passed
<!-- <span class="checkmark checkmark1"></span> -->
</label>
<div class="clearfix"></div>
</div>
</div>
<div class="col-md-3">
<div class="form-group">
<label>University</label>
<select class="form-control arrow" name="university_id_ug"
ng-model="CR.eduDtl.university_id_ug"
ng-change="CR.eduDtl.university_ug=''"
onchange="reinitAccordian()">
<!-- <option value=""></option>
<option value="{{r.id}}" ng-repeat="r in CR.universities">{{r.title}}</option>
<option value="-1">Other</option> -->
</select>
<input type="text" class="form-control" name="university_ug"
ng-model="CR.eduDtl.university_ug"
ng-show="CR.eduDtl.university_id_ug=='-1'">
</div>
</div>
<div class="col-md-3">
<div class="form-group">
<label>Marking Scheme</label>
<select class="form-control arrow"
ng-change="CR.changeMarkingScheme(CR.eduDtl.marking_scheme_id_ug,'ug')"
name="marking_scheme_id_ug"
ng-model="CR.eduDtl.marking_scheme_id_ug">
<option value="">Select Marking Scheme</option>
<option value="{{r.id}}"
ng-repeat="r in CR.markingSchemes">{{r.title}}
</option>
</select>
</div>
</div>
<div class="col-md-3">
<div class="form-group">
<label>CGPA/Points/%</label>
<select class="form-control arrow" name="marks_ug"
ng-model="CR.eduDtl.marks_ug">
<option value="">Select CGPA/Points/%</option>
<option value="{{r}}"
ng-repeat="r in CR.eduDtl.marks_ug_vals">{{r}}
</option>
</select>
<!-- <input type="text" class="form-control" title="Aggregate %/CGPA/Points" name="marks_ug" ng-model="CR.eduDtl.marks_ug" maxlength="50"> -->
</div>
</div>
<div class="col-md-3">
<div class="form-group">
<label>Passing Year</label>
<select class="form-control arrow" name="passing_year_ug"
ng-model="CR.eduDtl.passing_year_ug">
<option value="">Select Passing Year</option>
<option value="{{y}}" ng-repeat="y in CR.pyears">{{y}}
</option>
</select>
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
</div>
<div class="clearfix"></div>
<!-- / -->
<!-- Post Graduation -->
<div class="" ng-show="CR.acDtl.req_pg">
<div class="col-md-12">
<div class="bg">
<div class="row">
<div class="col-md-12">
<div class="form-group">
<p class="pull-left exam_d">Post Graduation Details</p>
<label class="checkbox11 pull-left1">
<input type="radio" name="status_pg" value="0"
ng-checked="CR.eduDtl.status_pg=='0'">
Appearing
<!-- <span class="checkmark checkmark1"></span> -->
</label>
<label class="checkbox11 pull-left1">
<input type="radio" name="status_pg" value="1"
ng-checked="CR.eduDtl.status_pg=='1' || !CR.eduDtl.status_pg">
Passed
<!-- <span class="checkmark checkmark1"></span> -->
</label>
<div class="clearfix"></div>
</div>
</div>
<div class="col-md-3">
<div class="form-group">
<label>University</label>
<select class="form-control arrow" name="university_id_pg"
ng-model="CR.eduDtl.university_id_pg"
ng-change="CR.eduDtl.university_pg=''"
onchange="reinitAccordian()">
<!-- <option value=""></option>
<option value="{{r.id}}" ng-repeat="r in CR.universities">{{r.title}}</option>
<option value="-1">Other</option> -->
</select>
<input type="text" class="form-control" name="university_pg"
ng-model="CR.eduDtl.university_pg"
ng-show="CR.eduDtl.university_id_pg=='-1'">
</div>
</div>
<div class="col-md-3">
<div class="form-group">
<label>Marking Scheme</label>
<select class="form-control arrow"
ng-change="CR.changeMarkingScheme(CR.eduDtl.marking_scheme_id_pg,'pg')"
name="marking_scheme_id_pg"
ng-model="CR.eduDtl.marking_scheme_id_pg">
<option value="">Select Marking Scheme</option>
<option value="{{r.id}}"
ng-repeat="r in CR.markingSchemes">{{r.title}}
</option>
</select>
</div>
</div>
<div class="col-md-3">
<div class="form-group">
<label>CGPA/Points/%</label>
<select class="form-control arrow" name="marks_pg"
ng-model="CR.eduDtl.marks_pg">
<option value="">Select CGPA/Points/%</option>
<option value="{{r}}"
ng-repeat="r in CR.eduDtl.marks_pg_vals">{{r}}
</option>
</select>
<!-- <input type="text" class="form-control" name="marks_pg" ng-model="CR.eduDtl.marks_pg" maxlength="50"> -->
</div>
</div>
<div class="col-md-3">
<div class="form-group">
<label>Passing Year</label>
<select class="form-control arrow" name="passing_year_pg"
ng-model="CR.eduDtl.passing_year_pg">
<option value="">Select Passing Year</option>
<option value="{{y}}" ng-repeat="y in CR.pyears">{{y}}
</option>
</select>
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
</div>
<div class="clearfix"></div>
<!-- / -->
<p class="text-center" ng-if="CR.appDtl.fee*1>0">
<button class="button" ng-click="CR.updatePersonalNdEduDtl()"
ng-if="CR.appDtl.step_completed!=3">
Save & Proceed to Payment
<i class="fa fa-angle-right" aria-hidden="true"></i>
</button>
</p>
<p class="text-center" ng-if="CR.appDtl.fee*1<=0">
<button class="button" ng-click="CR.updatePersonalNdEduDtl()"
ng-if="CR.appDtl.step_completed!=2">
Complete Registration
<i class="fa fa-angle-right" aria-hidden="true"></i>
</button>
</p>
</form>
</div>
<!-- #tab2 -->
<h3 class="tab_drawer_heading" rel="tab3">Application Fee Payment</h3>
<div id="tab3" class="tab_content">
<div class="col-md-12">
<div class="personal-details">
<div class="form payment">
<div class="bg">
<div class="row">
<div class="col-md-12">
<div class="payment_width">
<table class="table table-bordered">
<tbody>
<tr>
<td>
<div class="pull-right appfeeshow"
ng-if="CR.appDtl.old_fee"
style="text-decoration:line-through">
<i class="fa fa-inr orange"
aria-hidden="true"></i>
{{CR.appDtl.old_fee | number:2}}
</div>
Application Fee:
</td>
<td width="150" align="right">
<div class="appfeehide"
ng-if="CR.appDtl.old_fee"
style="text-decoration:line-through">
<i class="fa fa-inr orange"
aria-hidden="true"></i>
{{CR.appDtl.old_fee | number:2}}
</div>
<i class="fa fa-inr orange"
aria-hidden="true"></i>{{CR.appDtl.fee | number:2}}
</td>
</tr>
<tr
ng-show="CR.appDtl.step_completed==3 && CR.appDtl.coupan_amt>0">
<td><i class="fa fa-check check"
aria-hidden="true"></i> Offer
<strong>{{CR.appDtl.coupan_used}}</strong>
Applied:
</td>
<td><i class="fa fa-inr orange"
aria-hidden="true"></i>{{CR.appDtl.coupan_amt | number:2}}
</td>
</tr>
<tr ng-show="CR.selectedCoupan.amt>0">
<td><i class="fa fa-check check"
aria-hidden="true"></i> Offer
<strong>{{CR.selectedCoupan.title}}</strong>
Applied:
</td>
<td align="right"><i class="fa fa-inr orange"
aria-hidden="true"></i>{{CR.selectedCoupan.amt | number:2}}
</td>
</tr>
<tr ng-if="CR.appDtl.offer_msg">
<td colspan="2"
style="color: #999; background:transparent">
{{CR.appDtl.offer_msg}}
</td>
</tr>
<tr>
<td><strong>Total Payable Fee:</strong></td>
<td align="right"><strong><i
class="fa fa-inr orange"
aria-hidden="true"></i>{{CR.appDtl.netAmt | number:2}}</strong>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="clearfix"></div>
<div ng-show="CR.appDtl.step_completed==2">
<div class="offer" ng-show="CR.appDtl.coupans.length">
<h5 class="orange-clr offerh">
<!--{{CR.appDtl.coupans.length}}--> Offer Available
</h5>
<p class="offerh">Choose the suitable offer for you</p>
<div>
<div class="box offerlist"
ng-repeat="r in CR.appDtl.coupans"
ng-if="(r.gender=='' || CR.dtl.gender==r.gender)">
<div class="left">
<strong>{{r.title}}</strong><br>
{{r.description}}
</div>
<button class="button" ng-if="!r.applied"
ng-click="CR.applyCoupan(r)">Apply Offer</button>
<div class="applyed" ng-if="r.applied"><i
class="fa fa-check" aria-hidden="true"></i>
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="offer" ng-show="!CR.appDtl.coupans.length"
ng-init="CR.per_12th_85='0'" style="display:none">
<h5 class="orange-clr offerh">Offer</h5>
<!-- <div>
<label style="font-size: 16px;">
<input type="radio" name="per_12th_85" value="1" ng-model="CR.per_12th_85" ng-click="CR.applyCoupan('PER12TH85')" />
If you have 85% and above in {{CR.acDtl.req_ug===1?'UG(Under-Graduate)':'10+2 (1st term and final result)'}} then you can avail 50% waiver in application fee
</label>
<div class="d-flex align-items-center pl20">
<div class="pr10">Enter your {{CR.acDtl.req_ug===1?'graduation':'12th'}} percent</div>
<div>
<input type="number" class="form-control" name="per_12th" ng-model="CR.per_12th" ng-disabled="CR.per_12th_85=='0'" />
</div>
</div>
</div> -->
<div class="pb5">
<label style="font-size: 16px;">
<input type="radio" name="per_12th_85" value="1"
ng-model="CR.per_12th_85"
ng-click="CR.applyCoupan('PER12TH85')" />
Apply with your CUET score & get 50% waiver in the
application fee.
<!-- <strong>Rs. {{CR.appDtl.fee/2}}</strong> -->
</label>
<div class="d-flex align-items-center pl20">
<div class="pr10">Enter Your CUET Score/Percentile</div>
<div>
<input type="number" class="form-control"
name="per_12th" ng-model="CR.per_12th"
ng-disabled="CR.per_12th_85=='0'" />
</div>
</div>
</div>
<div>
<label style="font-size: 16px;">
<input type="radio" name="per_12th_85" value="0"
ng-model="CR.per_12th_85"
ng-click="CR.applyCoupan('PER12TH85')" />
Proceed anyway
</label>
</div>
</div>
</div>
</div>
<p class="text-center" ng-show="CR.appDtl.step_completed==2">
<button class="button green" ng-click="CR.proceedPayment()">Make
Payment<i class="fa fa-angle-right" aria-hidden="true"></i></button>
</p>
<p class="text-center" ng-show="CR.appDtl.step_completed<2">
You have to complete Step-2 to make payment.
</p>
</div>
</div>
</div>
</div>
<!-- #tab3 -->
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
</div>
<div class="col-md-12" ng-if="(CR.appDtl.netAmt*1)>0">
<div class="alert alert-info alert-dismissible fade in">
<i class="fa fa-check-square blue-clr" aria-hidden="true"></i> You will be required to make a payment of
INR {{CR.appDtl.netAmt | number:2}} online to complete your <span ng-if="CR.appDtl.prg_type_id==1">SUAT
2023-24</span> Application.
</div>
</div>
</div>
</div>
<script>
// tabbed content
// http://www.entheosweb.com/tutorials/css/tabs.asp
$(".tab_content").hide();
$(".tab_content:first").show();
/* if in tab mode */
$("ul.tabs li").click(function () {
$(".tab_content").hide();
var activeTab = $(this).attr("rel");
$("#" + activeTab).fadeIn();
$("ul.tabs li").removeClass("active");
$(this).addClass("active");
$(".tab_drawer_heading").removeClass("d_active");
$(".tab_drawer_heading[rel^='" + activeTab + "']").addClass("d_active");
});
/* if in drawer mode */
$(".tab_drawer_heading").click(function () {
$(".tab_content").hide();
var d_activeTab = $(this).attr("rel");
$("#" + d_activeTab).fadeIn();
$(".tab_drawer_heading").removeClass("d_active");
$(this).addClass("d_active");
$("ul.tabs li").removeClass("active");
$("ul.tabs li[rel^='" + d_activeTab + "']").addClass("active");
});
/* Extra class "tab_last"
to add border to right side
of last tab */
$('ul.tabs li').last().addClass("tab_last");
</script>