@extends('backend.layouts.app')
@section('content')
<div class="col-xl-12">
	<div class="breadcrumb-holder">
		<h5 style="text-align: center"> Daily Category Statistics Report </h5>
		 <a href="{{route('drivingrange.add')}}" class="btn btn-success" style="color: #000000; border: 1px solid #eee; margin: 0px auto;"  >
					<i class="fa fa-home" aria-hidden="true" style="font-size: 20px; "></i>
					{{-- <img src="{{ url('public/backend/images/icons/admission.png') }}" style="width: 20px"> --}}
					 Driving Dashboard
				</a>		
		<br>
	
		<div class="clearfix"></div>
	</div>
</div>
<div class="container-fluid" >
	<div class="row">
		<div class="col-xl-12">
			<form method="get">
				<div class="card">
					<div class="card-body">	
                        <form action="{{ route('category-wise') }}" method="get">
                            <div class="row justify-content-center daily-filter">
                                <label class="col-sm-1 control-label text-right">Shift</label>
                                <div class="col-sm-1 text-center">
                                    <select name="shift" class="form-control shift select2" style="width: 100%;" id="shift">
                                        <option value="ALL" @if($shift == "ALL") selected @endif >All</option>
                                        <option value="Day" @if($shift == "Day") selected @endif >Day</option>
                                        <option value="Night" @if($shift == "Night") selected @endif>Night</option>
                                    </select>
                                </div>
                                <label class="col-sm-1 control-label text-right">Start Date</label>
                                    <div class="col-sm-3 text-center">								
                                        <input type="text" name="date_from" class="datepickerjui text-center form-control" value="{{$date_from}}" autocomplete="off" required="" id="date_from"/>
                                    </div>
                                <label class="col-sm-1 control-label text-right">End Date</label>
                                    <div class="col-sm-3 text-center">
                                        <input type="text" name="date_to" class="datepickerjui text-center form-control" value="{{$date_to}}" autocomplete="off" required="" id="date_to" />
                                    </div>
                                <div class="col-sm-1 " style="display: inline-flex;">							
                                    <button type="submit" class="btn btn-info"><i class="fa fa-search"></i></button>
                                    <button type="button" id="categoryPrint" class="btn btn-info" style="margin-left: 7px;"><i class="fa fa-print"></i></button>
                                </div>

                            </div>
                        </form>
					</div>
					<div class="card-footer text-center">					
                        <form id="categoryPrintForm" target="_blank" action="{{ route('category-wise-print') }}" method="get">
                            <input type="hidden" name="shift" id="print_shift">
                            <input type="hidden" name="date_from" id="print_date_from">
                            <input type="hidden" name="date_to" id="print_date_to">
                        </form>
					</div>
				</div>
			</form>
		</div>
        @if($shift == 'ALL' || $shift == 'Day')
        <div class="card-body" style="background: white;">	
            <div class="row">
                <div class="col-xl-12">	
                    <h3>Day</h3>
                    <table class="table table-striped table-bordered" id="example" style="width: 100%;">
                        <thead>
                            <tr>
                                                                @if(sizeof($tableHeader) > 0)
                                @foreach($tableHeader as $key=>$header)
                                <th>@if($key > 3) {{ $header }} -BDT @else {{ $header }} @endif</th>
                                @endforeach
                                @endif
                            </tr>
                        </thead>
                                                <tbody>
                            @if(sizeof($model) > 0)
                            @foreach($model as $m)
                            <tr>
                                <td>{{ ++$sl }}</td>
                                <td>{{ $m->category }}</td>
                                <td>{{ $m->no_of_mem }}</td>
                                <td>