@extends('donations.layout')

@section('title', 'Payment Not Completed')

@section('content')
    <div class="intro">
        <span class="eyebrow">Payment update</span>
        <h1>Your payment wasn’t completed</h1>
        <p>{{ ucfirst($donation->payment_provider) }} could not confirm this donation. No successful payment has been recorded.</p>
    </div>

    <section class="card status-card">
        <div class="status-icon failed" aria-hidden="true">!</div>
        <h2>You can try again</h2>
        <p>If you believe this is a mistake, check with your payment provider before retrying.</p>
        <dl class="details">
            <div><dt>Donor</dt><dd>{{ $donation->donor_name }}</dd></div>
            <div><dt>Donation amount</dt><dd>{{ $donation->formattedAmount() }} {{ strtoupper($donation->currency) }}</dd></div>
            <div><dt>Reference</dt><dd>{{ $donation->public_id }}</dd></div>
            <div><dt>Status</dt><dd>{{ ucfirst($donation->status) }}</dd></div>
        </dl>
        <div class="actions">
            <a class="button" href="{{ route('donations.create') }}">Try another donation</a>
            <a class="inline-link" href="{{ url('/') }}">Return to DFHA home</a>
        </div>
    </section>
@endsection