@extends('dashboard/layout.app')
@section('title', 'BettrAi | Provider Visit Notes')
@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;
}
</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">Pending 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">
				<ul class="nav nav-tabs nav nav-pills">
					<li class="nav-item">
						<a class="nav-link active" data-toggle="tab" href="#kt_tab_pane_1" onclick="load_provider_notes('click');">Provider Visit Note Pending Report</a>
					</li>													
					<li class="nav-item hide_btn">
						<a class="nav-link sub_tab" data-toggle="tab" href="#kt_tab_pane_2" onclick="load_pending_assessments('click');">Assessment Pending Report</a>
					</li>
				</ul>
				<div class="tab-content mt-5" id="myTabContent">
					<div class="tab-pane fade show active" id="kt_tab_pane_1" role="tabpanel" aria-labelledby="kt_tab_pane_1">
						<div class="row form-group mb-3">
							<div class="col-md-5"></div>
							<div class="col-md-3">
								<select class="form-control select" id="notes_provider_id" name="notes_provider_id" onchange="load_provider_notes('change');">
									<option value="">All Providers</option>	
									@foreach($notes_filter as $notes_fil)
										@if($notes_fil->created_by!='' && !in_array($notes_fil->created_by,$notes_filter_array))
																						<option value="{{ $notes_fil->created_by }}">{{ $user_fullname }}</option>	
										@endif
																			@endforeach								                  
								</select>
							</div>	
							<div class="col-md-3"></div>
							<div class="col-md-1" style="text-align:right;">
								<a onclick="load_provider_notes('export');" class="btn btn-primary">Export</a>
							</div>  
						</div>
						<table class="table table-separate table-head-custom table-checkable" id="kt_datatable_notesreport">
							<thead>
								<tr>
									<th>Patient Name</th>
									<th>Provider Name</th>
									<th>Created Date</th>	
									<th># Days Since Created</th>						
								</tr>
							</thead>
							<tbody>
								<tr class="throw">
								</tr>
							</tbody>
						</table>
					</div>
					<div class="tab-pane fade" id="kt_tab_pane_2" role="tabpanel" aria-labelledby="kt_tab_pane_2">
						<div class="row form-group mb-3">
							<div class="col-md-5"></div>
							<div class="col-md-3">
								<select class="form-control select" id="assess_provider_id" name="assess_provider_id" onchange="load_pending_assessments('change');">
									<option value="">All Users</option>	
									@foreach($assess_filter as $assess_fil)
										@if($assess_fil->assess_user_id!='' && !in_array($assess_fil->assess_user_id,$assess_filter_array))
																						<option value="{{ $assess_fil->assess_user_id }}">{{ $user_fullname }}</option>	
										@endif
																			@endforeach								                  
								</select>
							</div>	
							<div class="col-md-3"></div>
							<div class="col-md-1">
								<a onclick="load_pending_assessments('export');" class="btn btn-primary">Export</a>
							</div>  
						</div>
						<table class="table table-separate table-head-custom table-checkable" id="kt_datatable_assessreport">
							<thead>
								<tr>
									<th>Patient Name</th>
									<th>Assessment Name</th>
									<th>User</th>
									<th>Created Date</th>	
									<th># Days Since Created</th>						
								</tr>
							</thead>
							<tbody>
								<tr class="throw">
								</tr>
							</tbody>
						</table>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

<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() {
	
	//load_pending_assessments('load');
//});
setTimeout(function(){
	load_provider_notes('load');
	load_pending_assessments('load');
},1000);

function load_provider_notes(action_type){
	if(action_type=='change' || action_type=='export'){
		var user_id = $('#notes_provider_id').val();
	} else {
		$('#notes_provider_id').val('');
		var user_id = '';
	}
	if(action_type=='export'){
		var datatable_search = $('#kt_datatable_notesreport_filter').find('input').val();
		window.location.href = '{{ URL::to("/") }}/providerVisitNotes?list_type=providernotes&filter_user_id='+user_id+'&action_type=export&datatable_search='+datatable_search;
	} else {
		var load_report_url = '{{ URL::to("/") }}/providerVisitNotes?list_type=providernotes&filter_user_id='+user_id;
		if(action_type=='click' || action_type=='change'){
			$("#kt_datatable_notesreport").dataTable().fnDestroy();
		}
		$('#kt_datatable_notesreport').DataTable( {
			'processing': true,
			'serverSide': true,
			'serverMethod': 'GET',
			oLanguage: {sProcessing: "<img src='{{ URL::to('assets/images/loading-icon.gif') }}'>"},
			ajax: {
				url: load_report_url,
			},
			'columns': [
				{ data: 'patient_name' },
				{ data: 'provider_name' },
				{ data: 'created_date' },
				{ data: 'days_created' }
			],
			'aaSorting': []
		});
	}
}

function load_pending_assessments(action_type){
	var user_id = $('#assess_provider_id').val();
	if(action_type=='export'){
		var datatable_search = $('#kt_datatable_assessreport_filter').find('input').val();
		window.location.href = '{{ URL::to("/") }}/providerVisitNotes?list_type=pendingassessments&filter_user_id='+user_id+'&action_type=export&datatable_search='+datatable_search;
	} else {
		var load_report_url = '{{ URL::to("/") }}/providerVisitNotes?list_type=pendingassessments&filter_user_id='+user_id;
		if(action_type=='click' || action_type=='change'){
			$("#kt_datatable_assessreport").dataTable().fnDestroy();
		}
		$('#kt_datatable_assessreport').DataTable( {
			'processing': true,
			'serverSide': true,
			'serverMethod': 'GET',
			oLanguage: {sProcessing: "<img src='{{ URL::to('assets/images/loading-icon.gif') }}'>"},
			ajax: {
				url: load_report_url,
			},
			'columns': [
				{ data: 'patient_name' },
				{ data: 'assessment_name' },
				{ data: 'provider_name' },
				{ data: 'created_date' },
				{ data: 'days_created' }
			],
			'aaSorting': []
		});
	}
}
</script>
@endsection