@extends('backend.layouts.app')
@section('content')
<div class="col-xl-12">
	<div class="breadcrumb-holder">
		<h5 style="text-align: center"> Summary Of Collection Distribution </h5>
		 <a href="{{route('drivingrange.add')}}" style="color: #000000; border: 1px solid #eee; width: 60%; margin: 15px auto; box-shadow: 0px 0px 5px 5px #9e9c9c;" >
					<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>
		<ol class="breadcrumb float-right">
			<li class="breadcrumb-item"><a href="{{route('dashboard')}}">Dashbaord</a> </li>
			<li class="breadcrumb-item"><a href="{{route('drivingrange.add')}}">Driving Range Manage</a> </li>			
			<li class="breadcrumb-item active">Memberwise Collection </li>			
		</ol> 
		
		<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') }}" 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.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;">

            @if(sizeof($model) > 0)
            @foreach($model as $key=>$value)
            <div class="card-header bg-">
                <strong>{{ ucfirst($value->category) }}</strong>
            </div>
            <div class="row">