<div class="page-bar">
<ul class="page-breadcrumb uc">
<li><h2>Previous Year Analysis</h2></li>
</ul>
<div class="page-toolbar">
</div>
</div>
<!-- -->
<div class="tabbable-custom">
<ul class="nav nav-tabs">
<li class="active">
<a href="#tab_1" data-toggle="tab" aria-expanded="true" onclick="event.preventDefault()"> General </a>
</li>
<li>
<a href="#tab_2" data-toggle="tab" aria-expanded="true" onclick="event.preventDefault()" ng-click="CR.monthly_convertion_new_lms()"> Monthly Conversion (2022) </a>
</li>
<li>
<a href="#tab_3" data-toggle="tab" aria-expanded="true" onclick="event.preventDefault()" ng-click="CR.monthly_convertion_prev_lms()"> Monthly Conversion (2021) </a>
</li>
</ul>
<div class="tab-content nobdr">
<div class="tab-pane active" id="tab_1">
<div class="row">
<div class="col-md-6">
<div class="uc bold pd5 text-center bg-success">LMS Data (2022)</div>
<table class="table table-bordered table-advance">
<thead class="vmid">
<tr>
<th style="width:50%">Filter</th>
<th>Leads Count</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<form id="sform" class="form-lbl-grey ng-vis-hid">
<div class="row mingap form-group">
<div class="col-md-6">
<input type="text" name="from_date" class="form-control cal hasCal" placeholder="From Date" />
</div>
<div class="col-md-6">
<input type="text" name="to_date" class="form-control cal hasCal" placeholder="To Date" />
</div>
</div>
<div class="form-group" title="Step Completed">
<select class="form-control" id="steps" name="step_completed[]" multiple style="width:100%">
<option value="1">Step 1</option>
<option value="2">Step 2</option>
<option value="3">Step 3</option>
</select>
</div>
<div class="form-group" title="Academic Career">
<select class="form-control" id="ac_id" name="ac_id[]" multiple style="width:100%">
<option value="{{r.id}}" ng-repeat="r in CR.academic_careers">{{r.title}}</option>
</select>
</div>
<div class="form-group" title="Programs">
<select class="form-control" id="program_id" name="program_id[]" onchange="get_cy_plans()" multiple style="width:100%">
<option value="{{r.id}}" ng-repeat="r in CR.programs">{{r.title}}</option>
</select>
</div>
<div class="form-group" title="Plans/Specializations">
<select class="form-control" id="plan_id" name="plan_id[]" multiple style="width:100%">
<option value="{{r.id}}" ng-repeat="r in CR.plans">{{r.title}}</option>
</select>
</div>
<div class="form-group" title="States">
<select class="form-control" id="state_id" name="state_id[]" multiple style="width:100%">
<option value="{{r.id}}" ng-repeat="r in CR.states">{{r.title}}</option>
</select>
</div>
<div class="form-group" title="Sources">
<select class="form-control" id="utm_source_id" name="utm_source_id[]" multiple style="width:100%">
<option value="{{r.id}}" ng-repeat="r in CR.utm_sources">{{r.title}}</option>
</select>
</div>
<div class="form-group" title="Gender">
<select class="form-control" name="gender">
<option value="">Gender (ALL)</option>
<option value="Male">Male</option>
<option value="Female">Female</option>
</select>
</div>
<div>
<button type="button" class="btn btn-success btn-block" ng-click="CR.current_lms_data()">Submit</button>
</div>
</form>
</td>
<td>
<div ng-if="CR.cl_data.total">
<table class="table table-condensed table-striped table-bordered nomrgn">
<tbody class="vmid">
<tr>
<td>Step 1</td>
<td class="text-right w100">{{CR.cl_data.step1}}</td>
</tr>
<tr>
<td>Step 2</td>
<td class="text-right">{{CR.cl_data.step2}}</td>
</tr>
<tr>
<td>Step 3</td>
<td class="text-right">{{CR.cl_data.step3}}</td>
</tr>
<tr class="bold">
<td>Total</td>
<td class="text-right">{{CR.cl_data.total}}</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<div class="col-md-6">
<div class="uc bold pd5 text-center bg-info">Previous LMS Data (2021)</div>
<table class="table table-bordered table-advance">
<thead class="vmid">
<tr>
<th style="width:50%">Filter</th>
<th>Leads Count</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<form id="psform" class="form-lbl-grey ng-vis-hid">
<div class="row mingap form-group">
<div class="col-md-6">
<input type="text" name="from_date" class="form-control cal hasCal" placeholder="From Date" />
</div>
<div class="col-md-6">
<input type="text" name="to_date" class="form-control cal hasCal" placeholder="To Date" />
</div>
</div>
<div class="form-group" title="Step Completed">
<select class="form-control" id="p_steps" name="step_completed[]" multiple style="width:100%">
<option value="1">Step 1</option>
<option value="2">Step 2</option>
<option value="3">Step 3</option>
</select>
</div>
<div class="form-group" title="Academic Career">
<select class="form-control" id="p_ac" name="ac[]" multiple style="width:100%">
<option value="{{r.career}}" ng-repeat="r in CR.p_academic_careers">{{r.career}}</option>
</select>
</div>
<div class="form-group" title="Programs">
<select class="form-control" id="p_program" name="program[]" multiple style="width:100%">
<option value="{{r.program}}" ng-repeat="r in CR.p_programs">{{r.program}}</option>
</select>
</div>
<div class="form-group" title="Plans/Specializations">
<select class="form-control" id="p_plan" name="plan[]" multiple style="width:100%">
<option value="{{r.plan}}" ng-repeat="r in CR.p_plans">{{r.plan}}</option>
</select>
</div>
<div class="form-group" title="States">
<select class="form-control" id="p_state" name="state[]" multiple style="width:100%">
<option value="{{r.title}}" ng-repeat="r in CR.states">{{r.title}}</option>
</select>
</div>
<div class="form-group" title="Sources">
<select class="form-control" id="p_utm_source" name="utm_source[]" multiple style="width:100%">
<option value="{{r.utm_source}}" ng-repeat="r in CR.p_utm_sources">{{r.utm_source}}</option>
</select>
</div>
<div class="form-group" title="Gender">
<select class="form-control" name="gender">
<option value="">Gender (ALL)</option>
<option value="Male">Male</option>
<option value="Female">Female</option>
</select>
</div>
<div>
<button type="button" class="btn btn-info btn-block" ng-click="CR.prev_lms_data()">Submit</button>
</div>
</form>
</td>
<td>
<div ng-if="CR.pl_data.total">
<table class="table table-condensed table-striped table-bordered nomrgn">
<tbody class="vmid">
<tr>
<td>Step 1</td>
<td class="text-right w100">{{CR.pl_data.step1}}</td>
</tr>
<tr>
<td>Step 2</td>
<td class="text-right">{{CR.pl_data.step2}}</td>
</tr>
<tr>
<td>Step 3</td>
<td class="text-right">{{CR.pl_data.step3}}</td>
</tr>
<tr class="bold">
<td>Total</td>
<td class="text-right">{{CR.pl_data.total}}</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<!-- Month Wise New LMS -->
<div class="tab-pane" id="tab_2">
<div class="table-responsive">
<table class="table table-striped table-bordered table-advance table-hover">
<thead class="vmid">
<tr>
<th>Month</th>
<th class="text-center">Leads Total/Paid</th>
<th class="text-center" ng-repeat="m in CR.mc_new.months">{{m.my}}</th>
</tr>
</thead>
<tbody class="vmid">
<tr ng-repeat="m in CR.mc_new.months">
<td>{{m.my}}</td>
<td class="text-center">{{m.total}}/<strong>{{m.step3}}</strong></td>
<td class="text-center bold" ng-repeat="m1 in CR.mc_new.months">{{m.paid[m1.ym]}}</td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- Month Wise Prev LMS -->
<div class="tab-pane" id="tab_3">
<div class="table-responsive">
<table class="table table-striped table-bordered table-advance table-hover">
<thead class="vmid">
<tr>
<th>Month</th>
<th class="text-center">Leads Total/Paid</th>
<th class="text-center" ng-repeat="m in CR.mc_prev.months">{{m.my}}</th>
</tr>
</thead>
<tbody class="vmid">
<tr ng-repeat="m in CR.mc_prev.months">
<td>{{m.my}}</td>
<td class="text-center">{{m.total}}/<strong>{{m.step3}}</strong></td>
<td class="text-center bold" ng-repeat="m1 in CR.mc_prev.months">{{m.paid[m1.ym]}}</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>