@extends('layouts.app')
@section('title', 'Pending Refunds')
@section('content')
@php $canSeeCancelledBy = auth()->user()->roles->pluck('name')->intersect(['Super Admin', 'Co Admin'])->isNotEmpty(); @endphp
<div class="w-full mx-auto">
    <div class="flex justify-between items-center mb-6">
        <h1 class="text-2xl font-bold text-slate-800">Pending Refunds</h1>
    </div>

    @if(session('success'))
    <div class="bg-green-100 border border-green-400 text-green-700 px-4 py-3 rounded mb-4">
        {{ session('success') }}
    </div>
    @endif

    @if(session('error'))
    <div class="bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded mb-4">
        {{ session('error') }}
    </div>
    @endif

    <div class="bg-white rounded-xl shadow-lg p-6">
        <div class="mb-4 flex flex-wrap items-center gap-4">
            @unless(auth()->user()->branch_id)
            <select onchange="window.location.href = this.value ? '?branch_id=' + this.value : '?'"
                    class="px-4 py-2 border border-slate-300 rounded-lg focus:ring-2 focus:ring-slate-400 focus:border-slate-400 outline-none transition bg-white text-slate-700">
                <option value="">All Branches</option>
                @foreach($branches as $branch)
                <option value="{{ $branch->id }}" {{ request('branch_id') == $branch->id ? 'selected' : '' }}>{{ $branch->name }}</option>
                @endforeach
            </select>
            @endunless
        </div>

        <div class="overflow-x-auto">
            <table class="w-full min-w-[900px] text-sm">
                <thead class="bg-slate-50 text-slate-600">
                    <tr>
                        <th class="px-3 py-2 text-left font-medium">Invoice ID</th>
                        <th class="px-3 py-2 text-left font-medium">Customer</th>
                        <th class="px-3 py-2 text-left font-medium">PAX QTY</th>
                        <th class="px-3 py-2 text-left font-medium">Mobile</th>
                        <th class="px-3 py-2 text-left font-medium">Cancellation Branch</th>
                        <th class="px-3 py-2 text-right font-medium">Total Paid</th>
                        <th class="px-3 py-2 text-right font-medium">Service Charge</th>
                        <th class="px-3 py-2 text-right font-medium">Refund Amount</th>
                        <th class="px-3 py-2 text-left font-medium">Cancel Date</th>
                        @if($canSeeCancelledBy)<th class="px-3 py-2 text-left font-medium">Status</th>@endif
                        @if($canSeeCancelledBy)<th class="px-3 py-2 text-left font-medium">Cancelled By</th>@endif
                        @unless($canSeeCancelledBy)<th class="px-3 py-2 text-center font-medium">Actions</th>@endunless
                    </tr>
                </thead>
                <tbody class="divide-y divide-slate-200">
                    @forelse($cancelledBookings as $cb)
                    <tr>
                        <td class="px-3 py-2 text-slate-700">{{ $cb->booking?->invoice_id ?? '—' }}</td>
                        <td class="px-3 py-2 text-slate-700">{{ $cb->booking?->customer?->name ?? 'N/A' }}</td>
                        <td class="px-3 py-2 text-slate-700">{{ $cb->booking?->pax_qty ?? '—' }}</td>
                        <td class="px-3 py-2 text-slate-700">{{ $cb->booking?->customer?->mobile_no ?? 'N/A' }}</td>
                        <td class="px-3 py-2 text-slate-700">{{ $cb->cancellationBranch?->name ?? '—' }}</td>
                        <td class="px-3 py-2 text-slate-700 text-right">@currency($cb->total_paid, 2)</td>
                        <td class="px-3 py-2 text-slate-700 text-right">
                            @if($cb->service_charge_deduction !== null)
                                @currency($cb->service_charge_deduction, 2)
                            @else
                                —
                            @endif
                        </td>
                        <td class="px-3 py-2 text-slate-800 font-medium text-right">@currency($cb->refund_amount, 2)</td>
                        <td class="px-3 py-2 text-slate-600">{{ $cb->created_at->format('Y-m-d') }}</td>
                        @if($canSeeCancelledBy)
                        <td class="px-3 py-2">
                            @if($cb->status === \App\Enums\CancelledBookingStatus::PROCESSING)
                                <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-yellow-100 text-yellow-800">Cancellation Processing</span>
                            @elseif($cb->status === \App\Enums\CancelledBookingStatus::CANCELLED)
                                <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-red-100 text-red-800">Cancelled</span>
                            @else
                                <span class="text-slate-600">{{ $cb->status->value ?? '—' }}</span>
                            @endif
                        </td>
                        @endif
                        @if($canSeeCancelledBy)<td class="px-3 py-2 text-slate-600">{{ $cb->user?->name ?? '—' }}</td>@endif
                        @unless($canSeeCancelledBy)
                        <td class="px-3 py-2 text-center whitespace-nowrap">
                            <form method="POST" action="{{ route('cancelled-bookings.revert', $cb->id) }}"
                                  onsubmit="return confirm('Revert this cancellation? The booking will be restored to active.')" class="inline">
                                @csrf
                                <button type="submit" class="text-xs bg-amber-100 hover:bg-amber-200 text-amber-600 px-2 py-1 rounded font-medium">
                                    Revert
                                </button>
                            </form>
                            <a href="{{ route('cancelled-bookings.confirm', $cb->id) }}"
                               class="text-xs bg-blue-100 hover:bg-blue-200 text-blue-600 px-2 py-1 rounded font-medium ml-1">
                                Confirm
                            </a>
                        </td>
                        @endunless
                    </tr>
                    @empty
                    <tr>
                        <td colspan="{{ $canSeeCancelledBy ? 11 : 10 }}" class="px-3 py-4 text-center text-slate-500">No pending refunds found</td>
                    </tr>
                    @endforelse
                </tbody>
            </table>
        </div>

        <div class="mt-4">
            {{ $cancelledBookings->links() }}
        </div>
    </div>
</div>
@endsection