@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">
                	Edit/Manage Tournaments
            	</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">
                    	Edit/Manage Tournaments
                    </li>
                </ol>
                <div class="clearfix"></div>
            </div>
        </div>
    </div>
    
    <div class="row">
    	<div class="col-xl-12">    		
	    		<div class="card">
	    			<div class="card-header">
	    				<h3 class="card-title pull-left">Tournament Information</h3>	    				
	    			</div>
	    			<div class="card-body">
	    				<form method="get" action="{{route('tournaments.manage')}}">
		    				<div class="row">
		    					<div class="col-sm-2">
	                                <div class="form-group">
	                                    <label class="control-label">Per Page</label>
	                                    <select class="form-control" name="per_page">
	                                        <option value="30" @if(request()->per_page == 30) selected @endif>30</option>
	                                        <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>                                        
	                                    </select>
	                                </div>
	                            </div>
		    					<div class="col-sm-2">
		    						<div class="form-group">
		    							<label class="control-label">Year</label>
		    							<select class="form-control select2 year-select" name="year">
	                                        <option value="">Select Year</option>
	                                        @for($i=date('Y')+1; $i > 2015; $i--)
	                                            <option value="{{$i}}" @if($i == request()->year) selected @endif>{{$i}}</option>
	                                        @endfor
	                                    </select>
		    						</div>
		    					</div>
		    					<div class="col-sm-3">
		    						<div class="form-group">
		    							<label class="control-label">Tournament Name</label>
		    							<input type="text" name="name" class="form-control" value="{{request()->name}}" />
		    						</div>
		    					</div>
		    					<div class="col-sm-1">
		    						<div class="form-group" style="padding-top: 25px;">
		    							<button type="submit" class="btn btn-primary"><i class="fa fa-search"></i></button>
		    						</div>
		    					</div>
		    				</div>	    					
	    				</form>
	    				<table class="table table-bordered table-sm">
	    					<thead>
	    						<tr>
	    							<th>Name</th>
	    							<th class="text-center">Reg. Start</th>
	    							<th class="text-center">Reg. End</th>
	    							<th class="text-center">Tour Start</th>
	    							<th class="text-center">Tour End</th>
	    							<th class="text-right">Registration Fee</th>
	    							<th class="text-center">Action</th>
	    						</tr>
	    					</thead>
	    					<tbody>
	    						@foreach($tournaments as $tour)
	    						<tr>
	    							<td>{{$tour->tour_name}}</td>
	    							<td class="text-center">{{$tour->registration_start}}</td>
	    							<td class="text-center">{{$tour->registration_end}}</td>
	    							<td class="text-center">{{$tour->tour_start}}</td>
	    							<td class="text-center">{{$tour->tour_end}}</td>
	    							<td class="text-right">{{ number_format($tour->registration_fee, 2) }}</td>
	    							<td style="width: 120px; text-align: center;">
	    								<a href="{{route('tournaments.edit', $tour->id)}}" class="btn btn-sm btn-info"><i class="fa fa-edit"></i></a> 	    								
	    								<a href="{{route('tournaments.delete', $tour->id)}}" onclick="return confirm('Are you sure to delete?');" class="btn btn-sm btn-danger"><i class="fa fa-remove"></i></a>
	    							</td>
	    						</tr>
	    						@endforeach
	    					</tbody>
	    				</table>
	    			</div>
	    			<div class="card-footer">
	    				
	    			</div>
	    		</div>
    		</form>
    	</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'
		    }
		});

		$('.rangepicker').daterangepicker();
		 $('.rangepicker').daterangepicker({
            timePicker: true,
            timePickerIncrement: 30,
            locale: {
                format: 'MM/DD/YYYY h:mm A'
            }
        });

        $('.year-select').on('change', function(){
        	$(this).closest('form').submit();
        });					
	});
</script>
@endsection