isaaccladandCursor
0860b08af7
Donation checkout via Ladill Pay (9% fee), church/giving QR pages, SSO, and platform scan forwarding. Co-authored-by: Cursor <cursoragent@cursor.com>
36 lines
2.1 KiB
PHP
36 lines
2.1 KiB
PHP
<x-user-layout>
|
|
<x-slot name="title">Giving Pages</x-slot>
|
|
<div class="space-y-6">
|
|
<div class="flex flex-wrap items-center justify-between gap-3">
|
|
<div>
|
|
<h1 class="text-xl font-semibold text-slate-900">Giving pages</h1>
|
|
<p class="mt-1 text-sm text-slate-500">Branded pages with a printable QR for online giving.</p>
|
|
</div>
|
|
<x-btn.create :href="route('give.giving-pages.create')">New giving page</x-btn.create>
|
|
</div>
|
|
@if($qrCodes->isEmpty())
|
|
<div class="rounded-2xl border border-dashed border-slate-200 bg-white px-6 py-12 text-center">
|
|
<p class="text-sm text-slate-500">No giving pages yet.</p>
|
|
<a href="{{ route('give.giving-pages.create') }}" class="mt-3 inline-block text-sm font-semibold text-indigo-600 hover:text-indigo-800">Create your first giving page</a>
|
|
</div>
|
|
@else
|
|
<div class="grid gap-4 sm:grid-cols-2 xl:grid-cols-3">
|
|
@foreach($qrCodes as $qr)
|
|
<a href="{{ route('give.giving-pages.show', $qr) }}" class="rounded-2xl border border-slate-200 bg-white p-5 transition hover:border-indigo-200 hover:shadow-sm">
|
|
<div class="flex items-start gap-4">
|
|
@if(!empty($previewDataUris[$qr->id]))
|
|
<img src="{{ $previewDataUris[$qr->id] }}" alt="" class="h-16 w-16 rounded-lg border border-slate-100 bg-white p-1">
|
|
@endif
|
|
<div class="min-w-0 flex-1">
|
|
<p class="truncate font-semibold text-slate-900">{{ $qr->label }}</p>
|
|
<p class="mt-0.5 truncate text-sm text-slate-500">{{ $qr->content()['name'] ?? 'Organisation' }}</p>
|
|
<p class="mt-2 text-xs text-slate-400">{{ $qr->is_active ? 'Active' : 'Inactive' }} · /q/{{ $qr->short_code }}</p>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
@endforeach
|
|
</div>
|
|
@endif
|
|
</div>
|
|
</x-user-layout>
|