<!-- 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"></button>
<h4 class="modal-title">Lead Detail</h4>
</div>
<div class="modal-body">
<div class="tabbable-custom nomrgn">
<ul class="nav nav-tabs">
<li class="active">
<a href="#dtl_tab1" data-toggle="tab" aria-expanded="true" onclick="event.preventDefault()"> Lead Detail </a>
</li>
<li>
<a href="#dtl_tab2" data-toggle="tab" aria-expanded="true" onclick="event.preventDefault()"> Followup History </a>
</li>
</ul>
<div class="tab-content nomrgn">
<!-- Detail -->
<div class="tab-pane active" id="dtl_tab1">
<div class="row mingap">
<div class="col-md-4 form-group">
<label>Patient ID</label>
<div class="form-control bold">{{ldtl.application_no}}</div>
</div>
<div class="col-md-4 form-group">
<label>Patient 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>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>Center of Excellence</label>
<div class="form-control bold">{{ldtl.program}}</div>
</div>
<div class="col-md-4 form-group">
<label>Appointment DateTime</label>
<div class="form-control bold">{{ldtl.appointment_datetime}}</div>
</div>
<div class="col-md-4 form-group">
<label>Lead Created On</label>
<div class="form-control bold">{{ldtl.leadCreated}}</div>
</div>
<div class="clearfix"></div>
<hr class="mt10">
<div class="col-md-8 form-group">
<label>Landing Page</label>
<div class="form-control bold">{{ldtl.lpage}}</div>
</div>
<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="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="col-md-4 form-group">
<label>UTM Placement</label>
<div class="form-control bold">{{ldtl.utm_placement}}</div>
</div>
</div>
</div>
<!-- Followup History -->
<div class="tab-pane" id="dtl_tab2">
<div ng-if="CR.followups.length">
<div class="table-responsive">
<table class="table tablesm table-striped table-bordered table-advance table-hover nomrgn">
<thead>
<tr class="uc">
<th class="w20">SN</th>
<th>Remarks/Feedback</th>
<th class="w200">Given By</th>
<th class="w85"></th>
</tr>
</thead>
<tbody>
<tr ng-repeat="(i,r) in CR.followups">
<td>{{i+1}}.</td>
<td>
<div class="bold">{{r.remarks}}</div>
<div class="mb5">[{{r.subremarks}}]</div>
<div>{{r.feedback}}</div>
</td>
<td>
{{r.usr}}
<div class="pdT5">
[@{{r.created}}]
</div>
</td>
<td class="text-center">
<div class="btn-group btn-group-solid">
<a href="" class="btn btn-xs default" ng-click="CR.follow_up_detail(r.id)"><i class="fa fa-edit"></i></a>
<a href="" class="btn btn-xs red" ng-click="CR.delete_follow_up(r.id)" ><i class="fa fa-trash"></i></a>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div ng-if="!CR.followups.length">No remarks/feedback found</div>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn dark btn-outline" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>