@extends('backend.layouts.app')

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

<div class="container">
	<div class="col-md-12">
		<div class="card">
			<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-5">
							
						</div>
						<div class="col-sm-4">
							<div class="form-group">
								<input type="text" name="term" class="form-control" placeholder="Search Text" />
							</div>
						</div>
						<div class="col-sm-1">
							<div class="form-group">
								<button type="submit" class="btn btn-xs btn-info"><i class="fa fa-search"></i></button>
							</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">Action</th>
						</tr>
					</thead>
					<tbody>
						@foreach($caddies as $caddy)
						<tr>
							<td class="text-center">{{ (($caddies->currentPage() -1) * $caddies->perPage()) + ($loop->index + 1) }}</td>
							<td>
								@if(file_exists($caddy->photo))
								<img src="{{ asset($caddy->photo) }}" style="width: 30px; height: auto;">
								@else
								<img src="http://placehold.it/30x30" style="width: 30px; height: auto;">
								@endif
							</td>
							<td class="text-center">{{ $caddy->caddy_id }}</td>
							<td>{{ $caddy->name }}</td>
							<td class="text-center">{{ $caddy->mobile_no }}</td>
							<td class="text-right">
								<a href="{{ route('golf-operation.caddies.edit', $caddy->id) }}" class="btn btn-sm btn-warning"><i class="fa fa-edit"></i></a>
								<button type="button" class="btn btn-sm btn-danger delete" data-id="{{ $caddy->id }}" data-tablename="caddies"><i class="fa fa-remove"></i></button>
							</td>
						</tr>
						@endforeach
					</tbody>
				</table>
			</div>
			<div class="card-footer">
				{{ $caddies->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