@php
  $canEdit = (bool) auth()->user()?->hasPermission('accounting.edit');
  $kindIcon = fn (string $kind) => match ($kind) {
      'order' => 'shopping-bag',
      'order_cost' => 'package',
      'income' => 'plus-circle',
      default => 'receipt',
  };
@endphp
<div class="order-ops-panel">
    <div class="overflow-x-auto">
        <table class="admin-table">
            <thead>
                <tr>
                    <th>Date</th>
                    <th>Description</th>
                    <th>Category</th>
                    <th class="text-right">Amount</th>
                    <th></th>
                </tr>
            </thead>
            <tbody>
                @forelse($rows as $row)
                    <tr>
                        <td class="whitespace-nowrap text-sm text-[#4a4d51]">{{ $row['date']->format('j M Y') }}</td>
                        <td>
                            <div class="flex items-center gap-3">
                                <span class="acct-row-icon is-{{ $row['kind'] }}"><i data-lucide="{{ $kindIcon($row['kind']) }}" class="h-3.5 w-3.5"></i></span>
                                <div class="min-w-0">
                                    <div class="font-medium text-[#202223]">{{ $row['title'] }}</div>
                                    @if($row['meta'])<div class="truncate text-xs text-[#8c9196]">{{ $row['meta'] }}</div>@endif
                                </div>
                            </div>
                        </td>
                        <td><span class="acct-category">{{ $row['category'] }}</span></td>
                        <td class="whitespace-nowrap text-right font-semibold tabular-nums {{ $sign === '-' ? 'text-[var(--color-danger)]' : 'text-[var(--color-success)]' }}">{{ $sign === '-' ? '−' : '+' }}{{ $accounts->money($row['cents']) }}</td>
                        <td class="whitespace-nowrap text-right">
                            @if($row['url'])
                                <a href="{{ $row['url'] }}" class="admin-btn">Open</a>
                            @elseif($row['entry'] && $canEdit)
                                <div class="inline-flex gap-1">
                                    <a href="{{ route('admin.accounts.entries.edit', $row['entry']) }}" class="admin-btn" aria-label="Edit"><i data-lucide="pencil" class="h-3.5 w-3.5"></i></a>
                                    <form method="post" action="{{ route('admin.accounts.entries.destroy', $row['entry']) }}" onsubmit="return confirm('Delete this entry?');">
                                        @csrf
                                        @method('DELETE')
                                        <button class="admin-btn text-[var(--color-danger)]" aria-label="Delete"><i data-lucide="trash-2" class="h-3.5 w-3.5"></i></button>
                                    </form>
                                </div>
                            @endif
                        </td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="5" class="p-12 text-center text-sm text-[#6d7175]">{{ $empty }}</td>
                    </tr>
                @endforelse
            </tbody>
        </table>
    </div>
    @if($rows->hasPages())
        <div class="border-t border-[var(--color-admin-border)] px-5 py-3">{{ $rows->links() }}</div>
    @endif
</div>