@php
    $order   = $getRecord();
    $invoice = $order->invoice;
    $credits = $order->credits()->whereNull('voided_at')->orderBy('created_at')->get();
    $hasDocuments = $invoice || $credits->isNotEmpty();
@endphp

<div class="space-y-4">

    {{-- Generate invoice CTA (shown only when no invoice exists) --}}
    @if (!$invoice)
    <div class="flex items-center gap-4 p-4 bg-warning-50 border border-warning-200 rounded-xl">
        <div class="flex-1">
            <p class="text-sm font-semibold text-warning-800">No invoice generated yet</p>
            <p class="text-xs text-warning-600 mt-0.5">An invoice is auto-generated when the order status is set to Paid or Processing.</p>
        </div>
        <a href="/admin-invoice/orders/{{ $order->id }}"
           target="_blank"
           class="inline-flex items-center gap-1.5 px-4 py-2 bg-warning-600 hover:bg-warning-700 text-white text-sm font-semibold rounded-lg transition-colors">
            <x-heroicon-o-document-text class="w-4 h-4" />
            Generate &amp; View Invoice
        </a>
    </div>
    @endif

    {{-- Documents table --}}
    @if ($hasDocuments)
    <div class="overflow-hidden border border-gray-200 rounded-xl">
        <table class="w-full text-sm">
            <thead class="bg-gray-50">
                <tr>
                    <th class="px-4 py-3 text-left text-xs font-semibold text-gray-500 uppercase tracking-wide">Date</th>
                    <th class="px-4 py-3 text-left text-xs font-semibold text-gray-500 uppercase tracking-wide">Type</th>
                    <th class="px-4 py-3 text-left text-xs font-semibold text-gray-500 uppercase tracking-wide">Number</th>
                    <th class="px-4 py-3 text-right text-xs font-semibold text-gray-500 uppercase tracking-wide">Amount</th>
                    <th class="px-4 py-3 text-right text-xs font-semibold text-gray-500 uppercase tracking-wide">Actions</th>
                </tr>
            </thead>
            <tbody class="divide-y divide-gray-100">

                {{-- Invoice row --}}
                @if ($invoice)
                <tr class="hover:bg-gray-50 transition-colors">
                    <td class="px-4 py-3 text-gray-600">{{ $invoice->invoice_date ? \Carbon\Carbon::parse($invoice->invoice_date)->format('d M Y') : $invoice->created_at->format('d M Y') }}</td>
                    <td class="px-4 py-3">
                        <span class="inline-flex items-center gap-1 px-2 py-0.5 rounded-full text-xs font-semibold bg-green-50 text-green-700">
                            <x-heroicon-o-document-text class="w-3 h-3" />
                            Tax Invoice
                        </span>
                    </td>
                    <td class="px-4 py-3">
                        <a href="/admin-invoice/orders/{{ $order->id }}" target="_blank"
                           class="font-semibold text-primary-600 hover:text-primary-700 hover:underline font-mono">
                            {{ $invoice->invoice_number }}
                        </a>
                    </td>
                    <td class="px-4 py-3 text-right font-semibold text-gray-800">
                        R {{ number_format($order->total_incl, 2) }}
                    </td>
                    <td class="px-4 py-3 text-right">
                        <a href="/admin-invoice/orders/{{ $order->id }}" target="_blank"
                           class="inline-flex items-center gap-1 px-3 py-1.5 text-xs font-semibold text-gray-700 bg-white border border-gray-300 rounded-lg hover:bg-gray-50 transition-colors">
                            <x-heroicon-o-arrow-top-right-on-square class="w-3 h-3" />
                            View / Print
                        </a>
                    </td>
                </tr>
                @endif

                {{-- Credit note rows --}}
                @foreach ($credits as $credit)
                <tr class="hover:bg-gray-50 transition-colors">
                    <td class="px-4 py-3 text-gray-600">{{ $credit->created_at->format('d M Y') }}</td>
                    <td class="px-4 py-3">
                        <span class="inline-flex items-center gap-1 px-2 py-0.5 rounded-full text-xs font-semibold {{ $credit->type === 'store_credit' ? 'bg-blue-50 text-blue-700' : 'bg-purple-50 text-purple-700' }}">
                            <x-heroicon-o-banknotes class="w-3 h-3" />
                            {{ $credit->type === 'store_credit' ? 'Store Credit' : 'Refund' }}
                        </span>
                    </td>
                    <td class="px-4 py-3">
                        <a href="/admin-invoice/orders/{{ $order->id }}/credits/{{ $credit->id }}" target="_blank"
                           class="font-semibold text-primary-600 hover:text-primary-700 hover:underline font-mono">
                            CN-{{ str_pad($credit->id, 6, '0', STR_PAD_LEFT) }}
                        </a>
                        <div class="text-xs text-gray-400 mt-0.5">{{ $credit->reason }}</div>
                    </td>
                    <td class="px-4 py-3 text-right font-semibold text-gray-800">
                        R {{ number_format($credit->amount, 2) }}
                    </td>
                    <td class="px-4 py-3 text-right">
                        <a href="/admin-invoice/orders/{{ $order->id }}/credits/{{ $credit->id }}" target="_blank"
                           class="inline-flex items-center gap-1 px-3 py-1.5 text-xs font-semibold text-gray-700 bg-white border border-gray-300 rounded-lg hover:bg-gray-50 transition-colors">
                            <x-heroicon-o-arrow-top-right-on-square class="w-3 h-3" />
                            View / Print
                        </a>
                    </td>
                </tr>
                @endforeach

            </tbody>
        </table>
    </div>
    @else
    <div class="text-center py-10 text-gray-400">
        <x-heroicon-o-document-duplicate class="w-10 h-10 mx-auto mb-3 opacity-40" />
        <p class="text-sm">No documents yet for this order.</p>
    </div>
    @endif

</div>