@extends('backend/layouts/app')
@section('content')
<br />
<div class="container-fluid">
	<div class="col-sm-12">
		<div class="card">
			<form method="post" action="{{($editData)?route('golf-operation.members.other-clubs', $editData->id):route('golf-operation.members.other-clubs')}}">
				@csrf
				<div class="card-header">
					<h3 class="card-title">{{($editData)?'Update':'New Club'}}</h3>
				</div>
				<div class="card-body">
					<div class="row">
						<div class="col-sm-6">
							<div class="form-group">
								<label class="control-label">Club Name <span class="text-danger">*</span></label>
								<input type="text" name="name" value="{{(old('name'))?old('name'):($editData)?$editData->name:''}}" class="form-control @error('name') is-invalid @enderror" required="" />
								@error('name')
									<span class="invalid-feedback">
										<strong>{{$message}}</strong>
									</span>
								@enderror
							</div>						
						</div>
						<div class="col-sm-6">
							<div class="form-group">
								<label class="control-label">Short Name</label>
								<input type="text" name="short_name" class="form-control" />
							</div>						
						</div>
					</div>				
					<div class="form-group">
						<label class="control-label">Contact Information</label>
						<textarea class="form-control" name="contact_info"></textarea>
					</div>
				</div>
				<div class="card-footer text-right">
					<button type="submit" class="btn btn-success">Save</button>
				</div>
			</form>
		</div>
		<br />
		<div class="card">
			<div class="card-header">
				<h3 class="card-title">Others Club List</h3>
			</div>
			<div class="card-body">
				<table class="table table-bordered table-sm">
					<thead>
						<tr>
							<th class="text-center">Serial</th>
							<th class="text-center">Name</th>
							<th class="text-center">Short Name</th>
							<th class="text-center">Contact Info.</th>
							<th class="text-center">Action</th>
						</tr>
					</thead>
					<tbody>
						@foreach($other_clubs as $club)
						<tr>
							<td class="text-center">{{(($other_clubs->currentPage()-1) * $other_clubs->perPage()) + ($loop->index + 1)}}</td>
							<td>{{$club->name}}</td>
							<td class="text-center">{{$club->short_name}}</td>
							<td>{{$club->contact_info}}</td>
							<td class="text-center">
								<a href="{{route('golf-operation.members.other-clubs', $club->id)}}" class="btn btn-sm btn-primary"><i class="fa fa-edit"></i></a>
								<a class="club-remove-btn btn btn-sm btn-danger" href="{{route('golf-operation.members.other-clubs', $club->id)}}"><i class="fa fa-remove"></i></a>
								<form style="display: none;" method="post" action="{{route('golf-operation.members.other-clubs', $club->id)}}">
									@csrf
									@method('DELETE')
								</form>
							</td>
						</tr>
						@endforeach
					</tbody>
				</table>
			</div>
			<div class="card-footer">
				{{$other_clubs->links()}}
			</div>
		</div>		
	</div>
</div>
@endsection

@section('page_script')
<script type="text/javascript">
	$('.club-remove-btn').on('click', function(e){
		e.preventDefault();
		if(confirm('Are you sure to delete this club')){
			$(this).closest('td').find('form').submit();
		}
	})
</script>
@endsection