@extends('layouts.admin')

@section('title', 'Donation '.($d->receipt_no ?: '#'.$d->id))
@section('heading', 'Donation')

@php
    $address = collect([$d->donor_address, $d->donor_city, $d->donor_state, $d->donor_pincode])->filter()->implode(', ');
    $method = $d->payment_method ? (strtoupper($d->payment_method) === 'UPI' ? 'UPI' : ucfirst($d->payment_method)) : null;

    $timeline = collect([
        ['Started', $d->created_at, 'plus', 'is-done'],
        ['Paid', $d->paid_at, 'check', $d->paid_at ? 'is-done' : ''],
        ['Receipt emailed', $d->receipt_sent_at, 'mail', $d->receipt_sent_at ? 'is-done' : ''],
        ['Refunded', $d->refunded_at, 'logout', $d->refunded_at ? 'is-bad' : ''],
    ])->filter(fn ($s) => $s[1] || $s[0] !== 'Refunded');
@endphp

@section('content')
<p class="back"><a class="backlink" href="{{ route('admin.donations.index') }}"><svg class="i" aria-hidden="true"><use href="#i-chevron"/></svg>Back to donations</a></p>

@error('refund')<div class="alert alert--err" role="alert"><svg class="i" aria-hidden="true"><use href="#i-info"/></svg><p>{{ $message }}</p></div>@enderror

<section class="dhero dhero--gift">
    <div class="dhero__copy">
        <p class="dhero__date">{{ $d->frequency === 'monthly' ? 'Monthly donation' : 'One-time donation' }}@if ($d->receipt_no) &middot; Receipt {{ $d->receipt_no }}@endif</p>
        <h2 class="gift__amt">{{ \App\Support\Fmt::rupees($d->amount) }}</h2>
        <p>From <strong>{{ $d->donor_name }}</strong> &middot; {{ $d->purpose }}</p>
    </div>
    <div class="gift__side">
        <span @class(['pill', 'gift__status', 'pill--on' => $d->status === 'paid', 'pill--off' => $d->status === 'refunded', 'pill--warn' => $d->status === 'pending', 'pill--bad' => $d->status === 'failed'])>{{ ucfirst($d->status) }}</span>
        <time class="gift__when">{{ ($d->paid_at ?? $d->created_at)->format('j M Y, g:i a') }}</time>
    </div>
</section>

