@extends('backend.layouts.app')
@section('content')
<div class="col-xl-12">
	<div class="breadcrumb-holder">
		<h1 class="main-title float-left">Member Category Setup</h1>
		<ol class="breadcrumb float-right">
			<li class="breadcrumb-item">Dashbaord </li>
			<li class="breadcrumb-item">Golf Operation </li>
			<li class="breadcrumb-item">Membership Management </li>
			<li class="breadcrumb-item active">Member Category Setup</li>
		</ol>
		<div class="clearfix"></div>
	</div>
</div>
<div class="container fullbody">
	<div class="col-md-12">
		<div class="card">
			<form method="post" action="{{ (@$editData) ? route('golf-operation.members.category.update',$editData->id) : route('golf-operation.members.category.store') }}" id="myForm">
				<div class="card-body">
					@csrf
					<input type="hidden" name="category_id" id="category_id">
					<div class="form-row">
						<div class="form-group col-sm-4">
							<label class="control-label">Category Name<span class="text-danger">*</span></label>
							<input type="text" name="name" id="name" value="{{ @$editData ? $editData->name : '' }}" class="form-control form-control-sm" placeholder="Member Category Name" required>
						</div>
						<div class="col-sm-3">
							<div class="form-group">
								<label>Applicable To</label>
								<select name="member_type" class="form-control form-control-sm">
									<option value="1" @if(isset($editData) && $editData->member_type == 1) selected @endif>Regular Member</option>
									<option value="2" @if(isset($editData) && $editData->member_type == 2) selected @endif>Corporate/Patron Member</option>
								</select>
							</div>
						</div>
						<div class="form-group col-sm-5">
							<label class="control-label" for="description">Category Description</label>
							<input type="text" name="description" value="{{ @$editData ? $editData->description : '' }}" id="description" class="form-control form-control-sm" value="" placeholder="Member Category Description" />
						</div>
					</div>				
					
					<div class="card-footer text-right">
							<button type="submit" class="btn btn-sm btn-store"><i class="fa fa-save"></i> Save</button>
					</div>
				</form>
			</div><br>
			<div class="card">
				<div class="card-body">					
					<div class="table-responsive">
						<table class="table table-sm table-bordered table-striped" width="100%">
							<thead>
								<tr class="text-center">
									<th class="text-center" style="width: 50px;">Serial</th>
									<th class="text-center">Name</th>
									<th class="text-center">Applied To</th>
									<th class="text-center">Description</th>																			
									<th style="width: 100px;" class="text-center no-print">Action</th>
								</tr>								
							</thead>

							<tbody>
								@foreach ($categories as $element)
								<tr>
									<td class="text-center">{{( $loop->index + 1) }}</td>
									<td>{{ $element->name }}</td>
									<td class="text-center">{{ $element->applied_to() }}</td>
									<td>{{ $element->description }}</td>																
									<td class="text-center">
										<a href="{{ route('golf-operation.members.category.edit',$element->id) }}" class="btn btn-sm btn-edit" title="Edit"><i class="fa fa-pencil"></i></a>
										<a href="#" class="btn btn-sm btn-delete delete" title="Delete" data-id="{{ $element->id }}" data-tablename="member_categories"><i class="fa fa-remove"></i></a>
									</td>
								</tr>
								@endforeach
							</tbody>
						</table>
					</div>
				</div>
			</div>
		</div>
	</div>
	@endsection
	@section('before_body_end')
	<script type="text/javascript">
		$(function(){
			$(".table-responsive").floatingScroll();
		});
	</script>
	@endsection