@extends('backend.layouts.app')
@section('content')
<div class="col-xl-12">
	<div class="breadcrumb-holder">
		<h1 class="main-title float-left">Daily Entry History Online</h1>
		<ol class="breadcrumb float-right">
			<li class="breadcrumb-item">Dashboard </li>
			<li class="breadcrumb-item">Golf Operation </li>
			<li class="breadcrumb-item">Daily Entry </li>
			<li class="breadcrumb-item active">Daily Entry History Online</li>
		</ol>
		<div class="clearfix"></div>
	</div>
</div>
<div class="container-fluid">
	<div class="col-md-12">
		<div class="card card-sm">
			<div class="card-header">
				<h3 class="card-title">List</h3>
			</div>
			<div class="card-body">
				<form action="" method="GET">
					<div class="row">
						<div class="col-sm-1">
							<div class="form-group">
								<label>Per Page</label>
								<select class="form-control from-control-sm" name="per_page" style="padding-left: 1px; padding-right: 1px;">
									<option value="30" @if(request()->per_page == 30) selected @endif>30</option>
									<option value="50" @if(request()->per_page == 50) selected @endif>50</option>
									<option value="100" @if(request()->per_page == 100) selected @endif>100</option>
									<option value="200" @if(request()->per_page == 200) selected @endif>200</option>
									<option value="400" @if(request()->per_page == 400) selected @endif>400</option>
									<option value="500" @if(request()->per_page == 500) selected @endif>500</option>
								</select>
							</div>
						</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">Caddy</label>
								<select class="caddy-dropdown form-control" name="caddy_id">
									@if(request()->caddy_id)
									<option value="{{request()->caddy_id}}" selected="">{{get_caddy_name(request()->caddy_id)}}</option>
									@endif
								</select>
							</div>
						</div>
						<div class="col-sm-2">
							<div class="form-group">
								<label class="control-label">Ballboy</label>
								<select class="ballboy-dropdown form-control" name="ballboy_id">
									@if(request()->ballboy_id)
									<option value="{{request()->ballboy_id}}" selected="">{{get_ballboy_name(request()->ballboy_id)}}</option>
									@endif
								</select>
							</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="table-responsive">
					<table class="table table-bordered">
						<thead>
							<tr>
								<th class="text-center">Sl</th>
								<th class="text-center">Date Time</th>
								<th>Name</th>
								<th class="text-center">Membershiip No</th>
								<th class="text-right">Green Fee</th>
								<th class="text-right">Caddy Fee</th>
								<th class="text-center">Ballboy Fee</th>
								<th class="text-right">Rent cart</th>
								<th class="text-right">Rent Set</th>
								<th class="text-right">Rent Trolley</th>
								<th>Caddy</th>
								<th>Ballboy</th>
								<th>Status</th>
								<th class="text-center" style="width: 120px;">Action</th>					
							</tr>
							</thead>
						<tbody>
							@foreach($dailyentries as $entry)
								<tr>
									<td class="text-center">{{$loop->index +1 }}</td>
									<td class="text-center">{{ $entry->created_at }}</td>
									<td>{{$entry->name}}</td>
									<td class="text-center">{{$entry->membership_no}}</td>
									<td class="text-right">{{number_format($entry->green_fee, 2)}}</td>
									<td class="text-right">{{number_format($entry->caddy_fee, 2)}}</td>
									<td class="text-right">{{number_format($entry->ballboy_fee, 2)}}</td>
									<td class="text-right">{{number_format($entry->cart_fee, 2)}}</td>
									<td class="text-right">{{number_format($entry->set_fee, 2)}}</td>
									<td class="text-right">{{number_format($entry->trolley_fee, 2)}}</td>
									<td>
										@if($entry->caddy)
											{{$entry->caddy->caddy_id . ' - ' . $entry->caddy->name }}
										@endif
									</td>
									<td>
										@if($entry->ballboy)
											{{$entry->ballboy->ballboy_id . ' - ' . $entry->ballboy->name }}
										@endif
									</td>
									<td class="text-center">
										@if($entry->paid_status == 1)
										<span class="text-success">Paid</span>
										@else
										<span class="text-danger">Due</span>
										@endif
									</td>
									<td class="text-center">
										<a class="btn btn-info btn-sm" target="_blank" href="{{route('golf-operation.dailyentry.print', $entry->id)}}"><i class="fa fa-print"></i></a>
										<a class="btn btn-warning btn-sm" href="{{route('golf-operation.dailyentry.edit', ['id' => $entry->id, 'membership_no' => $entry->membership_no, 'tee_type' => $entry->tee_type])}}"><i class="fa fa-pencil"></i></a>
										
										<a class="btn btn-danger item-delete-btn btn-sm" href="{{route('golf-operation.dailyentry.delete', $entry->id)}}"><i class="fa fa-times"></i></a>
										
									</td>					
								</tr>
							@endforeach
						</tbody>
					</table>					
				</div>
			</div>
			<div class="card-footer">
				{{$dailyentries->appends(request()->except(['page']))->links()}}
			</div>
		</div>
	</div>
</div>
@endsection
@section('before_body_end')
<script type="text/javascript">
	$(function(){	
		$('select[name="per_page"]').change(function(){
			$(this).closest('form').submit();
		})							
		$('.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,
            allowClear: true,
            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,
            allowClear: true,
            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;
		padding: 2px!important;
	}
</style>
@endsection