isaaccladandCursor
cc3d4e9a63
Deploy Ladill Frontdesk / deploy (push) Successful in 33s
Adds a dedicated Pro page with wallet upgrade, gradient Upgrade to Pro button in the sidebar footer, and view composer for plan status. Co-authored-by: Cursor <cursoragent@cursor.com>
60 lines
3.4 KiB
PHP
60 lines
3.4 KiB
PHP
<x-app-layout title="Pro" heading="Frontdesk Pro">
|
|
@php
|
|
$price = number_format($priceMinor / 100, 2);
|
|
@endphp
|
|
|
|
<div class="mx-auto max-w-2xl">
|
|
@if (session('upsell'))
|
|
<div class="mb-4 rounded-xl border border-amber-200 bg-amber-50 px-4 py-3 text-sm text-amber-800">{{ session('upsell') }}</div>
|
|
@endif
|
|
|
|
<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 Frontdesk Pro</h1>
|
|
<p class="mt-1 text-sm text-white/80">Everything in Free, plus unlimited scale, integrations, and unlimited host email alerts.</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 Frontdesk Pro.
|
|
@endif
|
|
</div>
|
|
<p class="mt-3 text-xs text-slate-400">SMS host alerts still bill at Ladill platform rates from your wallet.</p>
|
|
@elseif ($canManage)
|
|
<form method="post" action="{{ route('frontdesk.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. Host SMS remains pay-as-you-go on every plan.</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>
|