@extends('layouts.admin')
@section('title', 'Suppliers')
@section('content')
<x-admin.page title="Suppliers" subtitle="Bank verification, payment holds, and supplier sites.">
    <div class="mb-5 grid gap-4 sm:grid-cols-3">
        <x-admin.card><div class="text-xs uppercase tracking-wide text-[#6d7175]">Suppliers</div><div class="mt-1 text-2xl font-semibold text-[#202223]">{{ $stats['total'] }}</div></x-admin.card>
        <x-admin.card><div class="text-xs uppercase tracking-wide text-[#6d7175]">Bank verified</div><div class="mt-1 text-2xl font-semibold text-[#202223]">{{ $stats['verified'] }}</div></x-admin.card>
        <x-admin.card><div class="text-xs uppercase tracking-wide text-[#6d7175]">On payment hold</div><div class="mt-1 text-2xl font-semibold text-[#202223]">{{ $stats['on_hold'] }}</div></x-admin.card>
    </div>

    <x-admin.advanced-table
        id="suppliers"
        :search-url="route('admin.accounting.suppliers')"
        search-placeholder="Search supplier name…"
        :columns="['supplier'=>'Supplier','abn'=>'ABN','bank'=>'Bank','payment'=>'Payment','actions'=>'Actions']"
    >
        <x-slot:filters>
            <form method="get" action="{{ route('admin.accounting.suppliers') }}" class="flex flex-wrap items-end gap-3">
                <input type="hidden" name="q" value="{{ request('q') }}">
                <div>
                    <label class="admin-label">Payment</label>
                    <select name="payment" class="admin-input" onchange="this.form.submit()">
                        <option value="">All</option>
                        <option value="verified" @selected(request('payment')==='verified')>Verified &amp; enabled</option>
                        <option value="hold" @selected(request('payment')==='hold')>On hold</option>
                    </select>
                </div>
                <a href="{{ route('admin.accounting.suppliers') }}" class="admin-btn">Clear</a>
            </form>
        </x-slot:filters>

        <thead>
            <tr>
                <th data-col="supplier">Supplier</th>
                <th data-col="abn">ABN</th>
                <th data-col="bank">Bank</th>
                <th data-col="payment">Payment</th>
                <th data-col="actions"></th>
            </tr>
        </thead>
        <tbody>
            @forelse($suppliers as $supplier)
                <tr>
                    <td data-col="supplier" class="font-medium">{{ $supplier->name }}</td>
                    <td data-col="abn" class="text-[#6d7175]">{{ $supplier->abn ?: '—' }}</td>
                    <td data-col="bank">
                        <x-admin.badge :tone="$supplier->bank_verified_at ? 'success' : 'warning'">
                            {{ $supplier->bank_verified_at ? 'Verified' : 'Unverified' }}
                        </x-admin.badge>
                    </td>
                    <td data-col="payment">
                        <x-admin.badge :tone="$supplier->payment_hold ? 'danger' : 'success'">
                            {{ $supplier->payment_hold ? 'On hold' : 'Enabled' }}
                        </x-admin.badge>
                    </td>
                    <td data-col="actions" class="text-right">
                        <a class="text-sm font-medium text-[#2c6ecb]" href="{{ route('admin.accounting.suppliers.show', $supplier) }}">Open</a>
                    </td>
                </tr>
            @empty
                <tr><td colspan="5" class="p-12 text-center text-[#6d7175]">No suppliers found.</td></tr>
            @endforelse
        </tbody>
        <x-slot:footer>{{ $suppliers->links() }}</x-slot:footer>
    </x-admin.advanced-table>
</x-admin.page>
@endsection