<div class="grid2 grid2--top gift__grid">
    <div class="stackbox">
        {{-- DONOR --}}
        <section class="panel gpanel">
            <h2 class="gpanel__h"><span class="gpanel__ico" aria-hidden="true"><svg class="i"><use href="#i-user"/></svg></span>Donor</h2>
            <div class="gdonor">
                <span class="gdonor__av" aria-hidden="true">{{ mb_strtoupper(mb_substr((string) $d->donor_name, 0, 1)) }}</span>
                <div>
                    <strong>{{ $d->donor_name }}</strong>
                    <div class="gdonor__tags">
                        @if ($d->is_anonymous)<span class="pill">Anonymous on site</span>@endif
                        <span @class(['pill', 'pill--on' => $d->whatsapp_optin, 'pill--off' => ! $d->whatsapp_optin])>WhatsApp updates: {{ $d->whatsapp_optin ? 'Yes' : 'No' }}</span>
                    </div>
                </div>
            </div>
            <ul class="ginfo">
                <li><span class="ginfo__ico" aria-hidden="true"><svg class="i"><use href="#i-mail"/></svg></span><div><small>Email</small><a href="mailto:{{ $d->donor_email }}">{{ $d->donor_email }}</a></div></li>
                @if ($d->donor_phone)<li><span class="ginfo__ico" aria-hidden="true"><svg class="i"><use href="#i-phone"/></svg></span><div><small>Phone</small><a href="tel:{{ preg_replace('/[^\d+]/', '', $d->donor_phone) }}">{{ $d->donor_phone }}</a></div></li>@endif
                @if ($d->donor_pan)<li><span class="ginfo__ico" aria-hidden="true"><svg class="i"><use href="#i-shield"/></svg></span><div><small>PAN</small><span>{{ $d->donor_pan }}</span></div></li>@endif
                @if ($address)<li><span class="ginfo__ico" aria-hidden="true"><svg class="i"><use href="#i-pin"/></svg></span><div><small>Address</small><span>{{ $address }}</span></div></li>@endif
                @if ($d->dedication_label)<li><span class="ginfo__ico" aria-hidden="true"><svg class="i"><use href="#i-heart"/></svg></span><div><small>Dedication</small><span>{{ $d->dedication_label }}</span></div></li>@endif
            </ul>
            @if ($d->message)
                <h3 class="mblock">Message from the donor</h3>
                <div class="msg msg--bubble">{{ $d->message }}</div>
            @endif
        </section>

        {{-- ITEMS --}}
        @if ($d->items->isNotEmpty())
            <section class="panel gpanel">
                <h2 class="gpanel__h"><span class="gpanel__ico" aria-hidden="true"><svg class="i"><use href="#i-cart"/></svg></span>Items</h2>
                <div class="tablewrap"><table class="table">
                    <thead><tr><th scope="col">Item</th><th scope="col">Qty</th><th scope="col">Price</th><th scope="col">Total</th></tr></thead>
                    <tbody>
                        @foreach ($d->items as $line)
                            <tr><td data-label="Item"><strong>{{ $line->name }}</strong></td><td data-label="Qty">{{ $line->qty }}</td><td data-label="Price">{{ \App\Support\Fmt::rupees($line->unit_price) }}</td><td data-label="Total"><strong class="amt">{{ \App\Support\Fmt::rupees($line->line_total) }}</strong></td></tr>
                        @endforeach
                    </tbody>
                </table></div>
            </section>
        @endif

        {{-- PAYMENT --}}
        <section class="panel gpanel">
            <h2 class="gpanel__h"><span class="gpanel__ico" aria-hidden="true"><svg class="i"><use href="#i-chart"/></svg></span>Payment</h2>

            <ol class="gline">
                @foreach ($timeline as [$label, $when, $icon, $state])
                    <li class="{{ $state }}">
                        <span class="gline__dot" aria-hidden="true"><svg class="i"><use href="#i-{{ $icon }}"/></svg></span>
                        <strong>{{ $label }}</strong>
                        <small>{{ $when ? $when->format('j M Y, g:i a') : 'Waiting' }}</small>
                    </li>
                @endforeach
            </ol>

            @if ($d->failure_reason)<div class="alert alert--err" role="note"><svg class="i" aria-hidden="true"><use href="#i-info"/></svg><p><strong>Last problem:</strong> {{ $d->failure_reason }}</p></div>@endif

            <dl class="kv">
                <div><dt>Provider</dt><dd>{{ ucfirst($d->gateway) }}@if ($d->gateway === 'fake') (local test)@endif</dd></div>
                @if ($method)<div><dt>Method</dt><dd>{{ $method }}</dd></div>@endif
                @if ($d->gateway_order_id)<div><dt>Order id</dt><dd>{{ $d->gateway_order_id }}</dd></div>@endif
                @if ($d->gateway_payment_id && $d->gateway !== 'offline')<div><dt>Payment id</dt><dd>{{ $d->gateway_payment_id }}</dd></div>@endif
                @if ($d->subscription)<div><dt>Subscription</dt><dd>{{ $d->subscription->gateway_subscription_id }} ({{ $d->subscription->status }})</dd></div>@endif
                @if ($d->ip)<div><dt>IP address</dt><dd>{{ $d->ip }}</dd></div>@endif
            </dl>
        </section>
    </div>

    <aside class="stackbox gift__aside">
        <section class="panel">
            <h2>Actions</h2>
            <div class="actions actions--col">
                @if ($d->isPaid() || $d->status === 'refunded')
                    <a class="btn btn--ghost btn--sm" href="{{ route('receipt', $d) }}" target="_blank" rel="noopener"><svg class="i" aria-hidden="true"><use href="#i-external"/></svg>View receipt</a>
                @endif
                @if ($d->isPaid())
                    <form action="{{ route('admin.donations.resend', $d) }}" method="post">@csrf<button class="btn btn--ghost btn--sm btn--block" type="submit"><svg class="i" aria-hidden="true"><use href="#i-mail"/></svg>Email receipt again</button></form>
                    <form action="{{ route('admin.donations.refund', $d) }}" method="post" data-confirm="Refund {{ \App\Support\Fmt::rupees($d->amount) }} to {{ $d->donor_name }}? This cannot be undone.">
                        @csrf<button class="btn btn--danger btn--sm btn--block" type="submit"><svg class="i" aria-hidden="true"><use href="#i-logout"/></svg>Refund this donation</button>
                    </form>
                @endif
                @if ($d->user_id)<p class="muted"><small>Donor account created.</small></p>@endif
            </div>
        </section>

        <section class="panel">
            <h2>Private notes</h2>
            <form action="{{ route('admin.donations.notes', $d) }}" method="post">
                @csrf
                <label class="sr-only" for="notes">Notes</label>
                <textarea class="input input--area" id="notes" name="notes" rows="4" maxlength="1000" placeholder="Only visible to staff">{{ old('notes', $d->notes) }}</textarea>
                <button class="btn btn--blue btn--sm" type="submit" style="margin-top:.6rem">Save notes</button>
            </form>
        </section>
    </aside>
</div>
@endsection