@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.16/js/jquery.dataTables.min.js"></script>
    <script src="https://cdn.datatables.net/buttons/1.5.1/js/dataTables.buttons.min.js"></script>
    <script src="https://cdn.datatables.net/buttons/1.5.1/js/buttons.print.min.js"></script>
    <script src="https://cdn.datatables.net/select/1.2.5/js/dataTables.select.min.js"></script>
    <script src="https://cdn.datatables.net/1.10.16/js/dataTables.bootstrap4.min.js"></script>
    <script src="https://cdn.datatables.net/buttons/1.5.1/js/buttons.bootstrap4.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.32/pdfmake.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.32/vfs_fonts.js"></script>
    <script src="https://cdn.datatables.net/buttons/1.5.1/js/buttons.html5.min.js"></script>
    <script src="https://cdn.datatables.net/buttons/1.5.1/js/buttons.print.min.js"></script>
    <script src="https://cdn.datatables.net/buttons/1.5.1/js/buttons.colVis.min.js"></script>


<script>
$(document).ready(function() {
    $datatable = $('#example').DataTable({
        dom: 'Blfrtip',
    });
} );
</script>

@section('content')
<div class="col-xl-12">
	<div class="breadcrumb-holder">
		<h5 style="text-align: center"> Daily Collection of Driving Reg </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 Manag</a> </li>			
			<li class="breadcrumb-item active">Summary of Rec Payments </li>			
		</ol> 
		
		<br>
	
		<div class="clearfix"></div>
	</div>
</div>
	<!--<div class="col-sm-2">
	<a href="{{url('/driving_report')}}" class="badge badge-primary">Report</a>
	</div> -->
<div class="container-fluid">
<form action="{{route('golf-operation.driving.report.details')}}" method="GET">
					<div class="row">
						<div class="col-sm-2">
							<div class="form-group">
								
							</div>
						</div>
						<div class="col-sm-1">
						</div>
						<div class="col-sm-2">
						
						</div>
						<div class="col-sm-2">
						<!--	<div class="form-group">
								<label class="control-label">Membership No</label>
								<input type="text" name="membership_no" class="from-control-sm form-control" value="{{request()->membership_no}}" />
							</div> -->
						</div>
						<div class="col-sm-2">
							<div class="form-group">
								<label class="control-label">Date From</label>
								<input type="text" name="date_from" class="single-date-picker form-control" value="{{request()->date_from}}" />
							</div>
						</div>
						<div class="col-sm-2">
							<div class="form-group">
								<label class="control-label">Date To</label>
								<input type="text" name="date_to" class="single-date-picker form-control" value="{{request()->date_to}}" />
							</div>
						</div>
						<div class="col-sm-1" style="padding-top: 25px;">
							<div class="form-group">
								<button type="submit" class="btn btn-info"><i class="fa fa-search"></i></button>								
							</div>
						</div>
					</div>					
				</form>
<!-- <div class="row">
<div class="col-md-9">
</div>
<div class="col-md-1">
<label>Date :</label>
</div>
<div class="col-md-2">
<form aaction="/dri_reg_summary" method="get">
	<div class="form-group">
	
	 <input type="search" name="search" class="form-control" placeholder="search">
      <span class="form-group-btn">
	  <button type="submit" class="btn btn-primary" ></button>
	  </span>
	  </div>
	</form>
</div>
</div> -->
	<div class="col-md-12">
		<table class="table table-striped table-bordered" id="example">
			<thead>
				<tr>
					<th>Sl</th>
					<th>Category Name</th>
					<th >No of Mem</th>
					<th style=" width: 180px;">Service</th>
					<th>Training Fee</th>
					<th>Coach Fee</th>
					<th>Total Fee</th>
					
				<!--	<th>Ballboy Fee</th> -->
					
					<th>Action</th>					
				</tr>
				</thead>
			<tbody>
			
						
				
			</tbody>
		</table>
		
	</div>
	<hr>
	<div class="row">
	<div class="col-7">
	
	</div>
	<div class="1">
	
	</div>
	
	</div>
	<div class="card-footer">
				
			</div>
</div>
@endsection
@section('before_body_end')
<script type="text/javascript">
	$(function(){								
		$('.single-date-picker').daterangepicker({
			singleDatePicker: true,
			showDropdowns: true,
			autoUpdateInput: false,
			locale: {
		      format: 'YYYY-MM-DD'
		    }
		});

		$('.single-date-picker').on('apply.daterangepicker', function(ev, picker){
			$(this).val(picker.startDate.format('YYYY-MM-DD'));			
		});

		$('.caddy-dropdown').select2({
            placeholder: 'Select Caddy',	            
            multiple: false,
            ajax: {
                url: '{{route("caddy-suggestion")}}',
                dataType: 'json',
                data: function (params) {
                  return {
                    term: params.term, // search term
                    page: params.page
                  };
                },
                processResults: function (data, params) {
                    params.page = params.page || 1;
                    return {
                        results: data.items,
                        pagination: {
                          more: (params.page * 30) < data.total_count
                        }
                    };
                }
            }
        });	

        $('.ballboy-dropdown').select2({
            placeholder: 'Select Ballboy',	            
            multiple: false,
            ajax: {
                url: '{{route("ballboy-suggestion")}}',
                dataType: 'json',
                data: function (params) {
                  return {
                    term: params.term, // search term
                    page: params.page
                  };
                },
                processResults: function (data, params) {
                    params.page = params.page || 1;
                    return {
                        results: data.items,
                        pagination: {
                          more: (params.page * 30) < data.total_count
                        }
                    };
                }
            }
        });			
	});
</script>
<style type="text/css">
	table th, table td {
		font-size: 10px;
	}
</style>
@endsection