@extends('layouts.app')

@section('content')
<div class="container mx-auto px-2 py-6">
    <h1 class="text-2xl font-bold text-gray-800 mb-6">Refunded Orders</h1>

    @if (session('success'))
        <div class="bg-green-100 border border-green-400 text-green-700 px-4 py-3 rounded relative mb-4" role="alert">
            <span class="block sm:inline">{{ session('success') }}</span>
        </div>
    @endif
    @if (session('error'))
        <div class="bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded relative mb-4" role="alert">
            <span class="block sm:inline">{{ session('error') }}</span>
        </div>
    @endif

    @if ($refundedOrders->isEmpty())
        <div class="bg-gray-100 border border-gray-400 text-gray-700 px-4 py-3 rounded relative mb-4" role="alert">
            <span class="block sm:inline">No refunded orders found.</span>
        </div>
    @else
        <table class="min-w-full border">
            <thead>
                <tr class="bg-gray-200">
                    @if(auth()->user()->isAdmin() || auth()->user()->isAuditor())
                        <th class="border px-4 py-2 text-left">Invoice ID</th>
                    @else
                        <th class="border px-4 py-2 text-left">Order ID</th>
                    @endif
                    <th class="border px-4 py-2 text-left">Customer Mobile</th>
                    <th class="border px-4 py-2 text-left">Original Branch</th>
                    <th class="border px-4 py-2 text-left">Cancel Branch</th>
                    <th class="border px-4 py-2 text-left">Customer</th>
                    <th class="border px-4 py-2 text-left">Service</th>
                    <th class="border px-4 py-2 text-left">Refunded Amount</th>
                    <th class="border px-4 py-2 text-left">Service Charge Deduction</th>
                    <th class="border px-4 py-2 text-left">Status</th>
                </tr>
            </thead>
            <tbody>
                @foreach ($refundedOrders as $order)
                    <tr>
                        @if(auth()->user()->isAdmin() || auth()->user()->isAuditor())
                            <td class="border px-4 py-2"><a href="{{ route('service-orders.show', $order->id) }}" class="font-bold text-blue-600 hover:underline">{{ Str::of($order->invoice->invoice_id)->replace('-', '') }}</a></td>
                        @else
                            <td class="border px-4 py-2">{{ $order->id }}</td>
                        @endif
                        <td class="border px-4 py-2">{{ $order->customer->mobile_no }}</td>
                        <td class="border px-4 py-2">{{ $order->branch->name ?? 'N/A' }}</td>
                        <td class="border px-4 py-2">{{ $order->cancelBranch->name ?? $order->branch->name ?? 'N/A' }}</td>
                        <td class="border px-4 py-2">{{ $order->customer->name }}</td>
                        <td class="border px-4 py-2">{{ $order->service->name }}</td>
                        <td class="border px-4 py-2">SR {{ number_format($order->invoice && $order->invoice->vouchers ? $order->invoice->vouchers->where('transaction_type', 'refund')->sum('amount') : 0, 2) }}</td>
                        <td class="border px-4 py-2">SR {{ number_format($order->invoice && $order->invoice->vouchers ? $order->invoice->vouchers->where('transaction_type', 'service_charge_deduction')->sum('amount') : 0, 2) }}</td>
                        <td class="border px-4 py-2 text-red-600">{{ ucfirst($order->status) }}</td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    @endif
</div>
@endsection