<div class="container-fluid">
<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>=3?'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>
<!-- 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 Step 2 <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>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>Other City</label>
<input type="text" class="form-control" name="city" ng-model="CR.dtl.city" ng-disabled="CR.dtl.city_id!='-1'" placeholder="Other 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>Application Fee:</td>
<td width="150" align="center"><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="center"><i class="fa fa-inr orange" aria-hidden="true"></i>{{CR.selectedCoupan.amt | number:2}}</td>
</tr>
<tr>
<td><strong>Total:</strong></td>
<td align="center"><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>
</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 2021-22</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>