@extends('web.layouts.app', ['title' => 'CEO Families'])
@section('content')
<h1>CEO Family Overview</h1>
<div class="grid grid-3">
    @foreach($rankings as $scope => $items)
        <section class="card">
            <h2>{{ strtoupper($scope) }} Ranking</h2>
            @foreach($items->take(10) as $rank)
                <p class="between"><span>{{ $rank->family->name }}</span><span class="pill">{{ number_format($rank->score) }}</span></p>
            @endforeach
        </section>
    @endforeach
</div>

<section class="card" style="margin-top:16px">
    <h2>All Families</h2>
    <table class="table">
        <tr><th>Name</th><th>Leader</th><th>Status</th><th>Level</th><th>XP</th><th>Treasury</th><th>Activity</th></tr>
        @foreach($families as $family)
            <tr>
                <td>{{ $family->name }}</td>
                <td>{{ $family->leader?->username }}</td>
                <td>{{ $family->status }}</td>
                <td>{{ $family->level }}</td>
                <td>{{ number_format($family->xp) }}</td>
                <td>{{ number_format($family->treasury_gold) }}</td>
                <td>{{ number_format($family->activity_score) }}</td>
            </tr>
        @endforeach
    </table>
    {{ $families->links() }}
</section>
@endsection