@extends('adminlte::page')

@section('title', 'Super Admin Console')

@include('partials.ui-polish')

@section('content_header')
    <div class="d-flex align-items-center justify-content-between flex-wrap">
        <div>
            <h1 class="m-0">Super Admin Console</h1>
            <span class="text-muted">Platform monitoring for tenants, subscriptions, module access, support, and backups</span>
        </div>
        <div class="module-actions mt-2 mt-sm-0">
            <a href="{{ route('admin.organizations.index') }}" class="btn btn-outline-primary btn-sm"><i class="fas fa-building mr-1"></i> Organizations</a>
            <a href="{{ route('admin.platform.subscriptions') }}" class="btn btn-success btn-sm"><i class="fas fa-credit-card mr-1"></i> Billing</a>
        </div>
    </div>
@stop

@section('content')
    <div class="row">
        <div class="col-md-3 col-sm-6"><x-adminlte-small-box title="{{ $metrics['organizations'] }}" text="Total NGOs" icon="fas fa-building" theme="info"/></div>
        <div class="col-md-3 col-sm-6"><x-adminlte-small-box title="{{ $metrics['activeSubscriptions'] }}" text="Active Subscriptions" icon="fas fa-check-circle" theme="success"/></div>
        <div class="col-md-3 col-sm-6"><x-adminlte-small-box title="{{ $metrics['expiredSubscriptions'] }}" text="Expired Subscriptions" icon="fas fa-exclamation-triangle" theme="warning"/></div>
        <div class="col-md-3 col-sm-6"><x-adminlte-small-box title="{{ $metrics['users'] }}" text="Total Users" icon="fas fa-users" theme="primary"/></div>
        <div class="col-md-3 col-sm-6"><x-adminlte-small-box title="{{ $metrics['activeModules'] }}" text="Active Module Access" icon="fas fa-puzzle-piece" theme="secondary"/></div>
        <div class="col-md-3 col-sm-6"><x-adminlte-small-box title="{{ number_format($metrics['revenueThisMonth'], 2) }}" text="Revenue This Month" icon="fas fa-dollar-sign" theme="success"/></div>
        <div class="col-md-3 col-sm-6"><x-adminlte-small-box title="{{ number_format($metrics['storageGb'], 2) }} GB" text="Storage Usage" icon="fas fa-database" theme="info"/></div>
        <div class="col-md-3 col-sm-6"><x-adminlte-small-box title="{{ $metrics['openTickets'] }}" text="Open Support Tickets" icon="fas fa-life-ring" theme="danger"/></div>
    </div>

    <div class="row">
        <div class="col-lg-7">
            <x-adminlte-card title="Recent Tenants" icon="fas fa-building" theme="primary">
                <div class="table-responsive">
                    <table class="table table-hover mb-0">
                        <thead><tr><th>Organization</th><th>Plan</th><th>Subscription</th><th class="text-center">Users</th></tr></thead>
                        <tbody>
                            @forelse($organizations as $organization)
                                <tr>
                                    <td><strong>{{ $organization->name }}</strong><div class="text-muted small">{{ $organization->contact_email }}</div></td>
                                    <td><span class="badge badge-info">{{ $organization->plan }}</span></td>
                                    <td><span class="badge badge-{{ $organization->subscription_status === 'Active' ? 'success' : ($organization->subscription_status === 'Suspended' ? 'danger' : 'warning') }}">{{ $organization->subscription_status }}</span></td>
                                    <td class="text-center">{{ $organization->users_count }}</td>
                                </tr>
                            @empty
                                <tr><td colspan="4" class="text-center text-muted py-4">No tenants yet.</td></tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </x-adminlte-card>
        </div>
        <div class="col-lg-5">
            <x-adminlte-card title="Recent Activities" icon="fas fa-history" theme="info">
                <div class="list-group list-group-flush">
                    @forelse($recentActivities as $activity)
                        <div class="list-group-item px-0">
                            <strong>{{ str_replace('.', ' ', $activity->action) }}</strong>
                            <div class="text-muted small">{{ $activity->organization?->name ?? 'Platform' }} &middot; {{ $activity->created_at->diffForHumans() }}</div>
                        </div>
                    @empty
                        <div class="text-muted py-3">No recent activity.</div>
                    @endforelse
                </div>
            </x-adminlte-card>
        </div>
    </div>

    <div class="row">
        <div class="col-lg-6">
            <x-adminlte-card title="Support Queue" icon="fas fa-life-ring" theme="warning">
                @include('admin.platform.partials.support-table', ['tickets' => $supportTickets])
            </x-adminlte-card>
        </div>
        <div class="col-lg-6">
            <x-adminlte-card title="Backup Status" icon="fas fa-server" theme="success">
                @include('admin.platform.partials.backup-table', ['backups' => $backupRuns])
            </x-adminlte-card>
        </div>
    </div>
@stop