@extends('dashboard/layout.app')
@section('title', 'BettrAi | Account Monitoring Report')
@section('content')
<style type="text/css">
.select2-container--default .select2-selection--single .select2-selection__rendered{
   font-size:12px !important;
}
#divLoadingInPopup.tabloadershow {
   display: none;
   position: fixed;
   z-index: 100;
   background-image: url("{{ URL::to('assets/images/loading-icon.gif') }}");
   opacity: 0.4;
   left: 0px;
   bottom: 0px;
   right: 0px;
   top: 50px;
   background-repeat: no-repeat;
   background-position: center center;
}
th.sorting::after, th.sorting::before {
    content: none !important;
}
.dataTables_wrapper {
    width: 100%;
}

#kt_datatable_report_wrapper .dataTables_scrollBody thead {
    visibility: collapse !important;
}
.dataTables_wrapper .dataTables_scroll {
    overflow-x: hidden !important;
}
</style>
<link href="{{ asset('/css/flatpickr.min.css')}}" rel="stylesheet" type="text/css" />

						<div class="d-flex flex-column-fluid mt-1">
							<!--begin::Container-->
							<div class="container">
								<!--begin::Dashboard-->
									<div class="card card-custom">
                              <div class="card-header py-5">
                              <h3 class="card-title align-items-start flex-column">
                                 <span class="card-label font-weight-bolder text-dark">Account Clinical Monitoring Report</span>
                              </h3>
                              <div class="card-toolbar">
                                 <a href="{{ URL::to('dashboard/reports?report_type=Clinical') }}" class="btn btn-light-primary font-weight-bold showloader">Back</a>
                              </div>
								   </div>
										

                           <div class="card-body pt-5">
                              <div class="row form-group mb-3">
                                 <div class="col-md-2">
                                    <select class="form-control select" name="branch_id" id="branch_id" onchange="get_filtered_logs('branch')">		
                                       <option value="">Select Location</option>
                                       @foreach($facility_offices as $facility_office)
                                          <option  value="{{ $facility_office->facility_branch_id }}">{{ $facility_office->office_name }}</option>
                                       @endforeach
                                    </select>
                                 </div>
                                 <div class="col-md-2">
                                    <select class="form-control" name="period_type" id="period_type" onchange="get_filtered_logs('period')">		
                                       <option value="">Select Period</option>
                                       <option  value="c">Current Month</option>
                                       <option  value="p">Last Month</option>
                                       <option  value="q">Quarterly</option>
                                       <option  value="h">Half Yearly</option>
                                    </select>
                                 </div>
                                 <div class="col-md-2">
                                    <input type="text" class="form-control date_picker" placeholder="From Date(MM/DD/YYYY)" name='from_date' id='from_date' data-value="{{ isset($from_date)?$from_date:'' }}" value="{{ isset($from_date)?$from_date:'' }}" autocomplete="off">
                                 </div>
                                 <div class="col-md-2">
                                    <input type="text" class="form-control date_picker" placeholder="To Date(MM/DD/YYYY)" name='to_date' id='to_date' data-value="{{ isset($to_date)?$to_date:'' }}" value="{{ isset($to_date)?$to_date:'' }}" autocomplete="off">		
                                 </div>
                                 <div class="col-md-4">
                                    <input type="button" class="btn btn-primary" value="Search" onclick="get_filtered_logs('click')"/>	
                                    <a class="btn btn-warning" onclick="reload_page()">Reset</a>
                                    <!-- <a class="btn btn-primary float-right" href="javascript:void(0)" onclick="export_excel()" style="max-width:150px;" >Export to Excel</a> -->
                                    	
                                 </div>
                              </div>
										<!--begin: Datatable-->
                              <table class="table table-separate table-head-custom table-checkable" id="kt_datatable_report">
                                 <thead>
                                 <tr>
                                    <!-- <th>S.No</th> -->
                                    <th style="width:12% !important;">Account Name</th>
                                    <th style="width:15% !important;">Nurse Name</th>
                                    <th>Total Case Load</th>
                                    <th>Program(s)</th>
                                    <th>Total billable Claims</th>
                                    <th>Total started but not billable TD</th>
                                    @foreach($service_types as $service_typ)
                                       <th data-orderable="false">{{ $service_typ->service_type }} total billable claims</th>
                                    @endforeach
                                    <th data-orderable="false">Service Month</th>
                                    <!-- <th data-orderable="false">RPM Non billable 16/30</th> -->
                                 </tr>
                                 </thead>
                                 <tbody></tbody>
                              </table>
										<!--end: Datatable-->
									</div>
								</div>
								<!--end::Card-->
								
								</div>
							<!--end::Container-->
						</div>
						<!--end::Entry-->
					
      <div id="divLoadingInPopup" class="tabloadershow"></div>
<!-- <script src="{{ asset('assets/js/flatpickr.js')}}"></script> -->
<script src="{{ asset('assets/js/date-pickerJs.js')}}"></script>
<script>
$(document).ready(function() {
	
	console.log('document.body.scrollHeight: ',document.body.scrollHeight,'height: ',$(document).height());
	
   var load_report_url = '{{ URL::to("/") }}/accountMonitoringReport?branch_id={{ $branch_id }}&period_type={{ $period_type }}&from_date={{ $from_date }}&to_date={{ $to_date }}';
   $('#kt_datatable_report').DataTable().destroy();
   $('#kt_datatable_report').DataTable( {
      scrollX: true,
      'processing': true,
		'serverSide': true,
		'serverMethod': 'GET',
		oLanguage: {sProcessing: "<img src='{{ URL::to('assets/images/loading-icon.gif') }}'>"},
		ajax: {
			url: load_report_url,
		},
		'columns': [
			//{ data: 'sno' },
			{ data: 'account_name' },
			{ data: 'nurse_name' },
			{ data: 'total_load_case' },
			{ data: 'programs' },
			{ data: 'billable_claims' },
         { data: 'billable_notstarted' },
                  { data: 'service_month'}
			//{ data: 'non_billable_claims' }
		],
      order: [],
      autoWidth: false
   });
   $(".tabloadershow").hide();
   $('.select').select2({});
});
function get_filtered_logs(type){
   var branch_id = $('#branch_id').val();
   var from_date = $('#from_date').val();
   var to_date = $('#to_date').val();
   if(type=='click'){
      if(from_date=='' || to_date==''){
         swal({position: 'top',type: 'error',title: "Please select from date and to date"});
         return false;
      }
      var period_type = '';
   } else {
      if(type=='period'){
         var from_date = '';
         var to_date = '';
      }
      var period_type = $('#period_type').val();
   }
   $(".tabloadershow").show();
   window.location.href='{{ URL::to("/") }}/accountMonitoringReport?branch_id='+branch_id+'&period_type='+period_type+'&from_date='+from_date+'&to_date='+to_date;
}

function reload_page(){
   $(".tabloadershow").show();
   window.location.href='{{ URL::to("/") }}/accountMonitoringReport';
}
function export_excel(){
   var branch_id = $('#branch_id').val();
   var from_date = $('#from_date').val();
   var to_date = $('#to_date').val();
   var period_type = $('#period_type').val();
   $('.tabloadershow').show();
   window.location.href='{{ URL::to("/") }}/accountMonitoringReport?type=Export&branch_id='+branch_id+'&period_type='+period_type+'&from_date='+from_date+'&to_date='+to_date;
   setTimeout(function (){
		$(".tabloadershow").hide();
	},2000);
}

</script>
@endsection