@extends('backend.layouts.app')

@section('content')
<div class="col-xl-12">
	<div class="breadcrumb-holder">
		<h1 class="main-title float-left">Summary Report</h1>
		<ol class="breadcrumb float-right">
			<li class="breadcrumb-item">Dashbaord </li>
			<li class="breadcrumb-item">Golf Operation </li>			
			<li class="breadcrumb-item">Ball Boy </li>			
			<li class="breadcrumb-item active">Summary Report </li>			
		</ol>
		<div class="clearfix"></div>
	</div>
</div>

<div class="container">
	<div class="col-md-12">
		<div class="card">
			<div class="card-header text-right">
				<a href="{{ route('golf-operation.ballboys.summary-report-pdf', request()->all()) }}" target="_blank" class="btn btn-info"><i class="fa fa-print"></i> Print</a>
			</div>
			<div class="card-body">
				<form>
					<div class="row">
						<div class="col-sm-2">
							<div class="form-group">								
								<select name="per_page" class="form-control">
									<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="500" @if(request()->per_page == 500) selected @endif>500</option>
								</select>
							</div>
						</div>
						<div class="col-sm-6">
							
						</div>
						<div class="col-sm-4">
							<div class="form-group">
								<input type="text" name="term" class="form-control" placeholder="Search Text" />
							</div>
						</div>
					</div>					
				</form>
				<table class="table table-hover table-sm">
					<thead>
						<tr>
							<th class="text-center">Serial</th>
							<th class="text-center">Photo</th>
							<th class="text-center">ID</th>
							<th class="text-center">Name</th>
							<th class="text-center">Mobile</th>							
							<th class="text-center">Registration Date</th>														
							<th class="text-center">Status</th>							
						</tr>
					</thead>
					<tbody>
						@foreach($ballboys as $ballboy)
						<tr>
							<td class="text-center">{{ (($ballboys->currentPage() -1) * $ballboys->perPage()) + ($loop->index + 1) }}</td>
							<td>
								@if(file_exists($ballboy->photo))
								<img src="{{ asset($ballboy->photo) }}" style="width: 30px; height: auto;">
								@else
								<img src="http://placehold.it/30x30" style="width: 30px; height: auto;">
								@endif
							</td>
							<td class="text-center">{{ $ballboy->ballboy_id }}</td>
							<td>{{ $ballboy->name }}</td>
							<td class="text-center">{{ $ballboy->mobile_no }}</td>							
							<td class="text-center">{{ $ballboy->registration_date }}</td>							
							<td class="text-center">{{ $ballboy->status_name() }}</td>							
						</tr>
						@endforeach
					</tbody>
				</table>
			</div>
			<div class="card-footer">
				{{ $ballboys->appends(request()->except('page'))->links() }}
			</div>
		</div>		
	</div>
</div>
@endsection

@section('before_body_end')
<script type="text/javascript">
	$(document).ready(function(){
		$('select[name="per_page"]').on('change', function(){
			$(this).closest('form').submit();
		})
	});
</script>
@endsection