@extends('layouts.platform')

@section('title', 'Subscription — ' . ($subscription->school->name ?? 'School'))
@section('header', 'Subscription Detail')

@section('content')
    <div class="mb-6 flex flex-wrap items-center justify-between gap-4">
        <a href="{{ route('platform.subscriptions.index') }}" class="text-sm text-primary-600 hover:text-primary-700">&larr; Back to subscriptions</a>
        <div class="flex items-center gap-3">
            @if ($subscription->isActive())
                <form method="POST" action="{{ route('platform.subscriptions.renew', $subscription) }}">
                    @csrf
                    <button type="submit" class="rounded-lg bg-primary-600 px-4 py-2 text-sm font-semibold text-white shadow-sm hover:bg-primary-700 transition-colors">
                        Renew Subscription
                    </button>
                </form>
            @endif
            @if ($subscription->status->value === 'active' || $subscription->status->value === 'trial')
                <form method="POST" action="{{ route('platform.subscriptions.cancel', $subscription) }}"
                      onsubmit="return confirm('Cancel this subscription? The school will lose access to the plan.')">
                    @csrf
                    <button type="submit" class="rounded-lg bg-red-50 px-4 py-2 text-sm font-semibold text-red-700 hover:bg-red-100 transition-colors">
                        Cancel Subscription
                    </button>
                </form>
            @endif
        </div>
    </div>

    <div class="grid grid-cols-1 gap-6 lg:grid-cols-3">
        {{-- Subscription summary --}}
        <div class="rounded-xl bg-white p-6 shadow-sm ring-1 ring-gray-900/5 lg:col-span-2">
            <div class="flex items-center justify-between gap-4">
                <div>
                    <h3 class="text-lg font-display font-semibold text-gray-900">{{ $subscription->plan?->name ?? 'No Plan' }}</h3>
                    <a href="{{ route('platform.schools.show', $subscription->school) }}" class="text-sm text-primary-600 hover:text-primary-700">{{ $subscription->school?->name }}</a>
                </div>
                <span class="inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium
                    {{ $subscription->status->value === 'active' ? 'bg-green-50 text-green-700' : '' }}
                    {{ $subscription->status->value === 'trial' ? 'bg-blue-50 text-blue-700' : '' }}
                    {{ $subscription->status->value === 'expired' ? 'bg-gray-100 text-gray-600' : '' }}
                    {{ $subscription->status->value === 'cancelled' ? 'bg-red-50 text-red-700' : '' }}
                    {{ $subscription->status->value === 'pending' ? 'bg-amber-50 text-amber-700' : '' }}">
                    {{ $subscription->status->label() }}
                </span>
            </div>

            <dl class="mt-6 grid grid-cols-1 gap-4 sm:grid-cols-2">
                <div class="rounded-lg bg-gray-50 p-4">
                    <dt class="text-xs font-semibold uppercase tracking-wider text-gray-500">Starts</dt>
                    <dd class="mt-1 text-sm font-medium text-gray-900">{{ $subscription->starts_at?->format('d M Y') ?? '—' }}</dd>
                </div>
                <div class="rounded-lg bg-gray-50 p-4">
                    <dt class="text-xs font-semibold uppercase tracking-wider text-gray-500">Ends</dt>
                    <dd class="mt-1 text-sm font-medium text-gray-900">{{ $subscription->ends_at?->format('d M Y') ?? '—' }}</dd>
                </div>
                <div class="rounded-lg bg-gray-50 p-4">
                    <dt class="text-xs font-semibold uppercase tracking-wider text-gray-500">Amount</dt>
                    <dd class="mt-1 text-sm font-medium text-gray-900">
                        @if($subscription->payment_amount > 0)&#8358;{{ number_format($subscription->payment_amount, 0) }}@else Free @endif
                    </dd>
                </div>
                <div class="rounded-lg bg-gray-50 p-4">
                    <dt class="text-xs font-semibold uppercase tracking-wider text-gray-500">Payment Method</dt>
                    <dd class="mt-1 text-sm font-medium text-gray-900">{{ $subscription->payment_method ? ucfirst($subscription->payment_method) : '—' }}</dd>
                </div>
                <div class="rounded-lg bg-gray-50 p-4 sm:col-span-2">
                    <dt class="text-xs font-semibold uppercase tracking-wider text-gray-500">Transaction Ref</dt>
                    <dd class="mt-1 text-sm font-medium text-gray-900">{{ $subscription->transaction_ref ?? '—' }}</dd>
                </div>
            </dl>
        </div>

        {{-- Plan details --}}
        <div class="rounded-xl bg-white p-6 shadow-sm ring-1 ring-gray-900/5">
            <h4 class="text-sm font-semibold text-gray-900">Plan Details</h4>
            <div class="mt-4 space-y-3 text-sm text-gray-600">
                <div class="flex justify-between"><span class="text-gray-500">Price</span><span class="font-medium text-gray-900">@if($subscription->plan?->price > 0)&#8358;{{ number_format($subscription->plan->price, 0) }}{{ $subscription->plan->billing_period === 'yearly' ? '/year' : '/month' }}@else Free @endif</span></div>
                <div class="flex justify-between"><span class="text-gray-500">Max students</span><span class="font-medium text-gray-900">{{ $subscription->plan?->max_students ?? '—' }}</span></div>
                <div class="flex justify-between"><span class="text-gray-500">Max teachers</span><span class="font-medium text-gray-900">{{ $subscription->plan?->max_teachers ?? '—' }}</span></div>
                <div class="flex justify-between"><span class="text-gray-500">Max classes</span><span class="font-medium text-gray-900">{{ $subscription->plan?->max_classes ?? '—' }}</span></div>
            </div>

            @if($subscription->plan?->features)
                <div class="mt-5 border-t border-gray-100 pt-4">
                    <h4 class="text-sm font-semibold text-gray-900">Included Features</h4>
                    <ul class="mt-3 space-y-2">
                        @foreach($subscription->plan->features as $feature)
                            <li class="flex items-center gap-2 text-sm text-gray-600">
                                <svg class="h-4 w-4 shrink-0 text-emerald-500" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/></svg>
                                {{ $feature }}
                            </li>
                        @endforeach
                    </ul>
                </div>
            @endif
        </div>
    </div>

    {{-- Licensed entitlements (auditable history) --}}
    @if ($subscription->relationLoaded('entitlements') && $subscription->entitlements->isNotEmpty())
        <div class="mt-6 grid grid-cols-1 gap-6 lg:grid-cols-2">
            <div class="rounded-xl bg-white p-6 shadow-sm ring-1 ring-gray-900/5">
                <h4 class="text-sm font-semibold text-gray-900">Granted Modules</h4>
                <div class="mt-4 space-y-2">
                    @foreach ($subscription->entitlements as $entitlement)
                        <div class="flex items-center justify-between rounded-lg bg-gray-50 px-3 py-2 text-sm">
                            <span class="font-medium text-gray-900">{{ ucfirst($entitlement->module) }}</span>
                            <div class="flex items-center gap-2 text-xs text-gray-500">
                                <span class="inline-flex items-center rounded-full bg-primary-50 px-2 py-0.5 text-xs font-medium text-primary-700">{{ $entitlement->source }}</span>
                                <span>{{ $entitlement->period_start?->format('d M Y') }} &rarr; {{ $entitlement->period_end?->format('d M Y') }}</span>
                            </div>
                        </div>
                    @endforeach
                </div>
                <p class="mt-4 text-xs text-gray-500">Append-only record of what each term was licensed for. Live access still follows the school&rsquo;s current plan.</p>
            </div>

            <div class="rounded-xl bg-white p-6 shadow-sm ring-1 ring-gray-900/5">
                <h4 class="text-sm font-semibold text-gray-900">Licensed Units</h4>
                <div class="mt-4 overflow-x-auto">
                    <table class="min-w-full text-sm">
                        <thead>
                            <tr class="text-left text-xs font-semibold uppercase tracking-wider text-gray-500">
                                <th class="pb-2">Unit</th>
                                <th class="pb-2">Granted</th>
                                <th class="pb-2">Term</th>
                            </tr>
                        </thead>
                        <tbody class="divide-y divide-gray-100">
                            @foreach ($subscription->licenseUnits as $unit)
                                <tr>
                                    <td class="py-2 font-medium text-gray-900">{{ ucfirst($unit->unit_type) }}</td>
                                    <td class="py-2 text-gray-600">{{ $unit->quantity_granted }}</td>
                                    <td class="py-2 text-xs text-gray-500">{{ $unit->period_start?->format('d M Y') }} &rarr; {{ $unit->period_end?->format('d M Y') }}</td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    @endif
@endsection