@extends('frontend.layouts.app')
@section('content')
<style type="text/css">
	.Litheader {
		color: #18AA38;
		font-family: 'Roboto Condensed' ,Arial, sans-serif;
		font-weight: bold;
		font-size: 28px;
		border-bottom: 2px solid #2C6700;
		margin-bottom: 10px;
		letter-spacing: 1px;
	}
</style>
<div class="Litheader">
	Tournament Schedule 
	<div style=" float: right; margin-top: -5px; ">
		<label>
			<form action="{{ route('frontend.tournament.tournament_schedule') }}" id="tournamentForm" method="get">
				<select class="form-control @error('year') is-invalid @enderror" name="year" id="yearpicker" required style=" height: 26px; font-size: 12px;    cursor: pointer; ">
				
				</select>
			</form>
		</label>

	</div>

</div>
<div>
	<table class="table table-bordered">
		<thead style="background: #18AA38; color: white">
			<tr class="text-center">
				<th width="3%" class="text-center">SL</th>
				<th  width="40%">Name</th>
				<!-- <th class="text-center">Reg. Start</th>
				<th class="text-center">Reg. End</th> -->
				<th class="text-center" width="10%">Tour Start</th>
				<th class="text-center" width="10%">Tour End</th>
				<!-- <th>Fee</th>			 -->
				<th width="10%">Sponser</th>
			</tr>
		</thead>
		<tbody>
			@foreach ($club_data as $element)
			<tr>
				<td class="text-center">{{ $loop->iteration }}</td>
				<td style="text-align:left;">{{ $element->tour_name }}</td>
				<!-- <td class="text-center"> 
					@if($element->registration_start != '0000-00-00 00:00:00')  
						{{  date('d M Y',strtotime($element->registration_start)) }}
					@else 
						-
					@endif
				</td>
				<td class="text-center"> 
					@if($element->registration_end != '0000-00-00 00:00:00')  
						{{  date('d M Y',strtotime($element->registration_end))  }}
					@else 
						-
					@endif
				</td> -->
				<td class="text-center"> 
					@if($element->tour_start != '0000-00-00 00:00:00')  
						{{  date('d M Y',strtotime($element->tour_start)) }}
					@else 
						-
					@endif
				</td>
				<td class="text"> 
					@if($element->tour_end != '0000-00-00 00:00:00')  
						{{ date('d M Y',strtotime($element->tour_end))  }}
					@else 
						-
					@endif
				</td>
				<!-- <td class="text-center"> 
					@if($element->registration_fee)
						{{ $element->registration_fee }}
					@else
						-
					@endif
				</td>					 -->
				<td>
					@if($element->image_url)
					<img src="{{ asset('/'.$element->image_url) }}" style="width: 100px;height: 50px;">
					@else
					<img src="{{url('public/backend/images/noimage.png')}}" style="width: 100px;height: 50px;">
					@endif
				</td>
			</tr>
			@endforeach
		</tbody>
	</table>
</div>
@endsection
@push('script')
	<script>
		$('document').ready(function(){
			for (i = new Date().getFullYear()+5; i > 1950; i--){
				var year = {{ $year }}
                var output = '';
                if(i == year){
                    output += '<option value='+i+' selected >'+i+'</option>';
                }else{
                    output += '<option value='+i+'>'+i+'</option>';
                }
                $('#yearpicker').append(output);         
			}
			$('#yearpicker').change(function(){
				$('#tournamentForm').submit();
			});
		});
	</script>
@endpush