%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
<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-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"> </div> <li class="relative" style="display: block"> <div class="border"> </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"> </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 ( <label><input type="radio" name="status_10th" value="0" ng-checked1="CR.eduDtl.status_10th=='0'" disabled> Appearing</label> <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 ( <label><input type="radio" name="status_12th_dip" value="12th0" ng-checked="CR.eduDtl.status_12th=='0'"> Appearing</label> <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 ( <label><input type="radio" name="status_12th_dip" value="dip0" ng-checked="CR.eduDtl.status_dip=='0'"> Appearing</label> <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 ( <label><input type="radio" name="status_ug" value="0" ng-checked="CR.eduDtl.status_ug=='0'"> Appearing</label> <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 ( <label><input type="radio" name="status_pg" value="0" ng-checked="CR.eduDtl.status_pg=='0'"> Appearing</label> <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"> </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>