Add Queue Pro billing, renewal, and scheduler.

Organizations can upgrade from wallet with plan expiry enforcement and nightly qms:pro-renew charges. Co-authored-by: Cursor <cursoragent@cursor.com>
2026-06-30 01:07:24 +00:00
parent 1d50f10c3f
commit 0770faaa9f
11 changed files with 411 additions and 5 deletions
@@ -0,0 +1,54 @@
+<x-app-layout title="Pro" heading="Queue Pro">
+    @php
+        $price = number_format($priceMinor / 100, 2);
+    @endphp
+
+    <div class="mx-auto max-w-2xl">
+        <div class="overflow-hidden rounded-2xl border border-slate-200 bg-white">
+            <div class="bg-gradient-to-r from-indigo-700 via-teal-600 to-cyan-500 px-6 py-7 text-white">
+                <div class="flex items-center gap-2">
+                    <span class="rounded-md bg-white/20 px-2 py-0.5 text-[11px] font-semibold uppercase tracking-wide">Pro</span>
+                    @if ($isPro)
+                        <span class="rounded-md bg-emerald-400/90 px-2 py-0.5 text-[11px] font-semibold text-emerald-950">Active</span>
+                    @endif
+                </div>
+                <h1 class="mt-3 text-2xl font-bold">Ladill Queue Pro</h1>
+                <p class="mt-1 text-sm text-white/80">Unlimited branches, queues, and advanced queue management.</p>
+                <p class="mt-4 text-3xl font-bold">{{ $currency }} {{ $price }}<span class="text-base font-medium text-white/70"> / month</span></p>
+            </div>
+
+            <div class="px-6 py-6">
+                <ul class="grid gap-3 sm:grid-cols-2">
+                    @foreach ($proFeatures as $feature)
+                        <li class="flex items-start gap-2 text-sm text-slate-700">
+                            <svg class="mt-0.5 h-4 w-4 shrink-0 text-emerald-500" fill="none" viewBox="0 0 24 24" stroke-width="2.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"/></svg>
+                            <span>{{ $feature }}</span>
+                        </li>
+                    @endforeach
+                </ul>
+
+                <div class="mt-6 border-t border-slate-100 pt-6">
+                    @if ($isPro)
+                        <div class="text-sm text-slate-600">
+                            @if ($planExpiresAt)
+                                Pro is active until <strong>{{ $planExpiresAt->format('d M Y') }}</strong>.
+                            @else
+                                Your organization is on Queue Pro.
+                            @endif
+                        </div>
+                    @elseif ($canManage)
+                        <form method="post" action="{{ route('qms.pro.subscribe') }}">
+                            @csrf
+                            <button class="btn-primary w-full sm:w-auto">
+                                Upgrade to Pro — {{ $currency }} {{ $price }}/mo from wallet
+                            </button>
+                        </form>
+                        <p class="mt-3 text-xs text-slate-400">Billed monthly from your Ladill wallet.</p>
+                    @else
+                        <p class="rounded-xl bg-slate-50 px-4 py-3 text-sm text-slate-500">Ask an organization administrator to upgrade this workspace to Pro.</p>
+                    @endif
+                </div>
+            </div>
+        </div>
+    </div>
+</x-app-layout>