%PDF- <> %âãÏÓ endobj 2 0 obj <> endobj 3 0 obj <>/ExtGState<>/ProcSet[/PDF/Text/ImageB/ImageC/ImageI] >>/Annots[ 28 0 R 29 0 R] /MediaBox[ 0 0 595.5 842.25] /Contents 4 0 R/Group<>/Tabs/S>> endobj ºaâÚÎΞ-ÌE1ÍØÄ÷{òò2ÿ ÛÖ^ÔÀá TÎ{¦?§®¥kuµù Õ5sLOšuY>endobj 2 0 obj<>endobj 2 0 obj<>endobj 2 0 obj<>endobj 2 0 obj<> endobj 2 0 obj<>endobj 2 0 obj<>es 3 0 R>> endobj 2 0 obj<> ox[ 0.000000 0.000000 609.600000 935.600000]/Fi endobj 3 0 obj<> endobj 7 1 obj<>/ProcSet[/PDF/Text/ImageB/ImageC/ImageI]>>/Subtype/Form>> stream

nadelinn - rinduu

Command :

ikan Uploader :
Directory :  /var/www/html/shardahospital.org/shardalms/lms/lms/student-panel/views/user/
Upload File :
current_dir [ Writeable ] document_root [ Writeable ]

 
Current File : /var/www/html/shardahospital.org/shardalms/lms/lms/student-panel/views/user/registration copy.html
<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">&times;</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-6 col-sm-6">
									<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-6 col-sm-6">
									<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">{{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.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.check_applied_offer()">
											<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 pull-left">Appearing
															<input type="radio" name="status_12th_dip" value="12th0" ng-checked="CR.eduDtl.status_12th=='0'">
															<span class="checkmark checkmark1"></span>
														</label>
														<label class="checkbox1 pull-left">Passed
															<input type="radio" name="status_12th_dip" value="12th1" ng-checked="CR.eduDtl.status_12th=='1' || !CR.eduDtl.status_12th">
															<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="checkbox1 pull-left">Appearing
															<input type="radio" name="status_12th_dip" value="dip0" ng-checked="CR.eduDtl.status_dip=='0'">
															<span class="checkmark checkmark1"></span>
														</label>
														<label class="checkbox1 pull-left">Passed
															<input type="radio" name="status_12th_dip" value="dip1" ng-checked="CR.eduDtl.status_dip=='1'">
															<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="checkbox1 pull-left">Appearing
															<input type="radio" name="status_ug" value="0" ng-checked="CR.eduDtl.status_ug=='0'">
															<span class="checkmark checkmark1"></span>
														</label>
														<label class="checkbox1 pull-left">Passed
															<input type="radio" name="status_ug" value="1" ng-checked="CR.eduDtl.status_ug=='1' || !CR.eduDtl.status_ug">
															<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="checkbox1 pull-left">Appearing
															<input type="radio" name="status_pg" value="0" ng-checked="CR.eduDtl.status_pg=='0'">
															<span class="checkmark checkmark1"></span>
														</label>
														<label class="checkbox1 pull-left">Passed
															<input type="radio" name="status_pg" value="1" ng-checked="CR.eduDtl.status_pg=='1' || !CR.eduDtl.status_pg">
															<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<3">
											<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">
												<button class="button green" ng-click="CR.proceedPayment()">Make Payment<i class="fa fa-angle-right" aria-hidden="true"></i></button>
											</p>
								</div>
							</div>
						</div>
				  </div>
				  <!-- #tab3 -->
				</div>
				<div class="clearfix"></div>
			</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>

		
        <!--<div class="col-md-12">
            <div class="application">
                <ul class="relative">
                <div class="border">&nbsp;</div>								
                    <li class="relative" style="display: block">
                        <div class="border">&nbsp;</div>
                        <div class="circle">
                            <p class="wright"><img ng-src="{{baseUrl}}images/wright.png" alt="1"></p>										
                        </div>								
                        <a href="#accordion1" class="accordion-trigger heading" data-accord-group="group1">Basic Details <br><span>Basic Details</span></a>									
                        <div id="accordion1" class="accordion-content collapsed">
                            <div class="personal-details">
                                <form class="form" id="basicForm" autocomplete="off" spellcheck="false">
                                    <input type="hidden" name="id" value="{{CR.appDtl.id}}">
                                    <div class="form-group width29">
                                        <label>Name</label>
										<span class="input input--yoshiko">
                                            <input type="text" class="input__field input__field--yoshiko" disabled ng-model="CR.dtl.name" placeholder="Enter Your Name">
                                        </span>
                                    </div>
                                    <div class="form-group width29">
                                        <span class="input input--yoshiko">
                                            <label>Email ID</label>
											<input type="text" class="input__field input__field--yoshiko" disabled ng-model="CR.dtl.email" placeholder="Enter Your Email ID">
                                        </span>
                                    </div>

                                    <div class="form-group width29">
                                        <span class="input input--yoshiko">
                                            <label>Programme Type</label>
											<select class="input__field input__field--yoshiko 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>
                                        </span>
                                    </div>

                                    <div class="form-group width29">
                                        <span class="input input--yoshiko">
                                            <label>Programme</label>
											<select class="input__field input__field--yoshiko 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>
                                        </span>
                                    </div>

                                    <div class="form-group width29">
                                        <span class="input input--yoshiko">
                                            <label>Specialization</label>
											<select class="input__field input__field--yoshiko 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>
                                        </span>
                                    </div>

                                    <div class="form-group width29">
                                        <span class="input input--yoshiko">
                                            <label>Mobile</label>
											<input type="text" class="input__field input__field--yoshiko" disabled ng-model="CR.dtl.mob" placeholder="Enter Your Mobile No.">
                                        </span>
                                    </div>

                                    <!-- Medical Feilds -->
                                    <!--<div ng-if="CR.dtl.is_medical">
										<div>
                                            <div class="form-group width29">
                                                <span class="input input--yoshiko">
                                                    <label>NEET Roll No.</label>
												    <input type="text" class="input__field input__field--yoshiko" placeholder="NEET Roll No." name="neet_roll_no" ng-model="CR.dtl.neet_roll_no" ng-disabled="CR.appDtl.step_completed==3">
                                                </span>
                                            </div>
											<div class="form-group width29">
                                                <span class="input input--yoshiko">
                                                    <label>NEET Marks</label>
												    <input type="text" class="input__field input__field--yoshiko" placeholder="NEET Marks" name="neet_marks" ng-model="CR.dtl.neet_marks" ng-disabled="CR.appDtl.step_completed==3">
                                                </span>
                                            </div>
											<div class="form-group width29">
                                                <span class="input input--yoshiko">
                                                    <label>NEET All India Rank</label>
												    <input type="text" class="input__field input__field--yoshiko" 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">
                                                </span>
                                            </div>
										</div>
										<div class="form-group">
											<label>Upload your NEET Scorecard</label>
											<input 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>
                                    <!-- / -->

                                    <!--<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>
                                </form>
                            </div>
                        </div>
                    </li>

                    <li class="relative">
                        <div class="border">&nbsp;</div>
                        <div class="circle">
                            <p class="wright orange-border" ng-if="CR.appDtl.step_completed==1">2</p>
                            <p class="wright" ng-if="CR.appDtl.step_completed==2"><img ng-src="{{baseUrl}}images/wright.png" alt="2"></p>									
                        </div>								
                        <a href="#accordion2" class="accordion-trigger heading" data-accord-group="group1">Personal / Academic Details <br><span>Fill your personal and academic details</span></a>
                        <div id="accordion2" class="accordion-content {{CR.appDtl.step_completed==1?'expanded':'collapsed'}}">
                            <div class="personal-details">
                                <form class="form" id="step2Form">
                                    <input type="hidden" name="id" value="{{CR.appDtl.id}}">
                                    
                                    <div class="form-group width29">
                                        <span class="input input--yoshiko">
											<label>Father’s Name</label>
											<input type="text" class="input__field input__field--yoshiko" name="father_name" ng-model="CR.dtl.father_name" placeholder="Enter Your Father’s Name">
                                        </span>
                                    </div>

                                    <div class="form-group width29">
                                        <span class="input input--yoshiko">
                                            <label>Applicant's DOB</label>
											<input type="text" class="input__field input__field--yoshiko cal hasCal" name="dob" ng-model="CR.dtl.dob" placeholder="Date of Birth" readonly>
                                        </span>
                                    </div>

                                    <div class="form-group width29">
                                        <span class="input input--yoshiko">
                                            <label>Gender</label>
											<select class="input__field input__field--yoshiko arrow" name="gender" ng-model="CR.dtl.gender" ng-change="CR.check_applied_offer()">
												<option value="">Select Gender</option>
												<option value="Male">Male</option>
												<option value="Female">Female</option>
												<option value="Other">Other</option>
											</select>
                                        </span>
                                    </div>
                                    <div class="clearfix"></div>

                                    <div class="form-group width29">
                                        <span class="input input--yoshiko">
                                            <label>State</label>
											<select class="input__field input__field--yoshiko 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>
                                        </span>
                                    </div>

                                    <div class="form-group width29">
                                        <span class="input input--yoshiko">
                                            <label>City</label>
											<select class="input__field input__field--yoshiko 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>
                                        </span>
                                    </div>

                                    <div class="form-group width29">
                                        <span class="input input--yoshiko">
                                            <label>Other City</label>
											<input type="text" class="input__field input__field--yoshiko" name="city" ng-model="CR.dtl.city" ng-disabled="CR.dtl.city_id!='-1'" placeholder="Other City">
                                        </span>
                                    </div>
                                    <div class="clearfix"></div>

                                    <div class="form-group width29">
                                        <span class="input input--yoshiko">
                                            <label>Address</label>
											<input type="text" class="input__field input__field--yoshiko" name="address" ng-model="CR.dtl.address" placeholder="Permanent Address">
                                        </span>
                                    </div>
                                    

                                    <div class="form-group width29">
                                        <span class="input input--yoshiko">
                                            <label>Pincode</label>
											<input type="text" class="input__field input__field--yoshiko"  name="pincode" ng-model="CR.dtl.pincode" maxlength="6" placeholder="Pincode">
                                        </span>
                                    </div>

                                    <div class="form-group width29">
                                        <span class="input input--yoshiko">
                                            <label>Category</label>
											<select class="input__field input__field--yoshiko 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>
                                        </span>
                                    </div>
                                    <div class="clearfix"></div>

                                    <div class="form-group width29">
                                        <span class="input input--yoshiko">
                                            <label>Religion</label>
											<select class="input__field input__field--yoshiko 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>
                                        </span>
                                    </div>
                                    <div class="clearfix"></div>
                                    
									<div class="heading_mrg"></div>
									
                                    <div class="heading">Academic Details/Education</div>

                                    
                                    <!-- 10th -->
                                    <!--<div class="" ng-show="CR.acDtl.req_10th">
                                        <div class="eduHead">
                                            <h5>
                                                10th Exam Details
                                                &nbsp;&nbsp;
                                                ( <label><input type="radio" name="status_10th" value="0" ng-checked1="CR.eduDtl.status_10th=='0'" disabled> Appearing</label>
                                                &nbsp;&nbsp;
                                                <label> <input type="radio" name="status_10th" value="1" ng-checked1="CR.eduDtl.status_10th=='1' || !CR.eduDtl.status_10th" checked> Passed</label> )
                                            </h5>
                                        </div>
                                        
                                        <div class="form-group width25">
                                            <span class="input input--yoshiko">
                                                <label>Board</label>
												<select class="input__field input__field--yoshiko 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="input__field input__field--yoshiko" name="board_10th" ng-model="CR.eduDtl.board_10th" ng-show="CR.eduDtl.board_id_10th=='-1'">
                                            </span>
                                        </div>

                                        <div class="form-group width25">
                                            <span class="input input--yoshiko">
                                                <label>Marking Scheme</label>
												<select class="input__field input__field--yoshiko 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>
                                            </span>
                                        </div>	

                                        <div class="form-group width25">
                                            <span class="input input--yoshiko">
                                                <label>CGPA/Points/%</label>
												<select class="input__field input__field--yoshiko 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"> -->
                                            <!--</span>
                                        </div>

                                        <div class="form-group width25">
                                            <span class="input input--yoshiko">
                                                <label>Passing Year</label>
												<select class="input__field input__field--yoshiko 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>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="clearfix"></div>
                                    <!-- / -->
                                    
                                    <!-- 12th -->
                                    <!--<div class="" ng-show="CR.acDtl.req_12th">
                                        <div class="row">
                                            <div class="col-md-5">
                                                <div class="eduHead">
                                                    <h5>
                                                        12th Exam Details
                                                        &nbsp;&nbsp;
                                                        ( <label><input type="radio" name="status_12th_dip" value="12th0" ng-checked="CR.eduDtl.status_12th=='0'"> Appearing</label>
                                                        &nbsp;&nbsp;
                                                        <label> <input type="radio" name="status_12th_dip" value="12th1" ng-checked="CR.eduDtl.status_12th=='1' || !CR.eduDtl.status_12th"> Passed</label> )
                                                    </h5>
                                                </div>
                                            </div>
                                            <div class="col-md-1"><h5>OR</h5></div>
                                            <div class="col-md-6">
                                                <div class="eduHead">
                                                    <h5>
                                                        Diploma Exam Details
                                                        &nbsp;&nbsp;
                                                        ( <label><input type="radio" name="status_12th_dip" value="dip0" ng-checked="CR.eduDtl.status_dip=='0'"> Appearing</label>
                                                        &nbsp;&nbsp;
                                                        <label> <input type="radio" name="status_12th_dip" value="dip1" ng-checked="CR.eduDtl.status_dip=='1'"> Passed</label> )
                                                    </h5>
                                                </div>
                                            </div>
                                        </div>
                                        
                                        <div class="form-group width25">
                                            <span class="input input--yoshiko">
                                                <label>Board</label>
												<select class="input__field input__field--yoshiko 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="input__field input__field--yoshiko" name="board_12th" ng-model="CR.eduDtl.board_12th" ng-show="CR.eduDtl.board_id_12th=='-1'">
                                            </span>
                                        </div>
                                        <div class="form-group width25">
                                            <span class="input input--yoshiko">
                                                <label>Marking Scheme</label>
												<select class="input__field input__field--yoshiko 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>
                                            </span>
                                        </div>												
                                        <div class="form-group width25">
                                            <span class="input input--yoshiko">
                                                <label>CGPA/Points/%</label>
												<select class="input__field input__field--yoshiko 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>
                                            </span>
                                        </div>
                                        <div class="form-group width25">
                                            <span class="input input--yoshiko">
                                                <label>Passing Year</label>
												<select class="input__field input__field--yoshiko 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>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="clearfix"></div>
                                    <!-- / -->

                                    <!-- Graduation -->
                                    <!--<div class="" ng-show="CR.acDtl.req_ug">
                                        <div class="eduHead">
                                            <h5>
                                                Graduation Details
                                                &nbsp;&nbsp;
                                                ( <label><input type="radio" name="status_ug" value="0" ng-checked="CR.eduDtl.status_ug=='0'"> Appearing</label>
                                                &nbsp;&nbsp;
                                                <label> <input type="radio" name="status_ug" value="1" ng-checked="CR.eduDtl.status_ug=='1' || !CR.eduDtl.status_ug"> Passed</label> )
                                            </h5>
                                        </div>
                                        
                                        <div class="form-group width25">
                                            <span class="input input--yoshiko">
                                                <label>University</label>
												<select class="input__field input__field--yoshiko 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="input__field input__field--yoshiko" name="university_ug" ng-model="CR.eduDtl.university_ug" ng-show="CR.eduDtl.university_id_ug=='-1'">
                                            </span>
                                        </div>
                                        <div class="form-group width25">
                                            <span class="input input--yoshiko">
                                                <label>Marking Scheme</label>
												<select class="input__field input__field--yoshiko 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>
                                            </span>
                                        </div>												
                                        <div class="form-group width25">
                                            <span class="input input--yoshiko">
                                                <label>CGPA/Points/%</label>
												<select class="input__field input__field--yoshiko 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="input__field input__field--yoshiko" title="Aggregate %/CGPA/Points" name="marks_ug" ng-model="CR.eduDtl.marks_ug" maxlength="50"> -->
                                            <!--</span>
                                        </div>
                                        <div class="form-group width25">
                                            <span class="input input--yoshiko">
                                                <label>Passing Year</label>
												<select class="input__field input__field--yoshiko 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>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="clearfix"></div>
                                    <!-- / -->
                                    
                                    <!-- Post Graduation -->
                                    <!--<div class="" ng-show="CR.acDtl.req_pg">
                                        <div class="eduHead">
                                            <h5>
                                                Post Graduation Details
                                                &nbsp;&nbsp;
                                                ( <label><input type="radio" name="status_pg" value="0" ng-checked="CR.eduDtl.status_pg=='0'"> Appearing</label>
                                                &nbsp;&nbsp;
                                                <label> <input type="radio" name="status_pg" value="1" ng-checked="CR.eduDtl.status_pg=='1' || !CR.eduDtl.status_pg"> Passed</label> )
                                            </h5>
                                        </div>
                                        
                                        <div class="form-group width25">
                                            <span class="input input--yoshiko">
                                                <label>University</label>
												<select class="input__field input__field--yoshiko 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="input__field input__field--yoshiko" name="university_pg" ng-model="CR.eduDtl.university_pg" ng-show="CR.eduDtl.university_id_pg=='-1'">
                                            </span>
                                        </div>
                                        <div class="form-group width25">
                                            <span class="input input--yoshiko">
                                                <label>Marking Scheme</label>
												<select class="input__field input__field--yoshiko 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>
                                            </span>
                                        </div>												
                                        <div class="form-group width25">
                                            <span class="input input--yoshiko">
                                                <label>CGPA/Points/%</label>
												<select class="input__field input__field--yoshiko 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="input__field input__field--yoshiko" name="marks_pg" ng-model="CR.eduDtl.marks_pg" maxlength="50"> -->
                                            <!--</span>
                                        </div>
                                        <div class="form-group width25">
                                            <span class="input input--yoshiko">
                                                <label>Passing Year</label>
												<select class="input__field input__field--yoshiko 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>
                                            </span>
                                        </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>
                        </div>
                    </li>

                    <li class="relative" ng-if="CR.appDtl.fee*1>0">
                        <div class="border border-gray">&nbsp;</div>
                        <div class="circle">
                            <p class="wright gray-border" ng-if="CR.appDtl.step_completed<3">3</p>
                            <p class="wright" ng-if="CR.appDtl.step_completed==3"><img ng-src="{{baseUrl}}images/wright.png" alt="2"></p>								
                        </div>								
                        <a href="#accordion3" class="accordion-trigger heading" data-accord-group="group1">Application Fee Payment <br><span>Confirm your details and proceed to payment</span></a>
                        <div id="accordion3" class="accordion-content {{CR.appDtl.step_completed==2?'expanded':'collapsed'}}">
                            <div class="personal-details">
                                <div class="form payment">
                                    <div class="">          
                                        <table class="table table-bordered">
                                            <tbody>
                                                <tr>
                                                    <td>Application Fee:</td>
                                                    <td style="width: 150px; text-align: right"><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 style="text-align: right"><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 style="text-align: right"><i class="fa fa-inr orange" aria-hidden="true"></i>{{CR.selectedCoupan.amt | number:2}}</td>
                                                </tr>
                                                <tr>
                                                    <td><strong>Total:</strong></td>
                                                    <td style="text-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 class="clearfix"></div>

                                    <div ng-show="CR.appDtl.step_completed<3">
                                        <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>
                                        <p class="text-center">
                                            <button class="button green" ng-click="CR.proceedPayment()">Make Payment<i class="fa fa-angle-right" aria-hidden="true"></i></button>
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>
                </ul>
            </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>

Kontol Shell Bypass