@extends('layouts.app')

@section('title', 'Plataforma — '.config('app.name'))

@section('content')
    <div class="page-head">
        <div>
            <h1 class="page-head__title">Painel da plataforma</h1>
            <p class="page-head__subtitle">Visão geral de todas as arenas da plataforma.</p>
        </div>
    </div>

    @include('partials.status')

    <div class="row g-3 mb-4">
        <div class="col-md-3 col-6">
            <div class="card h-100">
                <div class="card-body">
                    <p class="text-body-secondary mb-1 small">Arenas</p>
                    <p class="fs-3 mb-0">{{ $totalOrganizations }}</p>
                </div>
            </div>
        </div>

        <div class="col-md-3 col-6">
            <div class="card h-100">
                <div class="card-body">
                    <p class="text-body-secondary mb-1 small">Ativas</p>
                    <p class="fs-3 mb-0 text-success">{{ $activeOrganizations }}</p>
                </div>
            </div>
        </div>

        <div class="col-md-3 col-6">
            <div class="card h-100">
                <div class="card-body">
                    <p class="text-body-secondary mb-1 small">Suspensas</p>
                    <p class="fs-3 mb-0 @if ($suspendedOrganizations > 0) text-danger @endif">
                        {{ $suspendedOrganizations }}
                    </p>
                </div>
            </div>
        </div>

        <div class="col-md-3 col-6">
            <div class="card h-100">
                <div class="card-body">
                    <p class="text-body-secondary mb-1 small">Usuários</p>
                    <p class="fs-3 mb-0">{{ $totalUsers }}</p>
                </div>
            </div>
        </div>
    </div>

    <div class="row g-3">
        <div class="col-md-6">
            <div class="card h-100">
                <div class="card-body">
                    <h2 class="h6 text-body-secondary">Pendências</h2>
                    <ul class="list-unstyled mb-0">
                        <li class="d-flex justify-content-between border-bottom py-2">
                            <span>Usuários sem e-mail confirmado</span>
                            <strong>{{ $unverifiedUsers }}</strong>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

        <div class="col-md-6">
            <div class="card h-100">
                <div class="card-body">
                    <h2 class="h6 text-body-secondary">Arenas mais recentes</h2>

                    @forelse ($recentOrganizations as $organization)
                        <div class="d-flex justify-content-between align-items-center border-bottom py-2">
                            <a href="{{ route('platform.organizations.show', $organization) }}">
                                {{ $organization->name }}
                            </a>
                            <span class="text-body-secondary small">
                                {{ $organization->created_at->diffForHumans() }}
                            </span>
                        </div>
                    @empty
                        <p class="text-body-secondary mb-0">Nenhuma arena cadastrada.</p>
                    @endforelse
                </div>
            </div>
        </div>
    </div>
@endsection