@extends('layouts.app')
@section('titlePage', 'Assignment 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>
  	<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.bundle.min.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>Assignment 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">
							<form method="GET" id="form">
								<div class="row">
									<div class="col-md-4 pb-3">
										<label for="degree">Select Batch</label>
										<select name="batch" id="batch" class="form-control">
											<option value="">-- Select Batch --</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="">-- Select Department --</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 pt-4">
										<button class="btn btn-secondary float-right reset"><i class="fa fa-times"></i>Reset</button>
										<button class="btn btn-primary float-right search"><i class="fa fa-search"></i>Search</button>
									</div>
									<div class="col-md-12">
										<hr>
									</div>
								</div>
							</form>
                        </div>
                    </div>
					<div class="table-responsive dt-responsive">
						<div id="dt-ajax-array_wrapper" class="dataTables_wrapper dt-bootstrap4">
							<div class="row">
								<div class="col-sm-12">
									<table id="dt-ajax-array" class="table table-striped table-bordered nowrap dataTable" role="grid" aria-describedby="dt-ajax-array_info">
										<thead>
											<tr role="row">
												<th>Section</th>
												<th>Topic</th>
												<th>Assignment Title</th>
												<th>Activated Date</th>
												<th>End Date</th>
												<th>Total Students</th>
												<th>Total Attended</th>
												<th>Action</th>
											</tr>
										</thead>
										<tbody>
											@php  $cr_date = date('Y-m-d H:i:s'); @endphp
											@foreach ($result as $value)
											@php 
												$section_title = "";
												$section_data = $value["section_data"];
												if(str_contains($section_data,'{"')){
													$section_title = json_decode($section_data);
													$section_title = implode(", ",array_keys((array)$section_title));
												}else{
													$section_title = $section_data;
												}
												//dd($section_data);
											@endphp
											<tr>
												<td>{{ $section_title }}</td>
												<td>{{ $value["topic_name"] }}</td>
												<td>{{ $value["test_title"] }}</td>
												<td>{{ $value["test_start_date"] }}</td>
												<td>{{ $value["test_end_date"] }}</td>
												<td>{{ $value["student_count"] }}</td>
												<td>{{ $value["test_attend"] }}</td>
												<td>
													<form action="
													@if($value['report_type']=='test')
														{{ _route('client.reports.generate-test-assignment-report') }}
													@else 
														{{ _route('client.reports.generate-assignment-report') }}
													@endif
													" method="get">
														<input type="hidden" name="batch" value="{{ request()->get('batch') }}">
														<input type="hidden" name="department" value="{{ request()->get('department') }}">
														<input type="hidden" name="id" value="{{ $value['table_test_id'] }}">
														<button type="submit" {{ $value["test_attend"]? "":"disabled"  }} name="export" class="btn btn-primary btn-sm">Export</button>
													</form>
												</td>
										
											</tr>
											@endforeach
										</tbody>
									</table>
								</div>
							</div>
						</div>
					</div>
							{{-- Pagination --}}
							<div class="row pt-2">
								<div class="col-sm-12 col-md-12">
									<div class="dataTables_paginate paging_simple_numbers" id="dt-ajax-array_paginate">
										{!! $result->appends(request()->all())->links() !!}
									</div>
								</div>
							</div>
				</div>
			</div>
		</div>
	</div>
	<!-- [ Main Content ] end -->
</div>

@endsection

@push('script')
	<script>
         $('.reset').on('click',function (e) {
            $('#department').val('');
			$('#batch').val('');
        });
	</script>
	<script>
		$(document).ready(function(){
			$('[data-toggle="tooltip"]').tooltip();   
		});
</script>
@endpush