@extends('layouts.app')

@section('title', 'Refund Control')

@section('content')
<div class="space-y-6">
    <div><p class="text-xs font-bold uppercase tracking-[0.18em] text-rose-600">Controlled finance action</p><h1 class="text-2xl font-extrabold text-slate-950 dark:text-white">Refund center</h1><p class="text-sm text-slate-500">Request, approve and process refunds with separate responsibility and a permanent audit trail.</p></div>

    @canModule('payments.refund_request')
    <form method="POST" action="{{ route('app.billing.refunds.store') }}" class="bg-white dark:bg-slate-800 rounded-3xl border border-slate-200 dark:border-slate-700 p-5 grid grid-cols-1 md:grid-cols-[1fr_160px_2fr_auto] gap-3 items-end shadow-sm">
        @csrf
        <label class="text-xs font-bold text-slate-600">Original payment<select name="payment_id" required class="mt-1 w-full rounded-xl border-slate-200 bg-slate-50 text-sm"><option value="">Select payment</option>@foreach($payments as $payment)<option value="{{ $payment->id }}">{{ $payment->payment_number }} · AED {{ number_format((float) $payment->amount, 2) }} · {{ $payment->invoice?->customer?->full_name_en }}</option>@endforeach</select></label>
        <label class="text-xs font-bold text-slate-600">Amount<input name="amount" required type="number" min="0.01" step="0.01" class="mt-1 w-full rounded-xl border-slate-200 bg-slate-50 text-sm"></label>
        <label class="text-xs font-bold text-slate-600">Business reason<textarea name="reason" required minlength="10" rows="1" class="mt-1 w-full rounded-xl border-slate-200 bg-slate-50 text-sm" placeholder="Explain why the refund is required"></textarea></label>
        <button class="rounded-xl bg-rose-600 px-5 py-3 text-xs font-bold text-white">Request review</button>
    </form>
    @endcanModule

    <div class="bg-white dark:bg-slate-800 rounded-3xl border border-slate-200 dark:border-slate-700 overflow-hidden shadow-sm">
        <div class="overflow-x-auto"><table class="w-full text-sm"><thead class="bg-slate-50 dark:bg-slate-900/50 text-[11px] uppercase text-slate-500"><tr><th class="p-4 text-left">Refund</th><th class="p-4 text-left">Original payment</th><th class="p-4 text-left">Reason</th><th class="p-4 text-right">Amount</th><th class="p-4 text-center">Status</th><th class="p-4 text-right">Action</th></tr></thead><tbody class="divide-y divide-slate-100 dark:divide-slate-700">
            @forelse($refunds as $refund)
                <tr><td class="p-4 font-bold">{{ $refund->refund_number }}<p class="text-[11px] font-normal text-slate-400">{{ $refund->created_at->format('d M Y H:i') }}</p></td><td class="p-4"><p class="font-semibold">{{ $refund->payment?->payment_number }}</p><p class="text-[11px] text-slate-400">{{ $refund->payment?->invoice?->invoice_number }}</p></td><td class="p-4 max-w-xs text-slate-600">{{ $refund->reason }}</td><td class="p-4 text-right font-extrabold text-rose-600">AED {{ number_format((float) $refund->amount, 2) }}</td><td class="p-4 text-center"><span class="rounded-full bg-slate-100 px-2.5 py-1 text-[10px] font-bold uppercase">{{ str_replace('_', ' ', $refund->status) }}</span></td><td class="p-4 text-right">
                    @canModule('payments.refund_approve')
                        @if(in_array($refund->status, ['requested','under_review']))<form method="POST" action="{{ route('app.billing.refunds.approve', $refund->id) }}">@csrf<button class="text-xs font-bold text-sky-600">Approve</button></form>@elseif($refund->status === 'approved')<form method="POST" action="{{ route('app.billing.refunds.process', $refund->id) }}" class="flex justify-end gap-2">@csrf<select name="refund_method" class="rounded-lg border-slate-200 text-xs"><option value="cash">Cash</option><option value="card">Card reversal</option><option value="bank_transfer">Bank transfer</option></select><input name="transaction_reference" placeholder="Reference" class="w-28 rounded-lg border-slate-200 text-xs"><button class="rounded-lg bg-rose-600 px-3 py-2 text-xs font-bold text-white">Process</button></form>@else<span class="text-xs text-slate-400">Complete</span>@endif
                    @endcanModule
                </td></tr>
            @empty
                <tr><td colspan="6" class="p-12 text-center text-slate-400">No refund requests.</td></tr>
            @endforelse
        </tbody></table></div><div class="p-4">{{ $refunds->links() }}</div>
    </div>
</div>
@endsection