@isset($TopTenPlayersProvider)

    <div id="middle_panel_links" style="top:250px">
        <a data-toggle="collapse" href="#collapseExample" role="button" aria-expanded="false" aria-controls="collapseExample">
            <div class="middle_panel_links_button" id="middle_panel_links_stats_button">
                <i class="fa fa-fw fa-desktop"></i>
                <h3>{{ __('sidebar.topten-players.title') }}</h3>
                <h4>{{ __('sidebar.topten-players.title') }}</h4>
            </div>
        </a>

        <div class="collapse" id="collapseExample">

            <table class="table table-hover table-striped mt-2">
                <thead>
                <tr>
                    <th>#</th>
                    <th>{{__('sidebar.topten-players.name')}}</th>
                    <th>{{__('sidebar.topten-players.points')}}</th>
                </tr>
                </thead>
                <tbody>
                @forelse($TopTenPlayersProvider as $count => $player)
                    <tr>
                        <td>{{$count+1}}</td>
                        <td>
                            <a href="{{ route('information-player', ['CharName16' => Str::lower($player->CharName16)]) }}">
                                {{ $player->CharName16 }}
                            </a></td>
                        <td>{{$player->ItemPoints}}</td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="3">{{ __('sidebar.topten-players.empty') }}</td>
                    </tr>
                @endforelse
                </tbody>
            </table>

        </div>
    </div>

@endisset