@extends('backend.layouts.app')
@section('content')
<div class="col-xl-12">
	<div class="breadcrumb-holder">
		<h5 style="text-align: center"> Monthly Collection Distribution </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('collection-distribution-report-new') }}" 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-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('collection-distribution-report-new.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="card-header bg-">
                <strong></strong>
            </div>
            <div class="row">
                <div class="col-xl-12">	
                    <table class="table table-striped table-bordered" id="example" style="width: 100%;    text-align: center;">
                        <thead>
                            <tr>
                                @if(sizeof($rowCollection) > 0)
                                @foreach($rowCollection as $key=>$header)
                                @if($key > 2)
                                <th>{{ $header }} -BDT</th>
                                @else
                                <th>{{ $header }}</th>
                                @endif
                                @endforeach
                                @endif
                            </tr>
                        </thead>
                                                <tbody>
                            @if(sizeof($tableHeader)>0)
                            @foreach($tableHeader as $key=>$value)
                                <tr>
                                    <td>{{ ++$sl }}</td>
                                    <td><strong>{{ $value }}</strong> </td>
                                    <td>