@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">
                	Tournament Schedule
            	</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">
                    	Tournament Report
                    </li>
                </ol>
                <div class="clearfix"></div>
            </div>
        </div>
    </div>
    
    <div class="row">
    	<div class="col-sm-12">
    		<div class="card">
                <div class="card-header">
                    <h3 class="card-title">Tournament Parameters</h3>
                </div>
                <div class="card-body">
                    <form method="get" action="{{route('tournaments.report.tournaments')}}">
                        <div class="row">
                            @php
                                $selected_year = request()->year?request()->year:date('Y');
                            @endphp
                            <div class="col-sm-2">
                                <div class="form-group">
                                    <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 == $selected_year) selected @endif>{{$i}}</option>
                                        @endfor
                                    </select>
                                </div>
                            </div>                            
                        </div>
                    </form>
                </div>
            </div>
            <br />
            @if($selected_year)
                <a href="{{route('tournaments.report.tournaments-pdf', ['year' => $selected_year])}}" target="_blank" class="btn btn-primary pull-right"><i class="fa fa-print"></i> Print</a>     
                <div class="clearfix">
                    
                </div>
                <div class="card">
                    <div class="card-body">
                        <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>                          
                                </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>                            
                                </tr>
                                @endforeach
                            </tbody>
                        </table>                        
                    </div>
                </div>
            @endif
    	</div>
    </div>    
</div>
@endsection

@section('before_body_end')
<script type="text/javascript">
	$(function(){								
	   $('.year-select').on('change', function(){
            $('.tournament-select').val('');
            $('.date-select').val('');
            $(this).closest('form').submit();
       });       
	});

    $(function() {
        $('.timepicker').daterangepicker({
            singleDatePicker: true,
            showDropdowns: true,
            autoUpdateInput: true,
            timePicker: true,
            // drops: "up",
            autoApply:true,
            locale: {
                format: 'hh:mm A',
                daysOfWeek: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr','Sa'],
                firstDay: 0
            }
        }).on('show.daterangepicker', function(ev, picker) {
             picker.container.find(".calendar-table").hide();
        });
    });
</script>
@endsection