@extends('backend.layouts.app')
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0/css/bootstrap.css" rel="stylesheet">
<link href="https://cdn.datatables.net/1.10.16/css/dataTables.bootstrap4.min.css" rel="stylesheet">
<script src="https://code.jquery.com/jquery-3.3.1.js"></script>
<script src="https://cdn.datatables.net/1.10.20/js/jquery.dataTables.min.js"></script>
<script>
    $('document').ready(function(){
        var table = $('#example').DataTable({
            "bLengthChange": false,
            "ordering":false,
            columnDefs: [
                // { width: 50, targets:1},
            ],
            fixedColumns: false,
            initComplete: function () {
                this.api().columns([1,2,]).every( function () {
                    var column = this;
                    var select = $('<select class="form-control select2" style="width: 100%;"><option value="">Search</option></select>')
                        .appendTo( $(column.header()).empty() )
                        .on( 'change', function () {
                            var val = $.fn.dataTable.util.escapeRegex(
                                $(this).val()
                            );
    
                            column
                                .search( val ? '^'+val+'$' : '', true, false )
                                .draw();
                        } );
    
                    column.data().unique().sort().each( function ( d, j ) {
                        select.append( '<option value="'+d+'">'+d+'</option>' )
                    } );
                } );
            }
        });
        $('.select2').select2();
    });
</script>
@section('content')
<div class="col-xl-12">
	<div class="breadcrumb-holder">
		<h5 style="text-align: center"> Payment of Coach  </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="" method="get">
                            <div class="row justify-content-center daily-filter">
                                <label class="col-sm-1 control-label text-right">Start Date</label>
                                    <div class="col-sm-2 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-2 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-2 " 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('pamentCoach.print') }}" method="get">
                            <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>
        <div class="card-body" style="background: white;">	
            <div class="row">
                <div class="col-xl-12">	
                    <table class="table table-striped table-bordered" id="" style="width: 100%;">
                        <thead>
                            <tr>
                                <th>SL</th>
                                <th>Coach Name</th>
                                @if(sizeof($service_list)>0)
                                @foreach($service_list as $ser)
                                    <th>{{ $ser->service_name }} -BDT</th>
                                @endforeach
                                @endif
                                <th>Total -BDT</th>
                            </tr>
                        </thead>
                                                <tbody>
                            @if(sizeof($coach_list) >0 )
                            @foreach($coach_list as $key=>$coach)
                                                        <tr>
                                <td> <strong>{{ ++$sl }}</strong> </td>
                                <td> <strong>{{ $coach->course_name}}</strong> </td>
                                @if(sizeof($service_list)>0)
                                @foreach($service_list as $ser)
                                    <td>
                                        @if(preg_match('/\Course\b/i', $ser->service_name))