Polish Give UX: always-on online giving, correct mobile branding, clearer payouts.
Deploy Ladill Give / deploy (push) Successful in 31s
Deploy Ladill Give / deploy (push) Successful in 31s
Remove the redundant accepts-payment toggle, fix the mobile header title, and update payout copy to reflect Ladill Pay and the 9% donation fee. Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
isaacclad
@@ -75,13 +75,6 @@
|
||||
<label class="block text-xs font-medium text-slate-500">Brand color</label>
|
||||
<input type="color" name="brand_color" value="{{ old('brand_color', '#1a3a5c') }}" class="mt-1 h-10 w-full rounded-xl border border-slate-200">
|
||||
</div>
|
||||
<label class="flex cursor-pointer items-center justify-between rounded-xl border border-slate-200 px-4 py-3">
|
||||
<div>
|
||||
<p class="text-sm font-semibold text-slate-900">Accept online giving</p>
|
||||
<p class="text-xs text-slate-500">Supporters can give online (9% platform fee).</p>
|
||||
</div>
|
||||
<input type="checkbox" name="accepts_payment" value="1" @checked(old('accepts_payment', true)) class="h-5 w-5 rounded text-indigo-600">
|
||||
</label>
|
||||
<div>
|
||||
<p class="mb-2 text-xs font-semibold text-slate-600">Giving categories</p>
|
||||
<template x-for="t in types" :key="t">
|
||||
|
||||
@@ -47,10 +47,6 @@
|
||||
<input type="text" name="phone" value="{{ old('phone', $c['phone'] ?? '') }}" placeholder="Phone" class="rounded-xl border-slate-200 text-sm">
|
||||
<input type="email" name="email" value="{{ old('email', $c['email'] ?? '') }}" placeholder="Email" class="rounded-xl border-slate-200 text-sm">
|
||||
</div>
|
||||
<label class="flex items-center gap-2 text-sm text-slate-700">
|
||||
<input type="checkbox" name="accepts_payment" value="1" @checked(old('accepts_payment', $c['accepts_payment'] ?? false)) class="rounded border-slate-300 text-indigo-600">
|
||||
Accept online giving
|
||||
</label>
|
||||
<label class="flex items-center gap-2 text-sm text-slate-700">
|
||||
<input type="checkbox" name="is_active" value="1" @checked($qrCode->is_active) class="rounded border-slate-300 text-indigo-600">
|
||||
Page is active
|
||||
|
||||
@@ -4,7 +4,7 @@
|
||||
<div class="space-y-6">
|
||||
<div>
|
||||
<h1 class="text-xl font-semibold text-slate-900">Payouts</h1>
|
||||
<p class="mt-1 text-sm text-slate-500">Takings settle into your Ladill wallet (5% fee), then withdraw to bank or MoMo.</p>
|
||||
<p class="mt-1 text-sm text-slate-500">Donations settle into your Ladill wallet (9% fee), then withdraw to bank or MoMo.</p>
|
||||
</div>
|
||||
<div class="grid gap-4 sm:grid-cols-2">
|
||||
<div class="rounded-2xl border border-slate-200 bg-white p-5">
|
||||
@@ -16,8 +16,8 @@
|
||||
<p class="mt-1.5 text-2xl font-semibold text-slate-900">{{ $fmt($balanceMinor) }}</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="rounded-2xl border border-amber-100 bg-amber-50/60 px-6 py-4 text-sm text-amber-800">
|
||||
Withdraw to bank or MoMo from your Ladill account wallet. Ladill Pay integration will add in-app withdrawal history here.
|
||||
<div class="rounded-2xl border border-slate-200 bg-slate-50 px-6 py-4 text-sm text-slate-600">
|
||||
Donations are collected through Ladill Pay and credited to your Ladill wallet. Withdraw to bank or MoMo from your account wallet — payout and withdrawal history is there.
|
||||
</div>
|
||||
<a href="{{ $accountWalletUrl }}" class="btn-primary">
|
||||
Open wallet & withdraw
|
||||
|
||||
@@ -316,7 +316,7 @@
|
||||
$churchLogoUrl = $churchHasLogo ? route('qr.public.church.logo', $qrCode->short_code) : null;
|
||||
$churchCoverUrl = $churchHasCover ? route('qr.public.church.cover', $qrCode->short_code) : null;
|
||||
$churchInitials = strtoupper(substr($churchName, 0, 2));
|
||||
$churchAcceptsPay = !empty($content['accepts_payment']);
|
||||
$churchAcceptsPay = true;
|
||||
$churchCurrency = $content['currency'] ?? 'GHS';
|
||||
$churchTypes = $content['collection_types'] ?? ['offering', 'tithe', 'donation', 'harvest'];
|
||||
// Normalise legacy lowercase slugs → display strings
|
||||
|
||||
@@ -326,20 +326,10 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{-- Online Giving --}}
|
||||
<input type="hidden" name="accepts_payment" value="1">
|
||||
<div>
|
||||
<p class="mb-2 text-xs font-semibold text-slate-600">Online Giving</p>
|
||||
<label class="flex cursor-pointer items-center justify-between rounded-xl border border-slate-200 bg-white px-4 py-3 shadow-sm">
|
||||
<div>
|
||||
<p class="text-sm font-semibold text-slate-900">Accept online giving</p>
|
||||
<p class="mt-0.5 text-xs text-slate-500">Supporters can give and pay online via Paystack.</p>
|
||||
</div>
|
||||
<input type="checkbox" name="accepts_payment" value="1" @checked(old('accepts_payment'))
|
||||
class="ml-4 h-5 w-5 shrink-0 rounded border-slate-300 text-indigo-600 focus:ring-indigo-500">
|
||||
</label>
|
||||
|
||||
{{-- Collection type manager --}}
|
||||
<div class="mt-3">
|
||||
<div>
|
||||
<p class="mb-2 text-[11px] font-medium text-slate-500">Collection types <span class="text-slate-400">(shown as giving options)</span></p>
|
||||
|
||||
{{-- Current types as removable tags --}}
|
||||
|
||||
@@ -336,19 +336,9 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{-- Online Giving --}}
|
||||
<input type="hidden" name="accepts_payment" value="1">
|
||||
<div>
|
||||
<p class="mb-2 text-xs font-semibold text-slate-600">Online Giving</p>
|
||||
<label class="flex cursor-pointer items-center justify-between rounded-xl border border-slate-200 bg-white px-4 py-3 shadow-sm">
|
||||
<div>
|
||||
<p class="text-sm font-semibold text-slate-900">Accept online giving</p>
|
||||
<p class="mt-0.5 text-xs text-slate-500">Supporters can give and pay online via Paystack.</p>
|
||||
</div>
|
||||
<input type="checkbox" name="accepts_payment" value="1" @checked(!empty($c['accepts_payment']))
|
||||
class="ml-4 h-5 w-5 shrink-0 rounded border-slate-300 text-indigo-600 focus:ring-indigo-500">
|
||||
</label>
|
||||
|
||||
<div class="mt-3">
|
||||
<div>
|
||||
<p class="mb-2 text-[11px] font-medium text-slate-500">Collection types</p>
|
||||
<div class="flex flex-wrap gap-2 mb-2">
|
||||
<template x-for="(t, i) in types" :key="t">
|
||||
|
||||
Reference in New Issue
Block a user