@extends('backend.layouts.app')
@section('content')
<div class="col-xl-12">
	<div class="breadcrumb-holder">
		<h1 class="main-title float-left">Edit/Manage Member</h1>
		<ol class="breadcrumb float-right">
			<li class="breadcrumb-item">Home </li>
			<li class="breadcrumb-item">Golf Operation </li>
			<li class="breadcrumb-item active">Edit/Manage Member</li>
		</ol>
		<div class="clearfix"></div>
	</div>
</div>
<div class="container-fluid">
	<div class="col-md-12">			
		<div class="card">
			<div class="card-header">
				<h3 class="card-title pull-left">Member List</h3>				
			</div>
			<div class="card-body">
				<form method="get" action="{{route('golf-operation.members.manage')}}">
					<div class="row">
						<div class="col-sm-1">
							<div class="form-group">
								<label class="control-label">Per Page</label>
								<select class="form-control change-per-page" style="padding-right: 2px;" name="per_page">
									<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="300" @if(request()->per_page == 300) selected @endif>300</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="tontrol-label">Name</label>
								<input type="text" name="name" value="{{request()->name}}" class="form-control" />
							</div>
						</div>
						<div class="col-sm-2">
							<div class="form-group">
								<label class="tontrol-label">Memb. No.</label>
								<input type="text" value="{{request()->application_id}}" name="application_id" class="form-control" />
							</div>							
						</div>
						<div class="col-sm-2">
							<div class="form-group">
								<label class="tontrol-label">Category</label>
								<select name="member_category_id" class="form-control select2">
									<option value="">Select Category</option>
									@foreach($categories as $category)
										<option value="{{$category->id}}" @if(request()->member_category_id == $category->id) selected @endif>{{$category->name}}</option>
									@endforeach
								</select>
							</div>
						</div>
						<div class="col-sm-2">
							<div class="form-group">
								<label class="tontrol-label">Monthly Sub Type</label>
								<select class="form-control form-control-sm" name="monthly_sub_type">
									<option value="">Select Monthly Sub Type</option>
									<option value="Full Member" @if(request()->monthly_sub_type == 'Full Member') selected @endif>Full Member</option>
									<option value="Single" @if(request()->monthly_sub_type == 'Single') selected @endif>Single</option>
									<option value="Family" @if(request()->monthly_sub_type == 'Family') selected @endif>Family</option>
								</select>
							</div>
						</div>
						<div class="col-sm-2">
							<div class="form-group">
								<label class="control-label">Status</label>
								<select class="form-control form-control-sm" name="activity_status">
									<option value="">Select Status</option>
									<option value="Active" @if(request()->activity_status == 'Active') selected @endif>Active</option>
									<option value="Absentee" @if(request()->activity_status == 'Absentee') selected @endif>Absentee</option>
									<option value="Inactive" @if(request()->activity_status == 'Inactive') selected @endif>Inactive</option>
									<option value="Cancelled" @if(request()->activity_status == 'Cancelled') selected @endif>Cancelled</option>
								</select>
							</div>
						</div>
						<div class="col-sm-1" style="padding-top: 25px;">
							<button type="submit" class="btn btn-primary">Search</button>
						</div>						
					</div>
					<div class="row">
						<div class="col-sm-2">
							<div class="form-group">
								<label>BA No</label>
								<input type="text" name="ba_no" value="{{ request()->ba_no }}" class="form-control" />
							</div>
						</div>
						<div class="col-sm-2">
							<div class="form-group">
								<label>Approval</label>
								<select class="form-control form-control-sm" name="member_status">
									<option value="">Select Status</option>
									<option value="0" @if(request()->member_status == 0 && request()->member_status != '') selected @endif>Initial Submit</option>
									<option value="1" @if(request()->member_status == 1) selected @endif>Waiting for Recomendation</option>
									<option value="2" @if(request()->member_status == 2) selected @endif>Recomended</option>
									<option value="3" @if(request()->member_status == 3) selected @endif>Approved</option>
								</select>
							</div>
						</div>
					</div>
				</form>
				<div class="table-responsive">
					<table class="table table-bordered table-sm">
						<thead>
							<tr>
								<th style="width: 100px;" class="text-center">Serial</th>
								<th class="text-center" style="width: 180px;">Name</th>
								<th class="text-center">Membership No</th>
								<th class="text-center">Category</th>								
								<th class="text-center">Mon Sub Type</th>
								<th class="text-center">Blood Group</th>							
								<th class="text-center" style="width: 100px;">Mobile</th>							
								<th class="text-center" style="width: 120px;">Email</th>							
								<th class="text-center">Handicap</th>
								<th class="text-center">Status</th>								
								<th class="text-center" style="width: 120px!important;">Action</th>
							</tr>
						</thead>
						<tbody>
							@foreach($members as $member)
							<tr>
								<td class="text-center">{{(($members->currentPage()-1)* $members->perPage())+$loop->index+1}}</td>
								<td class="text-center">{{$member->full_name}}</td>
								<td class="text-center">{{$member->membership_no}}</td>
								<td class="text-center">{{$member->category?$member->category->name:''}}</td>								
								<td class="text-center">{{$member->monthly_sub_type}}</td>
								<td class="text-center">{{$member->blood_group}}</td>
								<td class="text-center">{{$member->mobile_number}}</td>
								<td class="text-center">{{$member->email}}</td>
								<td class="text-center">{{$member->handicap}}</td>								
								<td class="text-center">{{$member->activity_status}}</td>								
								<td class="text-center">
									<a href="{{route('golf-operation.members.edit', $member->id)}} @if($member->member_reg_type == 2)?member_type=corporate-patron @endif" class="btn btn-edit btn-sm"><i class="fa fa-edit"></i></a>									
									<a href="{{route('golf-operation.members.delete', $member->id)}}" class="btn btn-delete item-delete-btn btn-sm"><i class="fa fa-remove"></i></a>
								</td>
							</tr>
							@endforeach
						</tbody>
						<tfoot>
							<tr>
								<th colspan="100%">
									{{$members->appends(request()->except(['page']))->links()}}
								</th>
							</tr>
						</tfoot>
					</table>
				</div>												
			</div>
			<div class="card-footer text-right">
									
			</div>
		</div>		
	</div>
</div>
@endsection
@section('page_script')
<script type="text/javascript">
	$(function(){								
		$('.single-date-picker').daterangepicker({
			singleDatePicker: true,
			showDropdowns: true,
			locale: {
		      format: 'YYYY-MM-DD'
		    }
		});

		$('.change-per-page').on('change', function(e){			
			$(this).closest('form').submit();
		});						
	});
</script>
<style type="text/css">
	table th, table td {
		font-size: 12px;
	}
</style>
@endsection