@extends('backend.layouts.app')
@section('content')
<div class="container-fluid">

    <div class="row">
        <div class="col-xl-12">
            <div class="breadcrumb-holder">
                <h1 class="main-title float-left">
                	Tee Categories
            	</h1>
                <ol class="breadcrumb float-right">
                    <li class="breadcrumb-item"><a href="{{ route('dashboard') }}">Dashboard</a> </li>
                    <li class="breadcrumb-item"><a href="{{ route('tournaments') }}">Tournament</a> </li>
                    <li class="breadcrumb-item active">
                    	Tee Categories
                    </li>
                </ol>
                <div class="clearfix"></div>
            </div>
        </div>
    </div>
    
    <div class="row">
    	<div class="col-sm-12">
    		<div class="card">
    			<form method="post" action="{{isset($editData) && $editData ? route('tournaments.tee-categories', $editData->id):route('tournaments.tee-categories')}}">
    				@csrf
    				@if(isset($editData) && !empty($editData))
    					@method('PUT')
    				@endif
	    			<div class="card-header">
	    				<h3 class="card-title">@if(isset($editData) && !empty($editData)) Update Tee Category @else New Tee Category @endif</h3>
	    			</div>
	    			<div class="card-body">
	    				<div class="row">
	    					<div class="col-sm-4">
	    						<div class="form-group">
	    							<label>Category Name</label>
	    							<input type="text" name="name" value="{{isset($editData) && !empty($editData)?$editData->name:''}}" class="form-control" required="" />
	    						</div>
	    					</div>
                            <div class="col-sm-2">
                                <div class="form-group">
                                    <label class="control-label">Is Female</label>
                                    <select class="form-control form-control-sm" name="is_women">
                                        <option value="0" {{isset($editData) && !empty($editData) && $editData->is_women == 0?'selected':''}}>No</option>
                                        <option value="1" {{isset($editData) && !empty($editData) && $editData->is_women == 1?'selected':''}}>Yes</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-sm-2">
                                <div class="form-group">
                                    <label>Is Reserved</label>
                                    <select class="form-control form-control-sm" name="is_reserved">
                                        <option value="0" {{isset($editData) && !empty($editData) && $editData->is_reserved == 0?'selected':''}}>No</option>
                                        <option value="1" {{isset($editData) && !empty($editData) && $editData->is_reserved == 1?'selected':''}}>Yes</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-sm-2">
                                <div class="form-group">
                                    <label>Age From</label>
                                    <input type="text" value="@if(isset($editData) && !empty($editData)){{ $editData->age_from }}@endif" name="age_from" class="form-control" />
                                </div>
                            </div>
                            <div class="col-sm-2">
                                <div class="form-group">
                                    <label>Age To</label>
                                    <input type="text" value="@if(isset($editData) && !empty($editData)){{ $editData->age_to }}@endif" name="age_to" class="form-control" />
                                </div>
                            </div>
                            <div class="col-sm-2">
                                 <div class="form-group">
                                    <label>Is Common</label>
                                    <select class="form-control form-control-sm" name="is_common">
                                        <option value="0" {{isset($editData) && !empty($editData) && $editData->is_common == 0?'selected':''}}>No</option>
                                        <option value="1" {{isset($editData) && !empty($editData) && $editData->is_common == 1?'selected':''}}>Yes</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-sm-2">
                                <div class="form-group">
                                    <label>Hole</label>
                                    <select class="form-control form-control-sm" name="hole">
                                        <option value="9" {{isset($editData) && !empty($editData) && $editData->hole == 9?'selected':''}}>09 Hole</option>
                                        <option value="18" {{isset($editData) && !empty($editData) && $editData->hole == 18?'selected':''}}>18 Hole</option>
                                    </select>                                    
                                </div>
                            </div>
	    					<div class="col-sm-8">
	    						<div class="form-group">
	    							<label>Descriptions</label>
	    							<input type="text" name="descriptions" value="{{isset($editData) && !empty($editData)?$editData->descriptions:''}}" class="form-control" />
	    						</div>
	    					</div>	    					
	    				</div>
	    			</div>
	    			<div class="card-footer text-right">
	    				<button type="sumbit" class="btn btn-primary">Save</button>
	    			</div>  				
    			</form>
    		</div>
    		<div class="card">
    			<div class="card-header">
    				<h3 class="card-title">Tee Category 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">Is Female</th>
                                <th class="text-center">Is Reserved</th>
                                <th class="text-center">Is Common</th>
                                <th class="text-center">Age From</th>
                                <th class="text-center">Age To</th>
    							<!-- <th class="text-center">Description</th> -->
    							<th class="text-center">Hole</th>
    							<th class="text-center">Action</th>
    						</tr>
    					</thead>
    					<tbody>
    						@foreach($tee_categories as $category)
    						<tr>
    							<td class="text-center">{{$loop->index + 1}}</td>
    							<td>{{$category->name}}</td>
                                <td class="text-center">{{ $category->isWomen() }}</td>
                                <td class="text-center">{{ $category->isReserved() }}</td>
                                <td class="text-center">{{ $category->isCommon() }}</td>
                                <td class="text-center">{{ $category->age_from }}</td>
                                <td class="text-center">{{ $category->age_to }}</td>
    							<!-- <td>{{$category->descriptions}}</td> -->
    							<td class="text-center">{{$category->hole}}</td>
    							<td class="text-center">
    								<a href="{{route('tournaments.tee-categories', $category->id)}}" class="btn btn-sm btn-primary" style="margin-right: 8px;"><i class="fa fa-edit"></i></a>
    								<a href="#" class="btn btn-danger btn-sm tee-remove-btn"><i class="fa fa-remove"></i></a>
    								<form style="display: none;" method="post" action="{{route('tournaments.tee-categories', $category->id)}}">
    									@csrf
    									@method('DELETE')
    								</form>
    							</td>
    						</tr>
    						@endforeach
    					</tbody>
    				</table>
    			</div>
    		</div>
    	</div>
    </div>   
    
</div>
@endsection
@section('page_script')
<script type="text/javascript">
	$(function(){								
		$('.tee-remove-btn').on('click', function(e){
			e.preventDefault();
			if(confirm('Are you sure to delete this tee category.')){
				$(this).closest('td').find('form').submit();
			}
		});			
	});
</script>
@endsection