@extends('layouts.app')

@section('title', 'Platform Dashboard')

@section('content')
@include('super-admin.partials.nav')

<x-page-header title="Platform Dashboard" subtitle="Super Admin overview across all companies" icon="dashboard" icon-color="violet" animate="pulse">
    <x-slot:actions>
        <a href="{{ route('super-admin.companies.create') }}" class="btn-primary btn-sm">New company</a>
        <a href="{{ route('super-admin.companies.index') }}" class="btn-secondary btn-sm">Manage companies</a>
    </x-slot:actions>
</x-page-header>

<div class="grid grid-cols-2 xl:grid-cols-4 gap-3 sm:gap-4 mb-6">
    <x-stat-card label="Companies" :value="number_format($stats['companies_total'])" icon="users" color="violet" delay="0" />
    <x-stat-card label="Active" :value="number_format($stats['companies_active'])" icon="check" color="emerald" delay="40" />
    <x-stat-card label="Pending" :value="number_format($stats['companies_pending'])" icon="alerts" color="amber" delay="80" />
    <x-stat-card label="Devices" :value="number_format($stats['devices'])" icon="devices" color="cyan" delay="120" />
</div>

<div class="grid lg:grid-cols-4 gap-4 mb-6">
    <a href="{{ route('super-admin.analytics.index') }}" class="glass-card p-5 hover:bg-white/5 transition-colors">
        <p class="font-semibold">Analytics</p>
        <p class="text-sm text-themed-muted mt-1">Web portal vs Notiz Viewer usage by company users</p>
    </a>
    <a href="{{ route('super-admin.companies.index') }}" class="glass-card p-5 hover:bg-white/5 transition-colors">
        <p class="font-semibold">Companies</p>
        <p class="text-sm text-themed-muted mt-1">Create, edit, suspend, delete, and enter tenants</p>
    </a>
    <a href="{{ route('super-admin.users.index') }}" class="glass-card p-5 hover:bg-white/5 transition-colors">
        <p class="font-semibold">Admins & users</p>
        <p class="text-sm text-themed-muted mt-1">Platform admins and company admins</p>
    </a>
    <a href="{{ route('super-admin.sms.index') }}" class="glass-card p-5 hover:bg-white/5 transition-colors">
        <p class="font-semibold">SMS Center</p>
        <p class="text-sm text-themed-muted mt-1">Logs, templates, gateway testing</p>
    </a>
    <a href="{{ route('super-admin.email.index') }}" class="glass-card p-5 hover:bg-white/5 transition-colors">
        <p class="font-semibold">Email Center</p>
        <p class="text-sm text-themed-muted mt-1">Outbound email and templates</p>
    </a>
    <a href="{{ route('super-admin.payments.index') }}" class="glass-card p-5 hover:bg-white/5 transition-colors">
        <p class="font-semibold">Payments</p>
        <p class="text-sm text-themed-muted mt-1">Registration gateway transactions</p>
    </a>
    <a href="{{ route('super-admin.subscription.index') }}" class="glass-card p-5 hover:bg-white/5 transition-colors">
        <p class="font-semibold">Subscription</p>
        <p class="text-sm text-themed-muted mt-1">Monthly price, term discounts, branding add-on</p>
    </a>
    <a href="{{ route('super-admin.trials.index') }}" class="glass-card p-5 hover:bg-white/5 transition-colors">
        <p class="font-semibold">Trials</p>
        <p class="text-sm text-themed-muted mt-1">Trial length, usage, and conversions</p>
    </a>
    <a href="{{ route('super-admin.finance.index') }}" class="glass-card p-5 hover:bg-white/5 transition-colors">
        <p class="font-semibold">Finance</p>
        <p class="text-sm text-themed-muted mt-1">COA, income/expense, ledger, P&amp;L</p>
    </a>
    <a href="{{ route('super-admin.settings.index') }}" class="glass-card p-5 hover:bg-white/5 transition-colors">
        <p class="font-semibold">Platform settings</p>
        <p class="text-sm text-themed-muted mt-1">Branding, 2FA, payments, maintenance</p>
    </a>
</div>

<div class="grid lg:grid-cols-3 gap-6">
    <div class="lg:col-span-2 glass-card p-5 animate-slide-up">
        <h3 class="font-semibold mb-4">Pending activations</h3>
        @forelse ($pendingCompanies as $company)
            <div class="flex items-center justify-between gap-3 py-3 border-b border-white/5 last:border-0">
                <div>
                    <p class="font-medium">{{ $company->name }}</p>
                    <p class="text-xs text-themed-muted">{{ $company->slug }} · {{ $company->company_number }} · {{ $company->created_at?->diffForHumans() }}</p>
                </div>
                <div class="flex gap-2">
                    <form method="POST" action="{{ route('super-admin.companies.enter', $company) }}">@csrf<button class="btn-ghost btn-sm" type="submit">Enter</button></form>
                    <form method="POST" action="{{ route('super-admin.companies.activate', $company) }}">@csrf<button class="btn-primary btn-sm" type="submit">Activate</button></form>
                </div>
            </div>
        @empty
            <p class="text-sm text-themed-muted py-8 text-center">No pending companies.</p>
        @endforelse

        <h3 class="font-semibold mb-4 mt-8">Recent companies</h3>
        @foreach ($recentCompanies as $company)
            <div class="flex items-center justify-between gap-3 py-2 border-b border-white/5 last:border-0">
                <div>
                    <a href="{{ route('super-admin.companies.show', $company) }}" class="font-medium hover:text-cyan-300">{{ $company->name }}</a>
                    <p class="text-xs text-themed-muted">{{ $company->status }} · {{ $company->company_number }}</p>
                </div>
                <form method="POST" action="{{ route('super-admin.companies.enter', $company) }}">@csrf<button class="btn-secondary btn-sm" type="submit">Enter</button></form>
            </div>
        @endforeach
    </div>

    <div class="glass-card p-5 animate-slide-up" style="animation-delay:80ms">
        <h3 class="font-semibold mb-4">Quick stats</h3>
        <div class="text-sm text-themed-muted space-y-2">
            <p>Messages today: <span class="text-themed">{{ number_format($stats['messages_today']) }}</span></p>
            <p>Unread alerts: <span class="text-themed">{{ number_format($stats['unread_alerts']) }}</span></p>
            <p>Tenant users: <span class="text-themed">{{ number_format($stats['users']) }}</span></p>
            <p>Platform admins: <span class="text-themed">{{ number_format($stats['platform_admins'] ?? 0) }}</span></p>
            <p>Suspended companies: <span class="text-themed">{{ number_format($stats['companies_suspended'] ?? 0) }}</span></p>
        </div>
        <a href="{{ route('super-admin.settings.index') }}" class="btn-secondary btn-sm w-full mt-6">Open platform settings</a>
    </div>
</div>
@endsection