@extends('web.layouts.app', ['title' => 'Admin Families'])
@section('content')
<h1>Family Management</h1>
<div class="grid grid-3">
    @foreach($topFamilies as $scope => $items)
        <section class="card">
            <h2>Top {{ strtoupper($scope) }}</h2>
            @foreach($items->take(8) 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">
    <table class="table">
        <tr><th>Family</th><th>Leader</th><th>Status</th><th>Stats</th><th>Reports</th><th>Actions</th></tr>
        @foreach($families as $family)
            <tr>
                <td><strong>{{ $family->name }}</strong><br><span class="muted">{{ $family->slug }}</span></td>
                <td>{{ $family->leader?->username }}</td>
                <td><span class="pill">{{ $family->status }}</span></td>
                <td>{{ $family->member_count }} members<br>{{ number_format($family->activity_score) }} activity</td>
                <td>{{ $family->applications_count }} applications<br>{{ $family->messages_count }} messages</td>
                <td>
                    <form method="post" action="{{ route('web.admin.families.suspend', $family) }}" class="grid">
                        @csrf
                        <input name="reason" required maxlength="2000" placeholder="Suspend reason">
                        <button class="btn" type="submit">Suspend</button>
                    </form>
                    <form method="post" action="{{ route('web.admin.families.close', $family) }}" class="grid" style="margin-top:8px">
                        @csrf
                        <input name="reason" required maxlength="2000" placeholder="Close reason">
                        <button class="btn danger" type="submit">Close</button>
                    </form>
                </td>
            </tr>
        @endforeach
    </table>
    {{ $families->links() }}
</section>
@endsection