@extends('layouts.app')
@section('title', 'Request a refund')

@section('content')
    <div class="page-head">
        <div>
            <h1>Request a refund</h1>
            <p>Created as <em>requested</em>. Nothing moves until a second person approves and then processes it.</p>
        </div>
        <div class="page-actions">
            <a href="{{ route('refunds.index') }}" class="btn secondary">Back</a>
        </div>
    </div>

    <form method="POST" action="{{ route('refunds.store') }}">
        @csrf

        <div class="card">
            <div class="card-head"><h3>Refund details</h3></div>
            <div class="card-body">
                <div class="field">
                    <label>Original payment <span class="req">*</span></label>
                    <select name="payment_transaction_id" required>
                        <option value="">Select the payment to refund…</option>
                        @foreach ($payments as $payment)
                            <option value="{{ $payment->id }}" @selected(old('payment_transaction_id') == $payment->id)>
                                {{ $payment->reference }} — {{ $payment->customer?->display_name }}
                                — {{ money($payment->amount) }} ({{ title_case_words($payment->method) }},
                                {{ $payment->paid_at?->format('d M Y') }})
                            </option>
                        @endforeach
                    </select>
                    <span class="hint">Only successful, positive payments are listed. The refund cannot exceed
                        what is left of the payment after earlier refunds.</span>
                    @error('payment_transaction_id')<span class="err">{{ $message }}</span>@enderror
                </div>

                <div class="grid grid-3">
                    <div class="field">
                        <label>Amount <span class="req">*</span></label>
                        <input type="number" name="amount" step="0.01" min="0.01" required
                               value="{{ old('amount') }}">
                        @error('amount')<span class="err">{{ $message }}</span>@enderror
                    </div>
                    <div class="field">
                        <label>Refund via <span class="req">*</span></label>
                        <select name="method" required>
                            @foreach ($methods as $m)
                                <option value="{{ $m }}" @selected(old('method', 'momo') === $m)>{{ title_case_words($m) }}</option>
                            @endforeach
                        </select>
                        @error('method')<span class="err">{{ $message }}</span>@enderror
                    </div>
                    <div class="field">
                        <label>Reason <span class="req">*</span></label>
                        <select name="reason" required>
                            <option value="">Select…</option>
                            @foreach ($reasons as $r)
                                <option value="{{ $r }}" @selected(old('reason') === $r)>{{ title_case_words($r) }}</option>
                            @endforeach
                        </select>
                        @error('reason')<span class="err">{{ $message }}</span>@enderror
                    </div>
                </div>
            </div>
            <div class="card-foot">
                <button type="submit" class="btn">Submit for approval</button>
                <a href="{{ route('refunds.index') }}" class="btn secondary">Cancel</a>
            </div>
        </div>
    </form>
@endsection