@extends('layouts.app')
@section('title', 'Refund '.$refund->reference)

@section('content')
    <div class="page-head">
        <div>
            <h1>{{ $refund->reference }}</h1>
            <p>{{ $refund->customer?->display_name }} · requested {{ $refund->created_at?->format('d M Y H:i') }}</p>
        </div>
        <div class="page-actions">
            @if ($refund->status === 'requested')
                <form method="POST" action="{{ route('refunds.approve', $refund) }}"
                      data-confirm="Approve a refund of {{ money($refund->amount) }}?">
                    @csrf
                    <button class="btn" type="submit">Approve</button>
                </form>
            @endif

            @if ($refund->status === 'approved')
                <form method="POST" action="{{ route('refunds.process', $refund) }}"
                      data-confirm="Process {{ money($refund->amount) }}? This writes the negative payment and cannot be undone.">
                    @csrf
                    <button class="btn" type="submit">Process payment</button>
                </form>
            @endif

            @if (in_array($refund->status, ['requested', 'approved'], true))
                <form method="POST" action="{{ route('refunds.reject', $refund) }}">
                    @csrf
                    <input type="hidden" name="reason" value="Rejected by reviewer">
                    <button class="btn danger" type="submit"
                            data-confirm="Reject this refund request?">Reject</button>
                </form>
            @endif
        </div>
    </div>

    <div class="grid grid-4 mb-2">
        @include('components.kpi', ['label' => 'Amount', 'value' => money($refund->amount), 'variant' => 'info'])
        @include('components.kpi', ['label' => 'Status', 'value' => title_case_words($refund->status),
            'variant' => $refund->status === 'processed' ? 'good'
                : ($refund->status === 'rejected' ? 'bad' : 'warn')])
        @include('components.kpi', ['label' => 'Refund via', 'value' => title_case_words($refund->method)])
        @include('components.kpi', ['label' => 'Approved by', 'value' => $refund->approver?->name ?: '—'])
    </div>

    <div class="grid grid-2">
        <div class="card">
            <div class="card-head"><h3>Request</h3></div>
            <div class="card-body">
                <dl>
                    <dt>Customer</dt>
                    <dd><a href="{{ route('customers.show', $refund->customer) }}">{{ $refund->customer?->display_name }}</a></dd>
                    <dt>Amount</dt><dd class="strong">{{ money($refund->amount) }}</dd>
                    <dt>Refund via</dt><dd>{{ title_case_words($refund->method) }}</dd>
                    <dt>Reason</dt><dd>{{ title_case_words($refund->reason) }}</dd>
                    <dt>Requested</dt><dd>{{ $refund->created_at?->format('d M Y H:i') }}</dd>
                    <dt>Approved by</dt><dd>{{ $refund->approver?->name ?: 'Not yet approved' }}</dd>
                    <dt>Processed</dt><dd>{{ $refund->processed_at?->format('d M Y H:i') ?: 'Not processed' }}</dd>
                </dl>
            </div>
        </div>

        <div class="card">
            <div class="card-head"><h3>Original payment</h3></div>
            <div class="card-body">
                @if ($refund->payment)
                    <dl>
                        <dt>Reference</dt><dd class="mono">{{ $refund->payment->reference }}</dd>
                        <dt>Amount</dt><dd class="strong">{{ money($refund->payment->amount) }}</dd>
                        <dt>Method</dt><dd>{{ title_case_words($refund->payment->method) }}</dd>
                        <dt>Paid</dt><dd>{{ $refund->payment->paid_at?->format('d M Y H:i') }}</dd>
                        @foreach ($refund->payment->invoices as $invoice)
                            <dt>Invoice</dt>
                            <dd><a class="mono" href="{{ route('invoices.show', $invoice) }}">
                                {{ $invoice->invoice_number }}</a></dd>
                        @endforeach
                    </dl>
                @else
                    <p class="small muted mb-0">The original payment is no longer on record.</p>
                @endif
            </div>
        </div>
    </div>

    <div class="card">
        <div class="card-head"><h3>What happens next</h3></div>
        <div class="card-body">
            <dl>
                <dt>Requested</dt>
                <dd>Created just now. No money has moved.</dd>
                <dt>Approved</dt>
                <dd>A second person has signed it off. Still no money moved — it can be rejected here.</dd>
                <dt>Processed</dt>
                <dd>Writes a negative payment against the customer, mirrors it onto the invoice the original
                    payment settled, and refreshes the customer balance. This is the irreversible step.</dd>
                <dt>Rejected</dt>
                <dd>Closed with a reason appended. Nothing moved.</dd>
            </dl>
        </div>
    </div>
@endsection