@extends('layouts.ranking', ["data" => $data, "route" => "ranking-ranked"])
@section('title', config("app.name") . " | Ranking")
@section("ranking_name", "Ranking Ranked S&D")
@section('table')
    <div class="table-responsive">
        <table class="table table-bordered">
            <thead class="thead-default">
            <tr class="text-center">
                <th style="width: 50px;">#</th>
                <th style="width: 86px;"></th>
                <th style="width: 100px;">{{ __("ranking.Score") }}</th>
                <th style="width: 54px;">{{ __("ranking.Level") }}</th>
                <th>{{ __("ranking.Nick") }}</th>
                <th style="width: 150px;">{{ __("ranking.KD") }}</th>
                <th style="width: 150px;">{{ __("ranking.WL") }}</th>
            </tr>
            </thead>
            <tbody>
                @php $i = $data->currentPage() == 0 ? 0 : ($data->currentPage() * $data->perPage()) - $data->perPage(); @endphp
                @foreach ($data as $item) @php $i++ @endphp
                    {{--@if ($item->user == null)
                        @continue
                    @endif--}}
                    <tr>
                        <td class="text-center">
                            {{ $i }}
                        </td>
                        <td>
                            <img src="/assets/images/ranks/ranked/{{ $item->MEDAL }}.png" width="64" height="64" class="img-fluid" alt="rank" data-tippy="{{ Helper::game_getRankedTitle($item->MEDAL) }}" data-tippy-arrow="true">
                        </td>
                        <td class="text-center">
                            {{ $item->RANK_SCORE }}
                        </td>
                        <td class="text-center">
                            <img src="/assets/images/ranks/BIGCLASS_{{ $item->user->LEV + 1 }}.png" class="img-fluid" alt="rank">
                        </td>
                        <td>
                            <a href="{{ route('profile', $item->user->USN) }}">{{ $item->user->NICK }}</a>
                        </td>
                        <td class="text-center">
                            @if ($item->KILL < $item->DEATH)
                                <span class="text-danger">{{ $item->KILL . '/' . $item->DEATH . ' (' . \Helper::math_DivisionByZero($item->KILL, $item->DEATH, true) . ')' }}</span>
                            @else
                                <span class="text-success">{{ $item->KILL . '/' . $item->DEATH . ' (' . \Helper::math_DivisionByZero($item->KILL, $item->DEATH, true) . ')' }}</span>
                            @endif
                        </td>
                        <td class="text-center">
                            @if ($item->WIN < $item->LOSE)
                                <span class="text-danger">{{ $item->WIN . '/' . $item->LOSE . ' (' . \Helper::math_DivisionByZero($item->WIN, $item->LOSE, true) . ')' }}</span>
                            @else
                                <span class="text-success">{{ $item->WIN . '/' . $item->LOSE . ' (' . \Helper::math_DivisionByZero($item->WIN, $item->LOSE, true) . ')' }}</span>
                            @endif
                        </td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    </div>
@endsection