@extends('layouts.website')

@section('link')
<link href="{{ asset('css/datatables.min.css') }}" rel="stylesheet">
<link href="{{ asset('css/select2.min.css') }}" rel="stylesheet">
<link href="{{ asset('css/jquery-ui.min.css') }}" rel="stylesheet">
<link href="{{ asset('css/jquery.dataTables.yadcf.css') }}" rel="stylesheet">
@endsection

@section('content')
@include('shared.messages')            
<div class="col-lg-12">
    <div class="ibox ">
        <div class="ibox-title">
            <h3>Турнири</h3>
        </div>
        <div class="form-inline">
            <div class="form-group">
                <div class="input-group width-180">
                    <select class="form-control" id="statuses" name="statuses">
                        <option value="">--- Статус ---</option>
                        <option value="Записване">Записване</option>
                        <option value="Играе се">Играе се</option>
                        <option value="Приключил">Приключил</option>
                    </select>
                </div>
            </div>

            <div class="form-group">
                <div class="input-group">
                    <div id="first_filters_div" style="display: inline-block; height:34px;"></div>
                </div>
            </div>

            <div class="form-group">
                <div class="input-group">
                    <div id="second_filters_div" style="display: inline-block; height:34px;"></div>
                </div>
            </div>
        </div>

        <div class="ibox-content wide">
            <table id="myTable" class="table table-hover">
                <thead>
                    <tr>
                        <th>Спорт</th>
                        <th>Турнир</th>
                        <th>Период</th>
                        <th>Участници</th>
                        <th>Статус</th>
                        <th>Победител</th>
                        <th hidden>Дата от:</th>
                        <th hidden>Дата до:</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($tournaments as $tournament)
                    <tr>
                        <td><img class="logo-sport" typeof="foaf:Image" src="{{asset('/images/sport_icons/'.__('texte.sports_arr_eng')[$tournament->sport_id].'.png')}}" alt="{{__('texte.sports_arr_eng')[$tournament->sport_id]}}" title='{{__('texte.sports_arr')[$tournament->sport_id]}}'/></td>
                        <td><a href='{{route('tournaments.show',$tournament->id)}}'>{{$tournament->name}}</a></td>
                        <td>
                            @if(date('m.yy',strtotime($tournament->date_from)) === date('m.yy',strtotime($tournament->date_to)))
                            {{date('d',strtotime($tournament->date_from))}} - {{date('d.m.yy',strtotime($tournament->date_to))}}
                            @elseif(date('yy',strtotime($tournament->date_from)) === date('yy',strtotime($tournament->date_to)))
                            {{date('d.m',strtotime($tournament->date_from))}} - {{date('d.m.yy',strtotime($tournament->date_to))}}
                            @else
                            {{date('d.m.yy',strtotime($tournament->date_from))}} - {{date('d.m.yy',strtotime($tournament->date_to))}}
                            @endif
                        </td>
                        <td>{{count($tournament->users)}}</td>
                        <td>{{count($tournament->matches)==0 ? 'Записване' : ($tournament->matches->min('winner_id')==0 ? 'Играе се' : 'Приключил')}}</td>
                        <td>
                            @if($tournament->final_match() && $tournament->final_match()->winner_id!=0) 
                            <a href='{{route('users.show',$tournament->final_match()->winner->id)}}'>{{$tournament->final_match()->winner->name}}</a>
                            @endif
                        </td>
                        <td hidden>{{ date_format(new DateTime($tournament->date_from), 'd.m.Y')}}</td>
                        <td hidden>{{ date_format(new DateTime($tournament->date_to), 'd.m.Y')}}</td>
                    </tr>
                    @endforeach
                </tbody>
                <tfoot>
                </tfoot>
            </table>
        </div>
    </div>
</div> 
        

<script src="{{ asset('js/datatables.min.js') }}"></script>
<script src="{{ asset('js/select2.min.js') }}"></script>
<script src="{{ asset('js/jquery-ui.min.js') }}"></script>
<script src="{{ asset('js/jquery.dataTables.yadcf.js') }}"></script>

<script type="text/javascript" charset="utf-8">
    
    $('#statuses').select2();
    
    $(document).ready(function(){
        table = $('#myTable').DataTable({
            pageLength: 25,
            responsive: true,
            dom: '',
            "targets": 'no-sort',
            "bSort": false,
            "order": [],
            "oLanguage": {
                "sShow":"Показване",
                "sSearch": "Търсене",
                "sLengthMenu": "Показване на _MENU_  <span style='vertical-align:-moz-middle-with-baseline;margin-left:5px;'>Резултата на страница</span>",  
                "sInfo": "Показване на записи от _START_ до _END_ от общо _TOTAL_ записа",
                "sZeroRecords": "Не са намерени записи по зададените параметри",
                "sInfoEmpty": "Не са намерени записи по зададените параметри",
                "sInfoFiltered" : "- филтрирани от _MAX_ записа",
                "sLoadingRecords" : "Резултатите се зареждат, моля изчакайте...",
                "oPaginate": {
                                        "sNext": "Следваща",
                                        "sPrevious": "Предишна",
                                  },

            }
        });

        yadcf.init(table, [
            {
                column_number: 5,
                filter_type: "range_date",
                date_format: "dd.mm.yyyy",
                filter_delay: 500,
                filter_container_id: "first_filters_div",
                filter_default_label: ['Период от:','Период от:'],
                filter_reset_button_text: false
            },
            {
                column_number: 6,
                filter_type: "range_date",
                date_format: "dd.mm.yyyy",
                filter_delay: 500,
                filter_container_id: "second_filters_div",
                filter_default_label: ['Период до:','Период до:'],
                filter_reset_button_text: false
            },
        ]);
    
        $('#yadcf-filter--myTable-from-date-5').hide();
        $('#yadcf-filter--myTable-to-date-5').datepicker();

        $('#yadcf-filter--myTable-from-date-6').datepicker();
        $('#yadcf-filter--myTable-to-date-6').hide();
        yadcf.exFilterExternallyTriggered(table);

        $('#statuses').on('change', function(){
            table.column(3).search(this.value).draw();
        });
    });

</script>
@endsection