<!-- Detail -->
<div class="modal bs-modal-lg in modal-scroll" id="leadDtlModal" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true" ng-click="cr.close_detail_modal()"></button>
<h4 class="modal-title">Lead Detail - System ID: {{ldtl.application_no}}</h4>
</div>
<div class="modal-body">
<div class="pdB20 text-center" ng-if="ldtl.ps_app">
<h4>Application No: <strong>{{ldtl.ps_app.application_no}}</strong> | Application Status: <strong>{{ldtl.ps_app.application_status}}</strong> | Admission Status: <strong>{{ldtl.ps_app.status}}</strong></h4>
</div>
<div class="pt5 pb10" ng-if="ldtl.superbot_disposition" style="font-size:16px; color:purple">Superbot Disp: <strong>{{ldtl.superbot_disposition}}</strong></div>
<div class="tabbable-custom">
<ul class="nav nav-tabs">
<li class="active">
<a href="#ltab_1" data-toggle="tab" aria-expanded="true" onclick="event.preventDefault()"> Applicant's Detail </a>
</li>
<li>
<a href="#ltab_2" data-toggle="tab" aria-expanded="true" onclick="event.preventDefault()"> Application Detail </a>
</li>
<li>
<a href="#ltab_3" data-toggle="tab" aria-expanded="true" onclick="event.preventDefault()"> Academic Details </a>
</li>
<li>
<a href="#ltab_4" data-toggle="tab" aria-expanded="true" onclick="event.preventDefault()"> Payment Details </a>
</li>
</ul>
<div class="tab-content nobdr">
<style>
div.form-control{min-height: 34px;}
</style>
<!-- Applicant's Detail -->
<div class="tab-pane active" id="ltab_1">
<div>
<div class="row">
<div class="col-md-4 form-group">
<label>Campus</label>
<div class="form-control bold">{{ldtl.campus}}</div>
</div>
<div class="col-md-4 form-group">
<label>Name</label>
<div class="form-control bold">{{ldtl.name}}</div>
</div>
<div class="col-md-4 form-group">
<label>Email</label>
<div class="form-control bold">{{ldtl.email}}</div>
</div>
<div class="col-md-4 form-group">
<label>Mobile</label>
<div class="form-control bold">{{ldtl.mob}}</div>
</div>
<div class="col-md-4 form-group">
<label>Alternate Mobile</label>
<div class="form-control bold">{{ldtl.mob2}}</div>
</div>
<div class="col-md-4 form-group">
<label>DOB</label>
<div class="form-control bold">{{ldtl.dob}}</div>
</div>
<div class="col-md-4 form-group">
<label>Gender</label>
<div class="form-control bold">{{ldtl.gender}}</div>
</div>
<div class="col-md-4 form-group">
<label>Father's Name</label>
<div class="form-control bold">{{ldtl.father_name}}</div>
</div>
<div class="col-md-4 form-group">
<label>Address</label>
<div class="form-control bold">{{ldtl.address}}</div>
</div>
<div class="col-md-4 form-group">
<label>City</label>
<div class="form-control bold">{{ldtl.city}}</div>
</div>
<div class="col-md-4 form-group">
<label>State</label>
<div class="form-control bold">{{ldtl.state}}</div>
</div>
<div class="col-md-4 form-group">
<label>Pincode</label>
<div class="form-control bold">{{ldtl.pincode}}</div>
</div>
<div class="col-md-4 form-group">
<label>Identity Proof</label>
<div class="form-control bold">{{ldtl.identity_proof}}</div>
</div>
<div class="col-md-4 form-group">
<label>Identity Proof No.</label>
<div class="form-control bold">{{ldtl.identity_proof_no}}</div>
</div>
<div class="col-md-4 form-group">
<label>Social Category</label>
<div class="form-control bold">{{ldtl.cat}}</div>
</div>
<div class="col-md-4 form-group">
<label>Religion</label>
<div class="form-control bold">{{ldtl.religion}}</div>
</div>
<div class="clearfix"></div>
</div>
<hr class="mt10">
<div class="row">
<div class="col-md-4 form-group">
<label>UTM Source</label>
<div class="form-control bold">{{ldtl.utm_source}}</div>
</div>
<div class="col-md-4 form-group">
<label>UTM Campaign</label>
<div class="form-control bold">{{ldtl.utm_campaign}}</div>
</div>
<div class="col-md-4 form-group">
<label>UTM Medium</label>
<div class="form-control bold">{{ldtl.utm_medium}}</div>
</div>
<div class="clearfix"></div>
<div class="col-md-4 form-group">
<label>UTM Term</label>
<div class="form-control bold">{{ldtl.utm_term}}</div>
</div>
<div class="col-md-4 form-group">
<label>UTM Content</label>
<div class="form-control bold">{{ldtl.utm_content}}</div>
</div>
<div class="col-md-4 form-group">
<label>UTM Keyword</label>
<div class="form-control bold">{{ldtl.utm_keyword}}</div>
</div>
<div class="clearfix"></div>
<div class="col-md-4 form-group">
<label>UTM Placement</label>
<div class="form-control bold">{{ldtl.utm_placement}}</div>
</div>
<div class="clearfix"></div>
</div>
</div>
<div ng-if="ldtl.is_medical">
<hr class="mt10">
<div class="row">
<div class="col-md-4 form-group">
<label>NEET Roll No.</label>
<div class="form-control bold">{{ldtl.neet_roll_no}}</div>
</div>
<div class="col-md-4 form-group">
<label>NEET Marks</label>
<div class="form-control bold">{{ldtl.neet_marks}}</div>
</div>
<div class="col-md-4 form-group">
<label>NEET All India Rank</label>
<div class="form-control bold">{{ldtl.neet_all_india_rank}}</div>
</div>
<div class="clearfix"></div>
<div class="col-md-4 form-group">
<label>NEET Scorecard</label>
<div class="form-control bold">
<a href="{{ldtl.neet_scorecard_file_url}}" target="_blank">View File</a>
</div>
</div>
</div>
</div>
</div>
<!-- Application Detail -->
<div class="tab-pane" id="ltab_2">
<div class="row">
<div class="col-md-4 form-group">
<label>Program Type</label>
<div class="form-control bold">{{ldtl.program_type}}</div>
</div>
<div class="col-md-4 form-group">
<label>Academic Career</label>
<div class="form-control bold">{{ldtl.ac}}</div>
</div>
<div class="col-md-4 form-group">
<label>Program</label>
<div class="form-control bold">{{ldtl.program}}</div>
</div>
<div class="clearfix"></div>
<div class="col-md-4 form-group">
<label>Specialization/Plan</label>
<div class="form-control bold">{{ldtl.plan}}</div>
</div>
<div class="col-md-4 form-group">
<label>Step Completed</label>
<div class="form-control bold">{{ldtl.step_completed}}</div>
</div>
<div class="clearfix"></div>
</div>
</div>
<!-- Academic Detail -->
<div class="tab-pane" id="ltab_3">
<div class="table-responsive" ng-if="ldtl.academicDtl!='<NO>'">
<div>
<div class="bold mb5">10th Details</div>
<table class="table table-condensed table-striped table-bordered table-advance table-hover">
<thead class="vmid">
<tr>
<th>Board</th>
<th style="width:150px">Markinging Scheme</th>
<th style="width:100px">Marks/Grade</th>
<th style="width:100px">Passing Year</th>
</tr>
</thead>
<tbody>
<tr>
<td>{{ldtl.board_10th}}</td>
<td>{{ldtl.marking_scheme_10}}</td>
<td>{{ldtl.marks_10th}}</td>
<td>{{ldtl.passing_year_10th}}</td>
</tr>
</tbody>
</table>
</div>
<hr class="mt10">
<div class="mb10">
<div class="bold mb5">12th Details</div>
<table class="table table-condensed table-striped table-bordered table-advance table-hover">
<thead class="vmid">
<tr>
<th>Board</th>
<th style="width:150px">Markinging Scheme</th>
<th style="width:100px">Marks/Grade</th>
<th style="width:100px">Passing Year</th>
</tr>
</thead>
<tbody>
<tr>
<td>{{ldtl.board_12th}}</td>
<td>{{ldtl.marking_scheme_12}}</td>
<td>{{ldtl.marks_12th}}</td>
<td>{{ldtl.passing_year_12th}}</td>
</tr>
</tbody>
</table>
</div>
<hr class="mt10">
<div class="mb10">
<div class="bold mb5">Diploma Details</div>
<table class="table table-condensed table-striped table-bordered table-advance table-hover">
<thead class="vmid">
<tr>
<th>Board</th>
<th style="width:150px">Markinging Scheme</th>
<th style="width:100px">Marks/Grade</th>
<th style="width:100px">Passing Year</th>
</tr>
</thead>
<tbody>
<tr>
<td>{{ldtl.board_dip}}</td>
<td>{{ldtl.marking_scheme_dip}}</td>
<td>{{ldtl.marks_dip}}</td>
<td>{{ldtl.passing_year_dip}}</td>
</tr>
</tbody>
</table>
</div>
<hr class="mt10">
<div class="mb10">
<div class="bold mb5">Graduation Details</div>
<table class="table table-condensed table-striped table-bordered table-advance table-hover">
<thead class="vmid">
<tr>
<th>University</th>
<th style="width:150px">Markinging Scheme</th>
<th style="width:100px">Marks/Grade</th>
<th style="width:100px">Passing Year</th>
</tr>
</thead>
<tbody>
<tr>
<td>{{ldtl.university_ug}}</td>
<td>{{ldtl.marking_scheme_ug}}</td>
<td>{{ldtl.marks_ug}}</td>
<td>{{ldtl.passing_year_ug}}</td>
</tr>
</tbody>
</table>
</div>
<hr class="mt10">
<div class="mb10">
<div class="bold mb5">Post Graduation Details</div>
<table class="table table-condensed table-striped table-bordered table-advance table-hover">
<thead class="vmid">
<tr>
<th>University</th>
<th style="width:150px">Markinging Scheme</th>
<th style="width:100px">Marks/Grade</th>
<th style="width:100px">Passing Year</th>
</tr>
</thead>
<tbody>
<tr>
<td>{{ldtl.university_pg}}</td>
<td>{{ldtl.marking_scheme_pg}}</td>
<td>{{ldtl.marks_pg}}</td>
<td>{{ldtl.passing_year_pg}}</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<!-- Payment Detail -->
<div class="tab-pane" id="ltab_4">
<div class="table-responsive" ng-if="ldtl.payTrans.length">
<table class="table table-condensed table-striped table-bordered table-advance table-hover">
<thead class="vmid">
<tr>
<th class="w120">Order ID</th>
<th>TXN</th>
<th class="w100">TXN STATUS</th>
<th class="w120 text-right">TXN AMT</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="r in ldtl.payTrans">
<td>{{r.pay_order_id}}</td>
<td>
{{r.txn_id}}
<div class="pdT5">
<div class="note-text">
<span class="inblock w100">Txn Date</span>: <strong>{{r.txn_date}}</strong>
</div>
<div class="note-text pdT3" ng-if="r.respmsg">
<span class="inblock w100">Resp Msg</span>: <strong>{{r.respmsg}}</strong>
</div>
<div class="note-text pdT3" ng-if="r.bank_name">
<span class="inblock w100">Pay Mode</span>: <strong>{{r.bank_name}} [{{r.payment_mode}}]</strong>
</div>
<div class="note-text pdT3" ng-if="r.bank_txn_id">
<span class="inblock w100">Bank Txn ID</span>: <strong>{{r.bank_txn_id}}</strong>
</div>
</div>
</td>
<td>
<div class="text-success" ng-if="r.payment_status=='SUCCESS'">{{r.txn_status}}</div>
<div class="text-danger" ng-if="r.payment_status=='FAIL'">{{r.txn_status}}</div>
<div class="text-warning" ng-if="r.payment_status=='REFUNDED'">{{r.txn_status}}</div>
<div class="pdT10" ng-if1="r.payment_status=='FAIL'">
<button type="button" class="btn btn-xs btn-info" ng-click="cr.checkPayTxnStatus(r.id)">CHECK TXN STATUS</button>
</div>
</td>
<td class="text-right">INR {{r.txn_amt}}</td>
</tr>
</tbody>
</table>
</div>
<div class="text-center" ng-if="!ldtl.payment_status && modules['record_cash'] && ldtl.leadpage">
<button type="button" class="btn btn-primary" ng-click="cr.openReceiveCash(ldtl.id)">Receive Cash</button>
</div>
<button type="button" printurl="{{ldtl.receiptPrintUrl}}" onclick="print_iframe(this)" class="btn purple" ng-if="ldtl.payment_status">
<i class="fa fa-print"></i> Print Receipt
</button>
<div ng-if="ldtl.payment_status && ldtl.payment_mode=='CASH'">
<table class="table table-condensed table-striped table-bordered table-advance table-hover">
<tbody class="vmid">
<tr>
<td class="w150 active">Fee Received</td>
<td>INR {{ldtl.cashTrans.amount}}</td>
</tr>
<tr ng-if="ldtl.payment_mode!='<NO>'">
<td class="active">Payment Mode</td>
<td>{{ldtl.payment_mode}}</td>
</tr>
<tr>
<td class="active">Received By</td>
<td>{{ldtl.cashTrans.usr}}</td>
</tr>
</tbody>
</table>
<div class="text-center" ng-if="modules['record_cash'] && ldtl.leadpage">
<button type="button" class="btn btn-danger" ng-click="cr.cancelCashReceipt()">Cancel This Cash Receipt</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn dark btn-outline" data-dismiss="modal" ng-click="cr.close_detail_modal()">Close</button>
</div>
</div>
</div>
</div>
<!-- Payres Modal -->
<div class="modal bs-modal-md in modal-scroll" id="payresModal" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static">
<div class="modal-dialog modal-md">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
<h4 class="modal-title">Payment Transaction Response</h4>
</div>
<div class="modal-body">
<div class="table-responsive">
<table class="table table-condensed table-striped table-bordered table-advance table-hover">
<tbody>
<tr ng-repeat="(k,v) in cr.payres">
<td class="w150 active">{{k}}</td>
<td>{{v}}</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn dark btn-outline" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>