Show consolidated prepaid totals on plan pricing cards.

When 6/12/24 month Paystack is selected, Pro and Business prices display the full term amount instead of /mo. Co-authored-by: Cursor <cursoragent@cursor.com>
2026-06-30 11:39:25 +00:00
parent 07998b29b9
commit a49c049ff5
2 changed files with 33 additions and 6 deletions
@@ -0,0 +1,23 @@
+@props([
+    'currency' => 'GHS',
+    'monthlyMinor' => 0,
+    'prepaidMinor' => null,
+    'monthlyDisplay' => null,
+    'monthlySuffix' => '/mo',
+    'dark' => false,
+])
+
+@php
+    $prepaidBase = (int) ($prepaidMinor ?? $monthlyMinor);
+    $monthlyFormatted = $monthlyDisplay ?? number_format((int) $monthlyMinor / 100, 0);
+    $muted = $dark ? 'text-slate-300' : 'text-slate-500';
+    $text = $dark ? 'text-white' : 'text-slate-900';
+@endphp
+
+<p {{ $attributes->merge(['class' => "mt-2 text-3xl font-bold {$text}"]) }}>
+    <span x-show="billing === 'monthly'">{{ $currency }} {{ $monthlyFormatted }}<span class="text-base font-medium {{ $muted }}">{{ $monthlySuffix }}</span></span>
+    <span x-show="billing !== 'monthly'" x-cloak>
+        <span x-text="'{{ $currency }} ' + ({{ $prepaidBase }} * billing / 100).toLocaleString()"></span>
+        <span class="block text-base font-medium {{ $muted }}" x-text="'for ' + billing + ' months'"></span>
+    </span>
+</p>