@extends('layouts.platform')

@section('title', $school->name . ' — Subscriptions')
@section('header', $school->name . ': Subscriptions')

@section('content')
    <div class="mb-6">
        <a href="{{ route('platform.schools.show', $school) }}" class="text-sm text-primary-600 hover:text-primary-700">&larr; Back to school</a>
    </div>

    {{-- New Subscription --}}
    <div class="mb-8 rounded-xl bg-white shadow-sm ring-1 ring-gray-900/5 p-6">
        <h3 class="text-lg font-display font-semibold text-gray-900 mb-4">Activate New Plan</h3>
        <form method="POST" action="{{ route('platform.subscriptions.store') }}" class="flex items-end gap-4">
            @csrf
            <input type="hidden" name="school_id" value="{{ $school->id }}">
            <div class="flex-1">
                <label for="plan_id" class="block text-sm font-medium text-gray-700">Select Plan</label>
                <select id="plan_id" name="plan_id" required
                        class="mt-1 block w-full rounded-lg border border-gray-300 px-3 py-2 text-sm shadow-sm focus:border-primary-500 focus:outline-none focus:ring-1 focus:ring-primary-500">
                    <option value="">Choose a plan...</option>
                    @foreach($plans as $plan)
                        <option value="{{ $plan->id }}">
                            {{ $plan->name }} — @if($plan->price > 0)&#8358;{{ number_format($plan->price, 0) }}{{ $plan->billing_period === 'yearly' ? '/year' : '/month' }}@else Free @endif
                            ({{ $plan->max_students }} students, {{ $plan->max_teachers }} teachers)
                        </option>
                    @endforeach
                </select>
            </div>
            <button type="submit" class="rounded-lg bg-primary-600 px-5 py-2 text-sm font-semibold text-white shadow-sm hover:bg-primary-700 transition-colors">
                Activate
            </button>
        </form>
    </div>

    {{-- History --}}
    <div class="rounded-xl bg-white shadow-sm ring-1 ring-gray-900/5 overflow-x-auto">
        <div class="border-b border-gray-200 px-6 py-4">
            <h3 class="text-lg font-display font-semibold text-gray-900">Subscription History</h3>
        </div>
        <table class="min-w-full divide-y divide-gray-200">
            <thead class="bg-gray-50">
                <tr>
                    <th class="px-6 py-3 text-left text-xs font-semibold text-gray-500 uppercase tracking-wider">Plan</th>
                    <th class="px-6 py-3 text-left text-xs font-semibold text-gray-500 uppercase tracking-wider">Status</th>
                    <th class="px-6 py-3 text-left text-xs font-semibold text-gray-500 uppercase tracking-wider">Period</th>
                    <th class="px-6 py-3 text-left text-xs font-semibold text-gray-500 uppercase tracking-wider">Amount</th>
                    <th class="px-6 py-3 text-left text-xs font-semibold text-gray-500 uppercase tracking-wider">Created</th>
                </tr>
            </thead>
            <tbody class="divide-y divide-gray-100">
                @forelse($subscriptions as $sub)
                    <tr class="hover:bg-gray-50">
                        <td class="px-6 py-4 text-sm font-medium text-gray-900">{{ $sub->plan?->name ?? 'No plan' }}</td>
                        <td class="px-6 py-4">
                            <span class="inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium
                                {{ $sub->status->value === 'active' ? 'bg-green-50 text-green-700' : '' }}
                                {{ $sub->status->value === 'trial' ? 'bg-blue-50 text-blue-700' : '' }}
                                {{ $sub->status->value === 'expired' ? 'bg-gray-100 text-gray-600' : '' }}
                                {{ $sub->status->value === 'cancelled' ? 'bg-red-50 text-red-700' : '' }}">
                                {{ $sub->status->label() }}
                            </span>
                        </td>
                        <td class="px-6 py-4 text-sm text-gray-600">
                            {{ $sub->starts_at?->format('d M Y') }} — {{ $sub->ends_at?->format('d M Y') }}
                        </td>
                        <td class="px-6 py-4 text-sm font-medium text-gray-900">
                            @if($sub->payment_amount > 0)&#8358;{{ number_format($sub->payment_amount, 0) }}@else Free @endif
                        </td>
                        <td class="px-6 py-4 text-sm text-gray-500">{{ $sub->created_at->format('d M Y H:i') }}</td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="5" class="px-6 py-12 text-center text-sm text-gray-500">No subscription history yet.</td>
                    </tr>
                @endforelse
            </tbody>
        </table>
    </div>
@endsection