Initial Ladill Give extraction — online giving pages at give.ladill.com.

Donation checkout via Ladill Pay (9% fee), church/giving QR pages, SSO, and platform scan forwarding. Co-authored-by: Cursor <cursoragent@cursor.com>
2026-06-09 07:25:49 +00:00
commit 0860b08af7
295 changed files with 37190 additions and 0 deletions
@@ -0,0 +1,44 @@
+{{--
+    Paystack mobile bottom-sheet iframe.
+    Requires Alpine.js ancestor with: showSheet (bool), checkoutUrl (string).
+    On mobile (< md) the sheet slides up; on desktop nothing renders.
+--}}
+<template x-teleport="body">
+    <div x-show="showSheet"
+         x-cloak
+         class="fixed inset-0 z-[9999] flex flex-col justify-end md:hidden"
+         role="dialog"
+         aria-modal="true">
+
+        <div class="absolute inset-0 bg-black/60"
+             x-show="showSheet"
+             x-transition:enter="transition-opacity duration-300"
+             x-transition:enter-start="opacity-0"
+             x-transition:enter-end="opacity-100"
+             x-transition:leave="transition-opacity duration-200"
+             x-transition:leave-start="opacity-100"
+             x-transition:leave-end="opacity-0"
+             @click="showSheet = false">
+        </div>
+
+        <div class="relative flex flex-col overflow-hidden rounded-t-2xl bg-white"
+             style="height:90dvh; padding-bottom: env(safe-area-inset-bottom, 0px)"
+             x-show="showSheet"
+             x-transition:enter="transition-transform duration-300 ease-out"
+             x-transition:enter-start="translate-y-full"
+             x-transition:enter-end="translate-y-0"
+             x-transition:leave="transition-transform duration-200 ease-in"
+             x-transition:leave-start="translate-y-0"
+             x-transition:leave-end="translate-y-full">
+
+            @include('partials.mini-paystack-frame-header')
+
+            <iframe :src="showSheet ? checkoutUrl : ''"
+                    class="min-h-0 flex-1 w-full border-0"
+                    allow="payment"
+                    title="Paystack checkout"></iframe>
+
+            @include('partials.mini-paystack-frame-footer')
+        </div>
+    </div>
+</template>