@extends('layouts.legacy')

@section('content')
<div class="container-fluid legacy-page">
    <div class="effect2 page-header-wrap">
        <header class="page-heading">
            <h1 class="page-header">Top Members</h1>
            <p>Statistics of popular and active members at Skinbase</p>
        </header>
    </div>

    <div class="row">
        <div class="col-md-6">
            <div class="panel panel-default effect2">
                <div class="panel-heading"><strong>Most Active Members</strong></div>
                <div class="panel-body">
                    <table class="table table-striped">
                        <thead>
                            <tr>
                                <th colspan="2">Username</th>
                                <th class="text-right">Uploads</th>
                                <th class="text-right">Total Downloads</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($topUsers as $u)
                                <tr>
                                    <td width="80">
                                        <a href="/profile/{{ $u->user_id }}/{{ \Illuminate\Support\Str::slug($u->uname) }}">
                                            <img src="/avatar/{{ $u->user_id }}/{{ rawurlencode($u->icon ?? '') }}" width="30" height="30" alt="{{ $u->uname }}">
                                        </a>
                                    </td>
                                    <td>
                                        <a href="/profile/{{ $u->user_id }}/{{ \Illuminate\Support\Str::slug($u->uname) }}">{{ $u->uname }}</a>
                                    </td>
                                    <td class="text-right">{{ $u->uploads }}</td>
                                    <td class="text-right">{{ $u->total_downloads }}</td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

        <div class="col-md-6">
            <div class="panel panel-default effect2">
                <div class="panel-heading"><strong>Most Followed Members</strong></div>
                <div class="panel-body">
                    <table class="table table-bordered table-striped">
                        <thead>
                            <tr>
                                <th>Thumb</th>
                                <th>Name</th>
                                <th>Followers</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($topFollowers as $f)
                                <tr>
                                    <td width="60" align="center">
                                        <a href="/profile/{{ $f->user_id }}/{{ \Illuminate\Support\Str::slug($f->uname) }}">
                                            <img src="/avatar/{{ $f->user_id }}/{{ rawurlencode($f->uname) }}" width="30" alt="{{ $f->uname }}">
                                        </a>
                                    </td>
                                    <td>
                                        <a href="/profile/{{ $f->user_id }}/{{ \Illuminate\Support\Str::slug($f->uname) }}">{{ $f->uname }}</a>
                                    </td>
                                    <td align="center">{{ $f->num }}</td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>

            <div class="panel panel-default effect2">
                <div class="panel-heading"><strong>Top Commentators</strong></div>
                <div class="panel-body">
                    <table class="table table-striped table-hover">
                        <thead>
                            <tr>
                                <th>Thumb</th>
                                <th>Name</th>
                                <th>Level</th>
                                <th>Country</th>
                                <th>Comments</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($topCommentators as $c)
                                <tr>
                                    <td width="50" align="center">
                                        <a href="/profile/{{ $c->user_id }}/{{ \Illuminate\Support\Str::slug($c->uname) }}">
                                            <img src="/avatar/{{ $c->user_id }}/{{ rawurlencode($c->uname) }}" width="30" alt="{{ $c->uname }}">
                                        </a>
                                    </td>
                                    <td>
                                        <a href="/profile/{{ $c->user_id }}/{{ \Illuminate\Support\Str::slug($c->uname) }}">{{ $c->uname }}</a>
                                    </td>
                                    <td width="100" align="center"><img src="/gfx/member_stars/{{ $c->user_type }}.gif" alt="level"></td>
                                    <td width="100" align="center">
                                        @if(!empty($c->country_flag))
                                            <img width="20" src="/gfx/flags/{{ rawurlencode($c->country_flag) }}" title="{{ $c->country_name }}">
                                        @endif
                                    </td>
                                    <td width="100" align="center">{{ $c->num_comments }}</td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection