@php
    /** @var array $summary */
    $totalTenants = $summary['tenants_by_status']->sum();
@endphp

<x-app-layout>
    <x-slot name="header">
        <h2 class="font-semibold text-xl text-gray-800 dark:text-gray-200 leading-tight">
            {{ __('Platform Overview') }}
        </h2>
    </x-slot>

    <div class="py-12">
        <div class="max-w-7xl mx-auto sm:px-6 lg:px-8 space-y-6">

            <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4">
                <div class="bg-white dark:bg-gray-800 shadow-sm sm:rounded-lg p-4">
                    <div class="text-xs text-gray-500 dark:text-gray-400 uppercase">{{ __('Total Tenants') }}</div>
                    <div class="text-2xl font-semibold text-gray-900 dark:text-gray-100 tabular-nums">{{ $totalTenants }}</div>
                </div>
                <div class="bg-white dark:bg-gray-800 shadow-sm sm:rounded-lg p-4">
                    <div class="text-xs text-gray-500 dark:text-gray-400 uppercase">{{ __('MRR') }}</div>
                    <div class="text-2xl font-semibold text-gray-900 dark:text-gray-100 tabular-nums">{{ number_format($summary['mrr'], 2) }}</div>
                    <div class="text-sm text-gray-500 dark:text-gray-400">{{ __('active subscriptions, normalized monthly') }}</div>
                </div>
                <div class="bg-white dark:bg-gray-800 shadow-sm sm:rounded-lg p-4">
                    <div class="text-xs text-gray-500 dark:text-gray-400 uppercase">{{ __('Overdue Invoices') }}</div>
                    <div class="text-2xl font-semibold text-gray-900 dark:text-gray-100 tabular-nums">{{ $summary['overdue_count'] }}</div>
                    @if ($summary['overdue_count'] > 0)
                        <div class="text-sm text-red-600 dark:text-red-400 font-medium">{{ number_format($summary['overdue_amount'], 2) }} {{ __('outstanding') }}</div>
                    @else
                        <div class="text-sm text-gray-500 dark:text-gray-400">{{ __('None outstanding') }}</div>
                    @endif
                </div>
                <div class="bg-white dark:bg-gray-800 shadow-sm sm:rounded-lg p-4">
                    <div class="text-xs text-gray-500 dark:text-gray-400 uppercase">{{ __('Trials Ending Soon') }}</div>
                    <div class="text-2xl font-semibold text-gray-900 dark:text-gray-100 tabular-nums">{{ $summary['trials_ending_soon']->count() }}</div>
                    <div class="text-sm text-gray-500 dark:text-gray-400">{{ __('within 7 days') }}</div>
                </div>
            </div>

            <div class="grid grid-cols-1 lg:grid-cols-3 gap-4">
                <div class="bg-white dark:bg-gray-800 shadow-sm sm:rounded-lg p-4">
                    <h3 class="font-medium text-gray-800 dark:text-gray-200 mb-3">{{ __('Tenants by Status') }}</h3>
                    <ul class="divide-y divide-gray-100 dark:divide-gray-700">
                        @forelse ($summary['tenants_by_status'] as $label => $count)
                            <li class="py-2 flex items-center justify-between">
                                <span class="text-sm text-gray-700 dark:text-gray-300">{{ $label }}</span>
                                <span class="text-sm text-gray-900 dark:text-gray-100 tabular-nums font-medium">{{ $count }}</span>
                            </li>
                        @empty
                            <li class="py-2 text-sm text-gray-400">{{ __('No tenants yet') }}</li>
                        @endforelse
                    </ul>
                </div>

                <div class="lg:col-span-2 bg-white dark:bg-gray-800 shadow-sm sm:rounded-lg p-4">
                    <h3 class="font-medium text-gray-800 dark:text-gray-200 mb-3">{{ __('Trials Ending Soon') }}</h3>
                    <div class="overflow-x-auto">
                        <table class="min-w-full divide-y divide-gray-200 dark:divide-gray-700">
                            <thead>
                                <tr>
                                    <th class="px-2 py-2 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider">{{ __('Tenant') }}</th>
                                    <th class="px-2 py-2 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider">{{ __('Trial Ends') }}</th>
                                    <th class="px-2 py-2 text-right text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider">{{ __('Actions') }}</th>
                                </tr>
                            </thead>
                            <tbody class="divide-y divide-gray-100 dark:divide-gray-700">
                                @forelse ($summary['trials_ending_soon'] as $tenant)
                                    <tr>
                                        <td class="px-2 py-2 text-sm text-gray-900 dark:text-gray-100">{{ $tenant->name }}</td>
                                        <td class="px-2 py-2 text-sm text-gray-500 dark:text-gray-400">{{ $tenant->trial_ends_at->diffForHumans() }}</td>
                                        <td class="px-2 py-2 text-sm text-right">
                                            <a href="{{ route('saas.tenants.show', $tenant) }}" class="text-indigo-600 dark:text-indigo-400 hover:underline">{{ __('View') }}</a>
                                        </td>
                                    </tr>
                                @empty
                                    <tr>
                                        <td colspan="3" class="px-2 py-4 text-center text-sm text-gray-500 dark:text-gray-400">{{ __('No trials ending in the next 7 days.') }}</td>
                                    </tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>

            <div class="flex flex-wrap gap-3">
                <a href="{{ route('saas.tenants.index') }}"><x-secondary-button>{{ __('All Tenants') }}</x-secondary-button></a>
                <a href="{{ route('saas.plans.index') }}"><x-secondary-button>{{ __('Manage Plans') }}</x-secondary-button></a>
                <a href="{{ route('saas.invoices.index') }}"><x-secondary-button>{{ __('All Invoices') }}</x-secondary-button></a>
            </div>
        </div>
    </div>
</x-app-layout>