@extends('layouts.admin', ['title' => 'Subscription Expired - Booklio', 'pageTitle' => 'Subscription Expired', 'active' => 'subscription'])

@include('admin.subscription.partials.data')

@section('content')
    <section class="mx-auto max-w-3xl rounded-lg border border-red-100 bg-white p-6 text-center shadow-card sm:p-8">
        <span class="mx-auto flex h-16 w-16 items-center justify-center rounded-2xl bg-red-50 text-red-600">
            <x-ui.icon name="alert-triangle" class="h-8 w-8" />
        </span>
        <h1 class="mt-5 text-3xl font-extrabold tracking-tight text-booklio-dark">Your subscription has expired</h1>
        <p class="mx-auto mt-2 max-w-xl text-sm leading-6 text-booklio-muted">Renew your {{ $currentPlan['name'] }} plan to restore dashboard access, appointment booking, invoices, reminders, and customer CRM features.</p>

        <div class="mt-6 rounded-lg border border-dashed border-booklio-border bg-slate-50 p-5">
            <p class="text-sm font-extrabold text-booklio-dark">Disable dashboard access placeholder</p>
            <p class="mt-1 text-sm leading-6 text-booklio-muted">In production, protected owner dashboard routes can redirect here until the subscription is renewed.</p>
        </div>

        <div class="mt-6 grid gap-3 sm:grid-cols-2">
            <x-ui.button href="{{ route('admin.subscription.upgrade') }}">Renew plan</x-ui.button>
            <x-ui.button variant="secondary" data-booklio-placeholder="Support contact routing will open ticket creation once support workflow is connected.">Contact support</x-ui.button>
        </div>
    </section>
@endsection
