@extends('layouts.ranking', ["data" => $data])
@section('table')
    <div class="table-responsive">
        <table class="table table-bordered">
            <thead class="thead-default">
            <tr class="text-center">
                <th style="width: 54px;">#</th>
                <th style="width: 85px;">{{ __("ranking.Elo") }} <i class="fa fa-fw fa-question-circle" data-tippy="S&D"></i></th>
                <th style="width: 54px;">{{ __("ranking.Rank") }}</th>
                <th>{{ __("ranking.Nick") }}</th>
                <th style="width: 15%;">{{ __("ranking.Exp") }}</th>
                <th style="width: 15%;">{{ __("ranking.Clan") }}</th>
                <th>{{ __("ranking.KD") }}</th>
                <th>{{ __("ranking.WL") }}</th>
            </tr>
            </thead>
            <tbody>
            @php $i = $data->currentPage() == 0 ? 0 : ($data->currentPage() * $data->perPage()) - $data->perPage(); @endphp
            @foreach ($data as $user) @php $i++ @endphp
            <tr>
                <td class="text-center">
                    {{ $i }}
                </td>
                <td class="text-center">
                    @if ($user->medal != null)
                        <img src="{{ asset("assets/images/ranks/ranked/" . $user->medal->GRADE . "_" . $user->medal->MIN_SCORE . ".png") }}" width="54" height="54" class="img-fluid" alt="rank" data-tippy="{{ Helper::game_getRankedTitle($user->medal->MIN_SCORE) }} em {{ Helper::game_getRankedMode($user->medal->RANK_MODE_INDEX) }}" data-tippy-arrow="true">
                    @else
                        <img src="{{ asset("assets/images/ranks/ranked/NO.png") }}" width="54" height="54" class="img-fluid" alt="rank">
                    @endif
                </td>
                <td class="text-center">
                    <img src="/assets/images/ranks/BIGCLASS_{{ $user->LEV + 1 }}.png" class="img-fluid" alt="rank">
                </td>
                <td dir="ltr">
                    <a href="{{ route('profile', ["usn" => $user->USN]) }}">{{ $user->NICK }}</a>
                </td>
                <td>
                    {{ number_format($user->EXP) }} EXP
                </td>
                <td dir="ltr">
                    @if (!is_null($user->clan))
                        <a href="{{ route("clan", $user->clan->ClanKey) }}">{{ $user->clan->clan->detail->Clanname }}</a>
                    @else
                        {{ __("ranking.WithoutClan") }}
                    @endif
                </td>
                <td class="text-center">
                    @if ($user->profile->ENEMY_KILL_CNT < $user->profile->DEATH_CNT)
                        <span class="text-danger">
                                {{ $user->profile->ENEMY_KILL_CNT . '/' . $user->profile->DEATH_CNT . " (" . \Helper::math_DivisionByZero($user->profile->ENEMY_KILL_CNT, $user->profile->DEATH_CNT, true) . ")" }}
                            </span>
                    @else
                        <span class="text-success">
                                {{ $user->profile->ENEMY_KILL_CNT . '/' . $user->profile->DEATH_CNT . " (" . \Helper::math_DivisionByZero($user->profile->ENEMY_KILL_CNT, $user->profile->DEATH_CNT, true) . ")" }}
                            </span>
                    @endif
                </td>
                <td class="text-center">
                    @if ($user->profile->WIN_CNT < $user->profile->LOSE_CNT)
                        <span class="text-danger">
                                {{ $user->profile->WIN_CNT . '/' . $user->profile->LOSE_CNT . ' (' . \Helper::math_DivisionByZero($user->profile->WIN_CNT, $user->profile->LOSE_CNT, true) . ')' }}
                            </span>
                    @else
                        <span class="text-success">
                                {{ $user->profile->WIN_CNT . '/' . $user->profile->LOSE_CNT . ' (' . \Helper::math_DivisionByZero($user->profile->WIN_CNT, $user->profile->LOSE_CNT, true) . ')' }}
                            </span>
                    @endif
                </td>
            </tr>
            @endforeach
            </tbody>
        </table>
    </div>
@endsection