@php
    /** @var \App\Domain\Core\Models\Tenant $tenant */
    /** @var ?\App\Domain\Saas\Models\Subscription $subscription */
    /** @var \Illuminate\Contracts\Pagination\LengthAwarePaginator $invoices */
    /** @var \Illuminate\Support\Collection $activity */
    /** @var \Illuminate\Support\Collection<int, string> $plans */
    $badgeClasses = match ($tenant->status->value) {
        'active' => 'bg-emerald-100 text-emerald-800 dark:bg-emerald-900 dark:text-emerald-200',
        'trial' => 'bg-amber-100 text-amber-800 dark:bg-amber-900 dark:text-amber-200',
        'expired', 'suspended' => 'bg-red-100 text-red-800 dark:bg-red-900 dark:text-red-200',
    };
@endphp

<x-app-layout>
    <x-slot name="header">
        <div class="flex items-center justify-between">
            <h2 class="font-semibold text-xl text-gray-800 dark:text-gray-200 leading-tight">
                {{ $tenant->name }}
                <span class="px-2 py-0.5 rounded-full text-xs font-medium {{ $badgeClasses }} align-middle">{{ $tenant->status->label() }}</span>
            </h2>
            <a href="{{ route('saas.tenants.index') }}" class="text-sm text-gray-500 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100 underline">
                {{ __('Back to tenants') }}
            </a>
        </div>
    </x-slot>

    <div class="py-12">
        <div class="max-w-5xl mx-auto sm:px-6 lg:px-8 space-y-6">
            @if (session('status'))
                <div class="rounded-md bg-emerald-50 dark:bg-emerald-900/40 px-4 py-3 text-sm text-emerald-800 dark:text-emerald-200">
                    {{ session('status') }}
                </div>
            @endif

            @if (session('error'))
                <div class="rounded-md bg-red-50 dark:bg-red-900/40 px-4 py-3 text-sm text-red-800 dark:text-red-200">
                    {{ session('error') }}
                </div>
            @endif

            <div class="grid grid-cols-1 lg:grid-cols-3 gap-4">
                <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">{{ __('Subscription') }}</h3>
                    @if ($subscription)
                        <dl class="grid grid-cols-2 gap-4 text-sm">
                            <div>
                                <dt class="text-gray-500 dark:text-gray-400">{{ __('Plan') }}</dt>
                                <dd class="text-gray-900 dark:text-gray-100 font-medium">{{ $subscription->plan->name }} ({{ number_format($subscription->plan->price, 2) }} / {{ strtolower($subscription->plan->billing_period->label()) }})</dd>
                            </div>
                            <div>
                                <dt class="text-gray-500 dark:text-gray-400">{{ __('Domain') }}</dt>
                                <dd class="text-gray-900 dark:text-gray-100">{{ $tenant->domain }}</dd>
                            </div>
                            @if ($subscription->trial_ends_at)
                                <div>
                                    <dt class="text-gray-500 dark:text-gray-400">{{ __('Trial Ends') }}</dt>
                                    <dd class="text-gray-900 dark:text-gray-100">{{ $subscription->trial_ends_at->format('Y-m-d H:i') }}</dd>
                                </div>
                            @endif
                            @if ($subscription->current_period_start && $subscription->current_period_end)
                                <div>
                                    <dt class="text-gray-500 dark:text-gray-400">{{ __('Current Period') }}</dt>
                                    <dd class="text-gray-900 dark:text-gray-100">{{ $subscription->current_period_start->format('Y-m-d') }} &rarr; {{ $subscription->current_period_end->format('Y-m-d') }}</dd>
                                </div>
                            @endif
                        </dl>

                        <form method="POST" action="{{ route('saas.tenants.change-plan', $tenant) }}" class="mt-4 flex items-end gap-3">
                            @csrf
                            @method('PUT')
                            <div class="flex-1">
                                <x-input-label for="plan_id" :value="__('Change Plan')" />
                                <select id="plan_id" name="plan_id" class="mt-1 block w-full rounded-md border-gray-300 dark:border-gray-700 dark:bg-gray-900 dark:text-gray-100 shadow-sm focus:border-indigo-500 focus:ring-indigo-500">
                                    @foreach ($plans as $id => $name)
                                        <option value="{{ $id }}" @selected($subscription->plan_id === $id)>{{ $name }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <x-secondary-button type="submit">{{ __('Change') }}</x-secondary-button>
                        </form>

                        <form method="POST" action="{{ route('saas.tenants.generate-invoice', $tenant) }}" class="mt-3">
                            @csrf
                            <x-secondary-button type="submit">{{ __('Generate Next Invoice') }}</x-secondary-button>
                        </form>
                    @else
                        <p class="text-sm text-gray-400">{{ __('No subscription on record for this tenant.') }}</p>
                    @endif
                </div>

                <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">{{ __('Account Actions') }}</h3>

                    @if ($tenant->status->value === 'suspended')
                        <form method="POST" action="{{ route('saas.tenants.reactivate', $tenant) }}">
                            @csrf
                            <x-primary-button type="submit" class="w-full justify-center">{{ __('Reactivate') }}</x-primary-button>
                        </form>
                    @else
                        <form method="POST" action="{{ route('saas.tenants.suspend', $tenant) }}" onsubmit="return confirm('{{ __('Suspend this tenant? They will immediately lose access.') }}');">
                            @csrf
                            <x-input-label for="reason" :value="__('Reason (optional)')" />
                            <textarea id="reason" name="reason" rows="2" class="mt-1 block w-full rounded-md border-gray-300 dark:border-gray-700 dark:bg-gray-900 dark:text-gray-100 shadow-sm focus:border-indigo-500 focus:ring-indigo-500"></textarea>
                            <x-danger-button type="submit" class="w-full justify-center mt-2">{{ __('Suspend') }}</x-danger-button>
                        </form>
                    @endif
                </div>
            </div>

            <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">{{ __('Invoices') }}</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">{{ __('Number') }}</th>
                                <th class="px-2 py-2 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider">{{ __('Period') }}</th>
                                <th class="px-2 py-2 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider">{{ __('Amount') }}</th>
                                <th class="px-2 py-2 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider">{{ __('Status') }}</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 ($invoices as $invoice)
                                <tr>
                                    <td class="px-2 py-2 text-sm text-gray-900 dark:text-gray-100 font-mono">{{ $invoice->invoice_number }}</td>
                                    <td class="px-2 py-2 text-sm text-gray-500 dark:text-gray-400">{{ $invoice->period_start->format('Y-m-d') }} &rarr; {{ $invoice->period_end->format('Y-m-d') }}</td>
                                    <td class="px-2 py-2 text-sm text-gray-500 dark:text-gray-400 tabular-nums">{{ number_format($invoice->amount, 2) }}</td>
                                    <td class="px-2 py-2 text-sm">{{ $invoice->status->label() }}</td>
                                    <td class="px-2 py-2 text-sm text-right">
                                        <a href="{{ route('saas.invoices.show', $invoice) }}" class="text-indigo-600 dark:text-indigo-400 hover:underline">{{ __('View') }}</a>
                                    </td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="5" class="px-2 py-4 text-center text-sm text-gray-500 dark:text-gray-400">{{ __('No invoices yet.') }}</td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
                <div class="mt-3">
                    {{ $invoices->links() }}
                </div>
            </div>

            <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">{{ __('Billing Activity') }}</h3>
                <ul class="divide-y divide-gray-100 dark:divide-gray-700">
                    @forelse ($activity as $entry)
                        <li class="py-2">
                            <div class="flex items-center justify-between gap-2">
                                <span class="text-sm text-gray-700 dark:text-gray-300">{{ $entry->description }}</span>
                                <span class="text-xs text-gray-400 whitespace-nowrap">{{ $entry->created_at?->diffForHumans() }}</span>
                            </div>
                            <div class="text-xs text-gray-400">{{ $entry->causer?->name ?? __('System') }}</div>
                        </li>
                    @empty
                        <li class="py-2 text-sm text-gray-400">{{ __('No billing activity recorded yet.') }}</li>
                    @endforelse
                </ul>
            </div>
        </div>
    </div>
</x-app-layout>