@extends('layouts.app')

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

@section('content')
<div class="d-flex justify-content-between align-items-center mb-4">
    <div>
        <span class="badge bg-dark text-white px-2 py-1 mb-1">PLATFORM ADMINISTRATION</span>
        <h4 class="fw-bold mb-0">SaaS Platform Overview</h4>
        <p class="text-secondary small mb-0">Multi-tenant client monitoring, subscription revenue, and system metrics</p>
    </div>
    <div class="d-flex gap-2">
        <a href="{{ route('superadmin.organizations') }}" class="btn btn-primary btn-sm shadow-sm">
            <i class="bi bi-buildings me-1"></i> Manage Organizations
        </a>
        <a href="{{ route('superadmin.plans') }}" class="btn btn-outline-secondary btn-sm bg-white">
            <i class="bi bi-sliders me-1"></i> SaaS Plans & Pricing
        </a>
    </div>
</div>

<!-- 6 Platform KPI Cards -->
<div class="row g-3 mb-4">
    <div class="col-12 col-sm-6 col-xl-2">
        <div class="stat-card">
            <span class="text-secondary small fw-medium">Total Workspaces</span>
            <h3 class="fw-bold mb-0 mt-1">{{ $totalOrganizations }}</h3>
            <span class="small text-muted">Client Organizations</span>
        </div>
    </div>
    <div class="col-12 col-sm-6 col-xl-2">
        <div class="stat-card">
            <span class="text-secondary small fw-medium">Active Tenants</span>
            <h3 class="fw-bold text-success mb-0 mt-1">{{ $activeOrganizations }}</h3>
            <span class="small text-success">Paying Subscriptions</span>
        </div>
    </div>
    <div class="col-12 col-sm-6 col-xl-2">
        <div class="stat-card">
            <span class="text-secondary small fw-medium">Trial Workspaces</span>
            <h3 class="fw-bold text-warning mb-0 mt-1">{{ $trialOrganizations }}</h3>
            <span class="small text-warning">14-Day Free Trial</span>
        </div>
    </div>
    <div class="col-12 col-sm-6 col-xl-2">
        <div class="stat-card">
            <span class="text-secondary small fw-medium">Suspended</span>
            <h3 class="fw-bold text-danger mb-0 mt-1">{{ $suspendedOrganizations }}</h3>
            <span class="small text-muted">Access Restricted</span>
        </div>
    </div>
    <div class="col-12 col-sm-6 col-xl-2">
        <div class="stat-card">
            <span class="text-secondary small fw-medium">Total Staff Managed</span>
            <h3 class="fw-bold text-primary mb-0 mt-1">{{ $totalEmployees }}</h3>
            <span class="small text-muted">Across all tenants</span>
        </div>
    </div>
    <div class="col-12 col-sm-6 col-xl-2">
        <div class="stat-card">
            <span class="text-secondary small fw-medium">Estimated MRR</span>
            <h4 class="fw-bold text-success mb-0 mt-1">৳ {{ number_format($mrrBdt, 0) }}</h4>
            <span class="small text-muted">BDT / Month</span>
        </div>
    </div>
</div>

<!-- Organizations Table & Audit Stream -->
<div class="row g-3">
    <div class="col-12 col-xl-8">
        <div class="card shadow-sm h-100">
            <div class="card-header bg-white d-flex justify-content-between align-items-center">
                <h6 class="mb-0 fw-bold">Recent Registered Organizations</h6>
                <a href="{{ route('superadmin.organizations') }}" class="small fw-semibold text-primary text-decoration-none">View All &rarr;</a>
            </div>
            <div class="table-responsive">
                <table class="table table-hover align-middle mb-0 small">
                    <thead class="table-light text-secondary">
                        <tr>
                            <th>Company Name</th>
                            <th>Contact Email</th>
                            <th>Current Plan</th>
                            <th>Status</th>
                            <th>Joined</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($recentOrganizations as $org)
                            <tr>
                                <td class="fw-bold text-dark">
                                    <i class="bi bi-building text-primary me-1"></i> {{ $org->name }}
                                </td>
                                <td>{{ $org->email }}</td>
                                <td>
                                    <span class="badge bg-light text-dark border">
                                        {{ $org->currentSubscription && $org->currentSubscription->plan ? $org->currentSubscription->plan->name : 'Trial' }}
                                    </span>
                                </td>
                                <td>
                                    @if($org->status === 'active')
                                        <span class="badge badge-soft-success">Active</span>
                                    @elseif($org->status === 'trial')
                                        <span class="badge badge-soft-warning">Trial</span>
                                    @else
                                        <span class="badge badge-soft-danger">Suspended</span>
                                    @endif
                                </td>
                                <td class="text-muted">{{ $org->created_at->format('d M Y') }}</td>
                            </tr>
                        @empty
                            <tr><td colspan="5" class="text-center py-4 text-muted">No organizations registered yet.</td></tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>
    </div>

    <!-- Platform Audit Stream -->
    <div class="col-12 col-xl-4">
        <div class="card shadow-sm h-100">
            <div class="card-header bg-white d-flex justify-content-between align-items-center">
                <h6 class="mb-0 fw-bold">Global Audit Trail</h6>
                <a href="{{ route('superadmin.audit') }}" class="small fw-semibold text-primary text-decoration-none">Full Log &rarr;</a>
            </div>
            <div class="card-body p-0">
                <div class="list-group list-group-flush small">
                    @forelse($recentAuditLogs as $log)
                        <div class="list-group-item p-2.5">
                            <div class="d-flex justify-content-between align-items-center mb-1">
                                <span class="fw-semibold text-dark">{{ $log->actor_name }}</span>
                                <span class="text-muted text-xs">{{ $log->created_at ? $log->created_at->diffForHumans() : '' }}</span>
                            </div>
                            <div class="text-secondary text-xs">{{ $log->action }} &bull; {{ $log->details }}</div>
                        </div>
                    @empty
                        <div class="text-center py-4 text-muted">No audit activity logged.</div>
                    @endforelse
                </div>
            </div>
        </div>
    </div>
</div>
@endsection