@extends('layouts.app')

@section('content')
@include('partials.page-head', ['title' => 'Complete your donation', 'lead' => 'One last step. Your payment is handled securely.'])

<section class="section section--tight">
    <div class="container narrow">

        @if ($testMode)
            <div class="alert alert--warn" role="note"><svg class="i" aria-hidden="true"><use href="#i-info"/></svg><p><strong>Test mode.</strong> No real money is charged.</p></div>
        @endif
        @if ($errors->has('payment'))
            <div class="alert alert--err" role="alert"><svg class="i" aria-hidden="true"><use href="#i-info"/></svg><p>{{ $errors->first('payment') }}</p></div>
        @endif

        <div class="card summary">
            <h2>Your donation</h2>
            <dl class="summary__list">
                <div><dt>For</dt><dd>{{ $d->cause ? $d->cause->title : 'General donation (where needed most)' }}</dd></div>
                @foreach ($d->items as $line)
                    <div><dt>{{ $line->name }}</dt><dd>{{ $line->qty }} &times; {{ \App\Support\Fmt::rupees($line->unit_price) }} = {{ \App\Support\Fmt::rupees($line->line_total) }}</dd></div>
                @endforeach
                <div><dt>Type</dt><dd>{{ $d->frequency === 'monthly' ? 'Monthly (every month)' : 'One-time' }}</dd></div>
                <div><dt>Donor</dt><dd>{{ $d->donor_name }}</dd></div>
                <div><dt>Receipt to</dt><dd>{{ $d->donor_email }}</dd></div>
                @if ($d->dedication_label)<div><dt>Dedication</dt><dd>{{ $d->dedication_label }}</dd></div>@endif
                <div class="summary__total"><dt>{{ $d->frequency === 'monthly' ? 'Every month' : 'Amount' }}</dt><dd>{{ \App\Support\Fmt::rupees($d->amount) }}</dd></div>
            </dl>
        </div>

        <button class="btn btn--green btn--lg btn--block" type="button" id="pay-btn"
                data-verify="{{ route('pay.verify', $d) }}" data-failed="{{ route('pay.failed', $d) }}">
            <svg class="i" aria-hidden="true"><use href="#i-lock"/></svg>Pay {{ \App\Support\Fmt::rupees($d->amount) }} securely
        </button>
        <p class="pay-msg" id="pay-msg" role="status" aria-live="polite"></p>
        <noscript><p class="alert alert--err">Please turn on JavaScript to pay online, or <a href="{{ route('contact') }}">contact us</a> and we will help.</p></noscript>

        <p class="qd__note"><svg class="i" aria-hidden="true"><use href="#i-lock"/></svg>Payments are processed securely. We never see or store your card or UPI details.</p>
        <p class="center stack-sm"><a href="{{ route('donate') }}">&larr; Change my donation</a></p>

        <script type="application/json" id="pay-config">{!! json_encode($config, JSON_HEX_TAG | JSON_HEX_AMP | JSON_HEX_APOS | JSON_HEX_QUOT | JSON_UNESCAPED_UNICODE) !!}</script>
    </div>
</section>
@endsection