@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('style')
<style>
    table.dataTable thead .sorting::after,table.dataTable thead .sorting_asc::after,table.dataTable thead .sorting_desc::after {
        display:none;
    }
    
   
</style>
@endsection

    


@section('content')

<div class="col-lg-12">
    <div class="ibox ">
        <div class="ibox-title">
            <h3>Ранглиста</h3>
        </div>

        <div class="ibox-content">
            <table id="myTable" class="table table-hover dataTables-example" width='98%' >
                <thead>
                    <tr>
                        <th>Ранг</th>
                        <th>Име</th>
                        <th>Изиграни мачове</th>
                        <th>Спечелени мачове</th>
                        <th>Изиграни турнири</th>
                        <th>Спечелени турнири</th>
                        <th>Точки</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($users as $index=>$user)
                    <tr>
                        <td>{{$index+1}}</td>
                        <td> <a href="{{route('users.show',$user->id)}}" style='color:#000'>{{$user->name}}</a></td>
                        <td>{{$user->count_matches}}</td>
                        <td>{{$user->matches_won}}</td>
                        <td>{{$user->played_tournaments}}</td>
                        <td>{{$user->tournaments_won}}</td>
                        <td>{{$user->points_won}}</td>
                    </tr>
                    @endforeach
                </tbody>
                <tfoot>
                </tfoot>
            </table>
        </div>
    </div>
</div> 


<script src="{{ asset('js/datatables.min.js') }}"></script>

<script type="text/javascript" charset="utf-8">
    
    $(document).ready(function(){
        table = $('#myTable').DataTable({
            pageLength: 25,
            responsive: true,
            dom: 'ftp',
            "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": "Предишна",
                                  },

            }
        });
        
    });

</script>
@endsection