@extends('frontend.layouts.member-app')
@section('content')
<br />
<style type="text/css">
	.form-control{
		font-size: 12px;
	}
</style>
@if($present_registrations && count($present_registrations) > 0)
<div class="card">
	<div class="card-body" style="margin-bottom: 0px; padding-bottom: 0px;">
		<div class="table-responsive" style="margin-bottom: 25px;">
			<table class="table table-bordered table-sm">
				<tr>
					<th class="text-center">Mem. No.</th>
					<th>Tournament</th>
					<th class="text-center">Date</th>
					<th class="text-center">Time</th>
					<th class="text-center">Action</th>
				</tr>
				@foreach($present_registrations as $p_registration)
				<tr>
					<th class="text-center">{{ $p_registration->membership_no }}</th>
					<th>{{ $p_registration->tournament->tour_name }}</th>
					<th class="text-center">{{ date('d-m-Y', strtotime($p_registration->slot->slot_date)) }}</th>
					<th class="text-center">{{date('g:i A', strtotime($p_registration->slot->slot_start))}} - {{date('g:i A', strtotime($p_registration->slot->slot_end))}}</th>
					<th class="text-center">
						@if($p_registration->paid == 0 && $p_registration->tournament->registration_end > date('Y-m-d H:i:s') && session()->get('logged_main_membership_no') == $p_registration->membership_no )
                    	<form method="POST" action="{{ route('member.registration.delete', $p_registration->id) }}" class="delete-form-confirm" style="display: inline;">
                    		@csrf
                    		@method('PUT')
                    		<button class="btn btn-danger btn-sm" type="submit" style="padding: 1px;">Cancel</button>
                    	</form>
                    	@endif
					</th>
				</tr>
				@endforeach
			</table>
		</div>
	</div>
</div>
@endif
@if($tournaments)
<form method="get" action="" id="registration-form">
	<div class="row">
		<div class="col-sm-12">
			@if(session()->has('error'))
			<p class="text-danger">{{session()->get('error')}}</p>
			@endif

			@if(session()->has('success'))
			<p class="text-success">{{session()->get('success')}}</p>
			@endif
		</div>
		<div class="col-sm-4">
			<div class="form-group">
				<label>Tournament</label>
				<select name="tour_id" class="form-control select-tour form-submit-change">
					<option value="">Select Tournament</option>
					@foreach($tournaments as $tournament)
					<option value="{{$tournament->id}}" @if(request()->tour_id == $tournament->id) selected @endif>{{$tournament->tour_name}}</option>
					@endforeach
				</select>
			</div>
		</div>
		@if(request()->tour_id)
		<div class="col-sm-4">
			<div class="form-group">
				<label>Teeoff Date</label>
				<select class="form-control select-date form-submit-change" name="teeoff_date">
					<option value="">Select Date</option>
					@foreach($slot_dates as $slot_date)
					<option value="{{$slot_date}}" @if(request()->teeoff_date == $slot_date) selected @endif>{{$slot_date}}</option>
					@endforeach
				</select>
			</div>
		</div>
		@endif
		<div class="col-sm-3">
            <div class="form-group">
                <label>Tee Category</label>
                <select class="form-control form-control-sm" name="tee_category">                    
                    @foreach($teeCategoryFilter as $filter)
                        @if(request()->tee_category == $filter->tee_category)
                            <option value="{{ $filter->tee_category }}" selected>{{ $filter->category->name }}</option>
                        @else
                            <option value="{{ $filter->tee_category }}">{{ $filter->category->name }}</option>
                        @endif
                    @endforeach
                </select>
            </div>
        </div>
	</div>
