@extends('layouts.app')

@section('content')
<section class="section">
    <div class="container narrow center">

        @if ($d->isPaid())
            <span class="done-icon" aria-hidden="true" @if ($d->cause) data-basket-done="{{ $d->cause->slug }}" @endif><svg class="i i--xl"><use href="#i-check"/></svg></span>
            <h1>Thank you, {{ strtok($d->donor_name, ' ') }}!</h1>
            <p class="lead">Your donation of <strong>{{ \App\Support\Fmt::rupees($d->amount) }}</strong>@if($d->frequency === 'monthly') <strong>every month</strong>@endif has been received. You are making a real difference.</p>

            <div class="card summary summary--left">
                <dl class="summary__list">
                    <div><dt>Receipt number</dt><dd>{{ $d->receipt_no }}</dd></div>
                    <div><dt>For</dt><dd>{{ $d->purpose }}</dd></div>
                    <div><dt>Date</dt><dd>{{ optional($d->paid_at)->format('j F Y, g:i a') }}</dd></div>
                    @if ($d->dedication_label)<div><dt>Dedication</dt><dd>{{ $d->dedication_label }}</dd></div>@endif
                </dl>
            </div>

            <p class="stack-sm">We have emailed your receipt to <strong>{{ $d->donor_email }}</strong>.</p>
            <p class="stack-sm">
                <a class="btn btn--green" href="{{ route('receipt', $d) }}" target="_blank" rel="noopener"><svg class="i" aria-hidden="true"><use href="#i-download"/></svg>View &amp; print receipt</a>
                <a class="btn btn--ghost" href="{{ route('donate') }}">Donate again</a>
            </p>
            @if ($d->frequency === 'monthly')
                <p class="muted">You can stop your monthly gift at any time from your <a href="{{ route('donor.login') }}">donor account</a>.</p>
            @endif

            @include('partials.share', ['url' => route('home'), 'text' => 'I just donated to '.seo()->orgName().'. You can help too:'])

        @elseif ($d->status === 'refunded')
            <h1>This donation was refunded</h1>
            <p class="lead">The refund has been processed. It can take 5 to 7 working days to show in your account.</p>
            <p class="stack-sm"><a class="btn btn--ghost" href="{{ route('home') }}">Back to home</a></p>

        @else
            <div id="pending" data-status-url="{{ route('pay.status', $d) }}" data-thanks-url="{{ route('thank-you', $d) }}">
                <span class="spinner" aria-hidden="true"></span>
                <h1 id="pending-title">{{ $d->status === 'failed' ? 'We have not received your payment yet' : 'Confirming your payment' }}</h1>
                <p class="lead" id="pending-text">
                    @if ($d->status === 'failed')
                        {{ $d->failure_reason ?: 'The payment was not completed.' }} If money was deducted, it will be confirmed or refunded automatically.
                    @else
                        This usually takes a few seconds. Please keep this page open.
                    @endif
                </p>
                <p class="stack-sm">
                    <a class="btn btn--green" href="{{ route('pay', $d) }}">Try the payment again</a>
                    <a class="btn btn--ghost" href="{{ route('contact') }}">Contact us</a>
                </p>
            </div>
        @endif
    </div>
</section>
@endsection