@extends('layouts.app')

@section('title', 'Refund Report')
@section('no-page-header')

@section('content')
<div class="min-h-screen bg-gray-50 p-3 lg:p-5">
    <div class="mx-auto max-w-7xl space-y-4">
        <div class="flex flex-col justify-between gap-2 sm:flex-row sm:items-center">
            <div>
                <h1 class="text-lg font-semibold text-gray-900">Refund Report</h1>
                <p class="text-xs text-gray-500">Review pending and completed account refunds.</p>
            </div>
            <a href="{{ route('reports.refunds.export', request()->except('page')) }}" class="inline-flex h-9 items-center justify-center rounded border border-green-300 bg-green-50 px-3 text-sm font-medium text-green-700 hover:bg-green-100">
                <i class="fas fa-download mr-2"></i>Download Report
            </a>
        </div>

        <form method="GET" class="flex flex-col gap-2 rounded-md border border-gray-200 bg-white p-3 lg:flex-row lg:items-end">
            <div class="min-w-0 flex-1"><label for="search" class="mb-1 block text-xs font-medium text-gray-600">Search</label><input id="search" name="search" value="{{ request('search') }}" placeholder="Customer, account number or transfer reference" class="h-9 w-full rounded border border-gray-300 px-3 text-sm"></div>
            <div class="w-full lg:w-36"><label for="status" class="mb-1 block text-xs font-medium text-gray-600">Status</label><select id="status" name="status" class="h-9 w-full rounded border border-gray-300 px-2 text-sm"><option value="">All</option><option value="pending" @selected(request('status') === 'pending')>Pending</option><option value="sent" @selected(request('status') === 'sent')>Sent</option></select></div>
            <div class="w-full lg:w-36"><label for="from_date" class="mb-1 block text-xs font-medium text-gray-600">From</label><input id="from_date" name="from_date" type="date" value="{{ request('from_date') }}" class="h-9 w-full rounded border border-gray-300 px-2 text-sm"></div>
            <div class="w-full lg:w-36"><label for="to_date" class="mb-1 block text-xs font-medium text-gray-600">To</label><input id="to_date" name="to_date" type="date" value="{{ request('to_date') }}" class="h-9 w-full rounded border border-gray-300 px-2 text-sm"></div>
            <div class="w-full lg:w-24"><label for="per_page" class="mb-1 block text-xs font-medium text-gray-600">Rows</label><select id="per_page" name="per_page" class="h-9 w-full rounded border border-gray-300 px-2 text-sm">@foreach([10,20,50,100] as $size)<option value="{{ $size }}" @selected((int) request('per_page', 20) === $size)>{{ $size }}</option>@endforeach</select></div>
            <button class="h-9 rounded bg-gray-800 px-4 text-sm font-medium text-white">Filter</button>
            <a href="{{ route('reports.refunds') }}" class="inline-flex h-9 items-center justify-center rounded border border-gray-300 px-3 text-sm text-gray-700">Reset</a>
        </form>

        <div class="grid grid-cols-2 gap-3 lg:grid-cols-4">
            <div class="rounded border bg-white p-3"><p class="text-xs text-gray-500">Refunds</p><p class="text-lg font-semibold">{{ $summary['count'] }}</p></div>
            <div class="rounded border bg-white p-3"><p class="text-xs text-gray-500">Total Amount</p><p class="text-lg font-semibold">RM {{ number_format($summary['amount'], 2) }}</p></div>
            <div class="rounded border bg-white p-3"><p class="text-xs text-gray-500">Pending Amount</p><p class="text-lg font-semibold text-amber-700">RM {{ number_format($summary['pending'], 2) }}</p></div>
            <div class="rounded border bg-white p-3"><p class="text-xs text-gray-500">Sent Amount</p><p class="text-lg font-semibold text-green-700">RM {{ number_format($summary['sent'], 2) }}</p></div>
        </div>

        <div class="overflow-hidden rounded-md border border-gray-200 bg-white">
            <div class="overflow-x-auto"><table class="min-w-full divide-y divide-gray-200 text-sm"><thead class="bg-gray-50"><tr><th class="px-3 py-2 text-left">Customer</th><th class="px-3 py-2 text-left">Requested</th><th class="px-3 py-2 text-right">Amount</th><th class="px-3 py-2 text-left">Bank Details</th><th class="px-3 py-2 text-left">Transfer Details</th><th class="px-3 py-2 text-left">Status</th></tr></thead><tbody class="divide-y divide-gray-100">
                @forelse($refunds as $refund)<tr><td class="px-3 py-2"><a href="{{ route('customers.show', $refund->client_id) }}" class="font-medium text-indigo-700 hover:underline">{{ $refund->client->name ?? 'Unavailable' }}</a><p class="text-xs text-gray-400">#{{ $refund->client_id }}</p><p class="text-xs font-medium text-blue-700">{{ $refund->refund_type === 'locker_release' ? 'Locker Release · ' . $refund->locker_number : 'Account Closure' }}</p></td><td class="px-3 py-2 text-xs">{{ optional($refund->requested_at)->format('d-m-Y') }}</td><td class="px-3 py-2 text-right font-semibold">RM {{ number_format($refund->amount, 2) }}</td><td class="px-3 py-2 text-xs"><p>{{ $refund->bank_name }}</p><p>{{ $refund->account_name }}</p><p class="font-medium">{{ $refund->account_number }}</p><p>{{ $refund->ifsc_code }}</p></td><td class="px-3 py-2 text-xs">@if($refund->status === 'sent')<p>{{ optional($refund->sent_at)->format('d-m-Y') }}</p><p class="font-medium">{{ $refund->transfer_reference }}</p><p class="text-gray-400">{{ $refund->sender->name ?? '-' }}</p>@else<span class="text-gray-400">Not sent</span>@endif</td><td class="px-3 py-2"><span class="rounded-full px-2 py-0.5 text-xs {{ $refund->status === 'sent' ? 'bg-green-100 text-green-800' : 'bg-amber-100 text-amber-800' }}">{{ ucfirst($refund->status) }}</span></td></tr>
                @empty<tr><td colspan="6" class="px-4 py-10 text-center text-gray-500">No refund records found.</td></tr>@endforelse
            </tbody></table></div>
            @if($refunds->hasPages())<div class="border-t px-3 py-2">{{ $refunds->links() }}</div>@endif
        </div>
    </div>
</div>
@endsection