@extends('layouts.app')
@section('titlePage', 'Comprehensive Report')
@section('content')
<script>
    document.getElementById("kts-14").classList.add("is-expanded");
    document.getElementById("ktss-14").classList.add("active","is-expanded");
    document.getElementById("reports-14").classList.add("active");
</script>
@push('script')
	<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.3.3/jspdf.debug.js"></script>
	
@endpush
<div class="page-wrapper">
	<!-- [ breadcrumb ] start -->
	<div class="page-header">
		<div class="page-block">
			<div class="row align-items-center">
				<div class="col-md-12">
					<div class="page-header-title">
						<h5>Comprehensive Report</h5>
					</div>
					<ul class="breadcrumb">
						<li class="breadcrumb-item"><a href=""><i class="feather icon-home"></i></a></li>
						<li class="breadcrumb-item"><a href="#!">Reports</a></li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	
	<!-- [ breadcrumb ] end -->
	<!-- [ Main Content ] start -->
	<div class="row">
		<div class="col-xl-12">
            @if(session()->has('message.level'))
                <div class="mt-2 alert alert-{{session('message.level')}} alert-dismissible" role="alert">
                    <button type="button" class="close" data-dismiss="alert">&times;</button>
                    {!! session('message.content') !!}
                </div>
            @endif
			<div class="card">

				<div class="card-body">
                    <div class="row">
                        <!-- product profit end -->
                        <div class="col-md-12">
                            <div class="row">
								<div class="col-md-12">
									@php
										$test_id = request()->get('test_id');
									@endphp
									<form action="" method="get">
										<div class="row col-12">
						                     <div class="col-md-4 pb-3">
						                        <label for="degree">Select Batch</label>
						                        <select name="batch" id="batch" class="form-control">
						                        	<option value="" selected>All Batches</option>
						                            @foreach ($dataMap['batches'] as $batch)
						                                <option {{request()->get('batch') == $batch->id ? 'selected' : ''}} value="{{$batch->id}}">{{$batch->batch_title}}</option>
						                            @endforeach
						                            
						                        </select>
						                    </div>
						                    
						                    <div class="col-md-4 pb-3">
						                        <label for="degree">Select Department</label>
						                        <select name="department" id="department" class="form-control">
						                           <option value="" selected>All Departments</option>
						                            @foreach ($dataMap['departments'] as $department)
						                                <option {{request()->get('department') == $department->id ? 'selected' : ''}}  value="{{$department->id}}">{{$department->d_name}}</option>
						                            @endforeach
						                        </select>
						                    </div>
						                    <div class="col-md-4 pb-3">
						                        <label for="degree">Select Type of Report</label>
						                        <select name="report_type" id="report_type" class="form-control">
						                           <option value="" selected>-- Select Type of Report --</option>
						                           		<option {{request()->get('report_type') == 'monitored' ? 'selected' : ''}}  value="monitored">Monitored Testwise report</option>
						                           		<option {{request()->get('report_type') == 'company' ? 'selected' : ''}}  value="company">Compant specific Test report</option>
						                           		<option {{request()->get('report_type') == 'assignment' ? 'selected' : ''}}  value="assignment">Assignment Wise report</option>
						                        </select>
						                    </div>
						                   
						                </div>
										<input type="hidden" name="type" value="view">
										<div class="row col-12">
											<div class="col-md-8 pb-3">
												<label for="my-input">Select Test</label>
												<select class="form-control" name="test_id" required>
													<option value="">-- Select Test --</option>
													@foreach ($tests as $test)
														<option value="{{$test->id}}" @if($test_id == $test->id) selected @endif>{{$test->title}}</option>
													@endforeach
												</select>
											</div>
										</div>
										<div class="form-group">
											<button type="submit" name="view" class="btn btn-info">View Chart Now</button>
											<button type="submit" name="export" class="btn btn-info">Generate Report Excel</button>
										</div>
									</form>
								</div>
								<div class="col-md-12">
									<hr>
								</div>
                            </div>
							
                        </div>
                    </div>
					@if (request()->has('test_id'))
						<div id="monitored-test-report">
							@include('client.reports.test-report.charts')
						</div>
					@endif
				</div>
			</div>
		</div>
	</div>
	<!-- [ Main Content ] end -->
</div>

@endsection

@push('script')
<script>
$(document).ready(function(){

	$('#report_type').on('change', function(){

		if($(this).val() == 'monitored'){
			
			var batch_id = $('#batch').val();
			var department_id = $('#department').val();
			$.ajax({
		          url: "{{_route('client.tests.get-monitored-tests')}}",
		          type: 'POST',
		          headers: {
					    'X-CSRF-Token': '{{ csrf_token() }}',
					},
		          data: {batch_id:batch_id, department_id:department_id},
		          dataType: 'json',
		          success: function(data) {
		            $('select[name="test_id"]').html('');
		            $('select[name="test_id"]').html(data.options);
		          }
		     });
		}
	})
})
</script>
@endpush