@php
    $anon = (int) $donation->anon === 1;
    $refunded = (bool) $donation->refunded;
    $donor = trim((string) $donation->d_name) ?: 'A supporter';
    $gross = (float) $donation->d_amount;
    $pi = $donation->stripe_payment_intent;
    // Receipt status comes from admin_donor_print (linked by d_ident), read-only.
    $receipt = $donation->receipt();
    $receiptIssued = $receipt?->isIssued() ?? false;
@endphp

<x-admin.layout :title="'Donation · €'.number_format($gross, 0)" active="donations">
    <x-admin.backlink :href="route('admin.donations')">Donations</x-admin.backlink>

    <div class="view-head">
        <div style="display:flex;gap:.9rem;align-items:center;min-width:0;">
            <span class="avatar" style="width:52px;height:52px;font-size:1rem;"><i class="fa-light fa-hand-holding-heart"></i></span>
            <div style="min-width:0;">
                <h2 style="font-weight:600;">€{{ number_format($gross, 0) }} <strong style="font-weight:800;">Donation</strong> from {{ $donor }} <span style="color:var(--ink-soft);">- {{ $donation->d_ident ?: ('#'.$donation->id) }}</span></h2>
                <p class="lede">{{ $donation->record_created?->format('d M Y, H:i') ?: '—' }}</p>
            </div>
        </div>
        <div style="display:flex;gap:.55rem;flex-wrap:wrap;align-items:center;">
            @if ($refunded)
                <x-admin.pill variant="coral" icon="fa-solid fa-circle">Refunded</x-admin.pill>
            @else
                <x-admin.pill variant="success" icon="fa-solid fa-circle">{{ $donation->d_status ?: 'PASSED' }}</x-admin.pill>
            @endif
            @if ($anon)<x-admin.pill variant="navy"><i class="fa-light fa-user-secret"></i> Anonymous</x-admin.pill>@endif
        </div>
    </div>

    <div class="grid-2">
        <div style="display:flex;flex-direction:column;gap:1rem;min-width:0;">
            <x-admin.panel pad>
                <div style="display:flex;align-items:center;gap:.6rem;">
                    <x-admin.eyebrow icon="fa-light fa-receipt">Donation</x-admin.eyebrow>
                    <x-admin.tag-src type="readonly">CRM</x-admin.tag-src>
                </div>
                <div class="mt-1">
                    <x-admin.kv label="Donation Identifier"><span>{{ $donation->d_ident ?: ('#'.$donation->id) }}</span></x-admin.kv>
                    <x-admin.kv label="Donor">{{ $donor }}</x-admin.kv>
                    <x-admin.kv label="Email">@if ($donation->d_email)<a class="lk" href="mailto:{{ $donation->d_email }}">{{ $donation->d_email }}</a>@else—@endif</x-admin.kv>
                    <x-admin.kv label="Amount"><strong>€{{ number_format($gross, 0) }}</strong></x-admin.kv>
                    <x-admin.kv label="Fundraiser">@php $forName = trim((string) $donation->d_desc) ?: ($fundraiser?->full_name ?: $fundraiser?->username); @endphp @if ($fundraiser)<a class="lk" href="{{ route('admin.users.show', $fundraiser->id) }}" wire:navigate>{{ $forName ?: '—' }}</a> <span class="sub">· {{ $donation->u_ident }}</span>@else{{ $forName ?: '—' }} <span class="sub">· {{ $donation->u_ident ?: '—' }}</span>@endif</x-admin.kv>
                    <x-admin.kv label="Transact">{{ $donation->transact ?: '—' }}</x-admin.kv>
                    <x-admin.kv label="Anonymous">{{ $anon ? 'Yes' : 'No' }}</x-admin.kv>
                </div>
            </x-admin.panel>

            <x-admin.panel pad>
                <x-admin.eyebrow icon="fa-light fa-message">Donor message</x-admin.eyebrow>
                @if (trim((string) $donation->d_message) !== '')
                    <div class="note-tile" style="margin-top:.6rem;">{{ $donation->d_message }}</div>
                @else
                    <p class="sub" style="margin-top:.6rem;">No message left with this donation.</p>
                @endif
            </x-admin.panel>
        </div>

        <div style="display:flex;flex-direction:column;gap:1rem;min-width:0;">
            <livewire:admin.donation-actions :donation-id="$donation->id" />

            @if (trim((string) $donation->d_message) !== '' || (int) $donation->moderate_flag === 1)
                <livewire:admin.moderation-actions
                    subject-type="donation"
                    :subject-id="$donation->id"
                    :u-ident="$donation->u_ident"
                    :return-to="route('admin.donations.show', $donation->id)" />
            @endif

            <x-admin.panel pad>
                <x-admin.eyebrow icon="fa-brands fa-stripe-s">Payment</x-admin.eyebrow>
                <div class="mt-1">
                    <x-admin.kv label="Status">@if ($refunded)<x-admin.pill variant="coral">Refunded</x-admin.pill>@else<x-admin.pill variant="success">{{ $donation->d_status ?: 'PASSED' }}</x-admin.pill>@endif</x-admin.kv>
                    <x-admin.kv label="Method">{{ $donation->p_record ?: '—' }}</x-admin.kv>
                    <x-admin.kv label="Reference"><span>{{ $donation->trans_id ?: $donation->d_cs_id ?: '—' }}</span></x-admin.kv>
                    <x-admin.kv label="Payment intent">
                        @if ($pi)<a class="lk" href="https://dashboard.stripe.com/payments/{{ $pi }}" target="_blank" rel="noopener">{{ $pi }} <i class="fa-light fa-arrow-up-right-from-square"></i></a>@else<span>—</span>@endif
                    </x-admin.kv>
                    <x-admin.kv label="Charge"><span>{{ $donation->stripe_charge_id ?: '—' }}</span></x-admin.kv>
                    @if ($refunded)
                        <x-admin.kv label="Refunded">{{ $donation->refunded_at?->format('d M Y') ?: '—' }}</x-admin.kv>
                        <x-admin.kv label="Refund reason">{{ $donation->refund_reason ?: '—' }}</x-admin.kv>
                    @endif
                </div>
            </x-admin.panel>

            <x-admin.panel pad>
                <x-admin.eyebrow icon="fa-light fa-file-invoice">Receipt</x-admin.eyebrow>
                <div class="mt-1">
                    <x-admin.kv label="Status"><x-admin.pill :variant="$receiptIssued ? 'sky' : 'neutral'">{{ $receiptIssued ? 'Issued' : 'Not issued' }}</x-admin.pill></x-admin.kv>
                    @if ($receipt)
                        <x-admin.kv label="Issued">{{ $receipt->receipt_date?->format('d M Y') ?: '—' }}</x-admin.kv>
                        <x-admin.kv label="Receipt ID"><span>{{ $receipt->print_ident ?: '—' }}</span></x-admin.kv>
                    @endif
                </div>
            </x-admin.panel>

            <x-admin.panel pad>
                <x-admin.eyebrow icon="fa-light fa-clock-rotate-left">History</x-admin.eyebrow>
                @if ($approvals->isEmpty() && $audit->isEmpty())
                    <p class="sub" style="margin:.6rem 0 0;">No corrections recorded for this donation.</p>
                @else
                    <x-admin.timeline class="mt-1">
                        @foreach ($approvals as $r)
                            <x-admin.timeline-item :warn="$r->isPending()" :when="$r->requested_at?->diffForHumans()">
                                <a href="{{ route('admin.approvals.show', $r) }}">{{ $r->action->label() }}</a>
                                <span class="sub">· {{ ucfirst($r->status) }} · {{ $r->requester?->full_name ?: '—' }}</span>
                            </x-admin.timeline-item>
                        @endforeach
                        @foreach ($audit as $entry)
                            <x-admin.timeline-item :when="$entry->created_at?->diffForHumans()">
                                {{ $entry->action }} <span class="sub">· {{ $entry->actor?->full_name ?: 'System' }}</span>
                            </x-admin.timeline-item>
                        @endforeach
                    </x-admin.timeline>
                @endif
            </x-admin.panel>
        </div>
    </div>
</x-admin.layout>