@extends('layouts.ranking', ["data" => $data])
@section("ranking_name", "Clan Ranking")
@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: 50px;">{{ __("ranking.Emblem") }}</th>
                <th style="width: 150px;">{{ __("ranking.Name") }}</th>
                <th>{{ __("ranking.Leader") }}</th>
                <th style="width: 110px;">{{ __("ranking.Points") }}</th>
                <th style="width: 15%;">{{ __("ranking.Level") }}</th>
                <th style="width: 150px;">{{ __("ranking.WL") }}</th>
            </tr>
        </thead>
        <tbody>
        @php $i = 0; @endphp
        @foreach ($data as $item) @php $i++ @endphp
        <tr>
            <td class="text-center align-middle">
                {{ $i }}
            </td>
            <td class="text-center align-middle">
                <div class="clan-image">
                    @if ($item->MarkLayer01 == 0)
                        <div class="clan-image-bg" style="background-image: url({{ asset("assets/images/clan/NoClanEmblem.png") }});"></div>
                    @else
                        <div class="clan-image-bg" style="background-image: url('/assets/images/clan/BG/BG_{{ $item->MarkLayer01 }}.png')">
                            <div class="clan-image-border" style="background-image: url('/assets/images/clan/OUTLINE/OUTLINE_{{ $item->MarkLayer02 }}.png')">
                                <div class="clan-image-logo" style="background-image: url('/assets/images/clan/SYMBOL/SYMBOL_{{ $item->MarkLayer03 }}.png')"></div>
                            </div>
                        </div>
                    @endif
                </div>
            </td>
            <td class="text-center align-middle" dir="ltr">
                <a href="{{ route('clan', $item->ClanKey) }}">{{ $item->detail->Clanname }}</a>
            </td>
            <td class=" align-middle" dir="ltr">
                <a href="{{ route("profile", $item->master->USN ?? 0) }}">{{ $item->master->NICK ?? "No Nick" }}</a>
            </td>
            <td class="text-center align-middle" dir="ltr">
                {{ number_format($item->ClanPoint) }}
            </td>
            <td class="text-center align-middle" dir="ltr">
                {{ $item->Level }}
            </td>
            <td class="text-center align-middle" dir="ltr">
                {{ $item->WinCount . '/' . $item->LoseCount . ' (' . \Helper::math_DivisionByZero($item->WinCount, $item->LoseCount, true) . ')' }}
            </td>
        </tr>
        @endforeach
        </tbody>
    </table>
</div>
@endsection