@extends('layouts.app')

@section('content')
@include('partials.page-head', ['title' => 'Test payment page', 'lead' => 'This stands in for Razorpay while you build locally. It exists only in the local environment.'])

<section class="section section--tight">
    <div class="container narrow">
        <div class="alert alert--warn" role="note"><svg class="i" aria-hidden="true"><use href="#i-info"/></svg><p><strong>Simulator.</strong> No money moves. Choose an outcome to test how the site behaves.</p></div>

        <div class="card summary">
            <h2>{{ \App\Support\Fmt::rupees($d->amount) }} {{ $d->frequency === 'monthly' ? 'every month' : '' }}</h2>
            <p class="muted">{{ $d->purpose }} &middot; {{ $d->donor_name }} &middot; {{ $d->donor_email }}</p>
        </div>

        <form action="{{ route('dev.pay.complete', $d) }}" method="post" class="dev-actions">
            @csrf
            <button class="btn btn--green btn--lg btn--block" type="submit" name="result" value="success">Simulate a successful payment</button>
            <button class="btn btn--ghost btn--lg btn--block" type="submit" name="result" value="failure">Simulate a failed payment</button>
        </form>
    </div>
</section>
@endsection