@extends('layouts.app')
@section('title', $payment->receiptNumber())
@section('content')
    <div class="d-flex justify-content-between mb-4 no-print"><a href="{{ route('quotations.show', $quotation) }}">&larr; Back to quotation</a><span class="small text-secondary">Use your browser's Print / Save as PDF to keep a copy.</span></div>
    <article class="card receipt-card mx-auto">
        <div class="d-flex justify-content-between flex-wrap gap-3 mb-4"><div><p class="eyebrow">{{ config('app.name') }}</p><h1>Payment receipt</h1><p>{{ $payment->receiptNumber() }}</p></div><div><span class="status-badge status-clean">Verified payment</span></div></div>
        <dl class="row summary-list"><div class="col-md-6"><dt>Received from</dt><dd>{{ $quotation->customer_name }}<br>{{ $quotation->customer_email }}</dd></div><div class="col-md-6"><dt>Quotation</dt><dd>{{ $quotation->number() }}</dd></div><div class="col-md-6"><dt>Payment method</dt><dd>{{ config('commercial.payment_methods.'.$payment->method, $payment->method) }}</dd></div><div class="col-md-6"><dt>Transaction / voucher reference</dt><dd>{{ $payment->external_reference }}</dd></div><div class="col-md-6"><dt>Paid at ({{ config('app.timezone') }})</dt><dd>{{ $payment->paid_at->format('d M Y, H:i') }}</dd></div><div class="col-md-6"><dt>Verified at ({{ config('app.timezone') }})</dt><dd>{{ $payment->verified_at->format('d M Y, H:i') }}</dd></div></dl>
        <div class="border-top border-bottom py-4 d-flex justify-content-between flex-wrap gap-3"><strong>Amount received</strong><strong class="fs-3">{{ $quotation->amount($payment->amount_minor) }}</strong></div>
        <p class="small mt-4 mb-0">This receipt acknowledges the payment recorded against the quotation. A tax invoice, where applicable, is issued separately by the business.</p>
    </article>
    @if($quotation->project->customer_id === auth()->id() || auth()->user()->hasPermissionTo('finance.manage'))<section class="card receipt-card mx-auto mt-4 no-print"><h2>Request refund review</h2><p>Requests follow the <a href="{{ route('policies') }}">refund policy</a> and require finance approval and settlement verification.</p><form method="POST" action="{{ route('refunds.store', $payment) }}">@csrf<label for="refund-amount">Requested amount ({{ $quotation->currency_code }})</label><input id="refund-amount" name="amount" inputmode="decimal" required><label for="refund-reason">Reason</label><textarea id="refund-reason" name="reason" maxlength="3000" required></textarea><label class="d-flex gap-2"><input type="checkbox" name="confirmation" value="1" required><span>Submit for review; this does not transfer funds.</span></label><button class="btn btn-outline-secondary mt-3" type="submit">Request refund</button></form><a class="mt-3" href="{{ route('refunds.index') }}">View refund history</a></section>@endif
@endsection