@use('App\Core\Support\Money')
@php
    $rows = [
        'Customer' => $subscription->workspace->owner->name.' <'.$subscription->workspace->owner->email.'>',
        'Plan' => $subscription->plan->name.' (version '.$subscription->plan_version_snapshot.')',
        'Price paid' => $subscription->isPaid() ? Money::format($subscription->price_snapshot, $subscription->currency).' per '.$subscription->billing_interval_count_snapshot.' '.$subscription->billing_interval_snapshot : 'Free',
        'Status' => str_replace('_', ' ', ucfirst($subscription->status)),
        'Starts (UTC)' => $subscription->starts_at?->format('Y-m-d H:i') ?? '—',
        'Ends (UTC)' => $subscription->ends_at?->format('Y-m-d H:i') ?? 'Open-ended',
        'Grace until' => $subscription->grace_ends_at?->format('Y-m-d H:i') ?? '—',
        'Cancelled' => $subscription->cancelled_at?->format('Y-m-d H:i') ?? '—',
    ];
@endphp
<x-layouts.admin title="Subscription">
    <p class="mb-4 text-sm"><a href="{{ route('admin.subscriptions.index') }}" class="text-slate-500 hover:text-slate-800">← Subscriptions</a></p>

    <div class="grid max-w-4xl gap-6">
        <x-ui.card title="Subscription">
            <dl class="divide-y divide-slate-100 text-sm">
                @foreach ($rows as $label => $value)
                    <div class="grid grid-cols-3 gap-2 py-2"><dt class="text-slate-500">{{ $label }}</dt><dd class="col-span-2">{{ $value }}</dd></div>
                @endforeach
            </dl>
        </x-ui.card>

        <x-ui.card title="Purchased entitlements" description="Snapshot taken at purchase; later plan edits do not change it.">
            <pre class="overflow-x-auto rounded-lg bg-slate-50 p-4 text-xs">{{ json_encode($subscription->entitlements_snapshot, JSON_PRETTY_PRINT) }}</pre>
        </x-ui.card>

        @if ($orders->isNotEmpty())
            <x-ui.card title="Payments">
                <ul class="divide-y divide-slate-100 text-sm">
                    @foreach ($orders as $order)
                        @foreach ($order->payments as $payment)
                            <li class="flex justify-between py-2">
                                <span>{{ $payment->created_at->format('Y-m-d H:i') }} · {{ $payment->status }}</span>
                                @can('admin.payments.view')
                                    <a href="{{ route('admin.payments.show', $payment) }}" class="font-medium text-rose-700 hover:underline">{{ Money::format($payment->amount, $payment->currency) }}</a>
                                @endcan
                            </li>
                        @endforeach
                    @endforeach
                </ul>
            </x-ui.card>
        @endif

        <x-ui.card title="History">
            <ol class="space-y-2 text-sm">
                @foreach ($subscription->history->sortBy('id') as $entry)
                    <li class="flex flex-wrap justify-between gap-2">
                        <span><code class="text-xs">{{ $entry->event }}</code> · {{ $entry->actor_type }}{{ $entry->actor_id ? ' #'.$entry->actor_id : '' }}</span>
                        <span class="text-slate-500">{{ $entry->created_at->format('Y-m-d H:i:s') }}</span>
                    </li>
                @endforeach
            </ol>
        </x-ui.card>
    </div>
</x-layouts.admin>