</form>
@if(request()->tour_id && request()->teeoff_date)
<div class="panel">
	<div class="panel-header">
		<h3 class="panel-title">Teeoff for the Date {{request()->date}}</h3>
	</div>
	<div class="panel-body">		
		<div class="table-responsive">			
			<table class="table table-sm table-black table-bordered">
				<thead>
					<tr>
						<th class="text-center" style="vertical-align: middle; width: 30px;">FN</th>					
						<th class="text-center" style="vertical-align: middle; width: 106px;">Tee Off Time</th>						
						<th class="text-center" style="vertical-align: middle; width: 100px;">Tee Cat.</th>
						<th class="text-center" style="vertical-align: middle; width: 60px;">Mem. No.</th>
						<th class="text-center" style="vertical-align: middle;">Name</th>
						<th class="text-center" style="vertical-align: middle; width: 100px;">Remainig Slots</th>
						
					</tr>
				</thead>
				<tbody>
					@foreach($tournament_tee_slots as  $slot)                            
	                    <tr>
	                        <td style="vertical-align: middle;" class="text-center" @if($slot->registrations && $slot->registrations->count() > 0) rowspan="{{$slot->registrations->count()+1}}" @endif >{{$loop->index + 1}}</td>                                        
	                        <td style="vertical-align: middle;" class="text-center" @if($slot->registrations && $slot->registrations->count() > 0) rowspan="{{$slot->registrations->count()+1}}" @endif >
	                            {{date('g:i A', strtotime($slot->slot_start))}}
	                            -
	                            {{date('g:i A', strtotime($slot->slot_end))}}                                    
	                        </td>	                       					
	                        @if(empty($slot->registrations) || $slot->registrations->count() == 0)                                              
	                        <td></td>
	                        <td></td>
	                        <td></td>
	                        <td class="text-center" @if($slot->registrations && $slot->registrations->count() > 0) rowspan="{{$slot->registrations->count()+1}}" @endif>
								{{($slot->slot_player_allow - get_remaining_slot($slot->id))}}<br />
								<button class="btn btn-success btn-sm" type="button" data-toggle="modal" data-target="#registration-modal" data-id="{{$slot->id}}">Registration</button>
							</td>                                       
	                        @endif                        
	                    </tr>
	                    @if($slot->registrations)
	                        @foreach($slot->registrations as $registrations)
	                            <tr>                            	
	                                <td class="text-center" style="vertical-align: middle;">{{$registrations->tee_category?$registrations->tee_category->name:''}}</td>
	                                <td class="text-center" style="vertical-align: middle;">{{$registrations->membership_no}}</td>
	                                <td class="text-left" style="vertical-align: middle;">
	                                	{{$registrations->golfer_name}}	                                	
	                                </td>
	                                @if($loop->first)
	                                <td class="text-center" style="vertical-align: middle;" @if($slot->registrations && $slot->registrations->count() > 0) rowspan="{{$slot->registrations->count()}}" @endif>
										{{($slot->slot_player_allow - get_remaining_slot($slot->id))}}<br />
										<button class="btn btn-success btn-sm" type="button" data-toggle="modal" data-target="#registration-modal" data-id="{{$slot->id}}">Registration</button>
									</td>                                       
	                                @endif
	                            </tr>
	                        @endforeach
	                    @endif
	                @endforeach				
				</tbody>
			</table>
		</div>			
	</div>
</div>
@endif
@else
<h3 class="text-danger">No available tournament</h3>
@endif
@if(request()->tour_id && request()->teeoff_date)
<div class="modal" id="registration-modal" tabindex="-1" role="dialog">
	<div class="modal-dialog" role="document">
		<form method="post" action="{{route('member.save-tour-registration')}}">
			@csrf
			<div class="modal-content">
				<div class="modal-header">
					<h5 class="modal-title">Registraton</h5>
					<button type="button" class="close" data-dismiss="modal" aria-label="Close">
					<span aria-hidden="true">&times;</span>
					</button>
				</div>
				<div class="modal-body">
					<input type="hidden" name="slot_id" value="">
					<input type="hidden" name="tour_id" value="{{$tournament_info->id}}">
					@if($hasDue)
						<div class="alert alert-danger text-danger text-center">
							As you have due in previous tournament, you cannot complete registration!
						</div>
					@endif
					<div>
						<h3 style="text-align: center; color: green;">{{ $tournament_info->tour_name }}</h3>
					</div>
					<div class="form-group">
						<label class="control-label">Name</label>
						<input type="text" name="golfer_name" value="{{ $golfer_name }}" class="form-control" readonly="">
					</div>
					<div class="form-group">
						<label class="control-label">Membership No</label>
						<input type="text" name="membership_no" value="{{ session()->get('logged_main_membership_no') }}" class="form-control" readonly="">
					</div>
					<div class="form-group">
						<label class="control-label">Handicap</label>
						<input type="text" name="handicap" value="{{ $handicap }}" class="form-control" />
					</div>
					<div class="form-group">
						<label class="control-label">Registration Fee</label>
						<input type="text" name="registration_fee" class="form-control" value="{{ $tournament_info->registration_fee }}" readonly="" >
					</div>
					<div class="form-group">
						<label class="control-label">Tee Category</label>
						<select class="form-control select2" name="tee_category_id"  required="">
							{!! tee_category_dropdown_options() !!}
						</select>
						<!-- <input type="hidden" name="tee_category_id" value="{{ $member_tee_category_id }}" /> -->
					</div>
				</div>
				<div class="modal-footer">
					@if(!$hasDue)
					<input type="submit" name="submit"  class="btn btn-warning btn-sm" value="Pay Now">
					<input type="submit" name="submit" class="btn btn-sm btn-primary" value="Pay Later">
					@endif
					<button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">Close</button>
				</div>
			</div>
		</form>
	</div>
</div>
@endif
@endsection
@section('footer_scripts')
<script type="text/javascript">
	$('select[name="tour_id"]').on('change', function(e){
		$('select[name="teeoff_date"]').val('');
		$('select[name="tee_category"]').val('');
		$('#registration-form').submit();
	});

	$('select[name="teeoff_date"]').on('change', function(e){		
		$('select[name="tee_category"]').val('');
		$('#registration-form').submit();
	});

	$('select[name="tee_category"]').on('change', function(e){		
		$('#registration-form').submit();
	});

	$('document').ready(function(){
		$('#registration-modal').on('shown.bs.modal', function(e) {
          var id = $(e.relatedTarget).data('id');
          $(e.currentTarget).find('input[name="slot_id"]').val(id);
        })
	});
	

	$(function(){
		$(document).on('submit', '.delete-form-confirm', function(e){
			var status = confirm('Are you sure to cancel your registration?');
			if(status == false){
				return false;
			}else{
				return true;
			}
		});
	});
</script>
@endsection