@extends('layouts.admin')
@section('title', $supplier->name)
@section('content')
<x-admin.page :title="$supplier->name" subtitle="Bank details, cooling periods, and payment eligibility.">
    <x-slot:actions>
        <a href="{{ route('admin.accounting.suppliers') }}" class="admin-btn">Back</a>
    </x-slot:actions>

    <div class="mb-5 grid gap-4 sm:grid-cols-3">
        <x-admin.card>
            <div class="text-xs uppercase tracking-wide text-[#6d7175]">ABN</div>
            <div class="mt-1 font-semibold">{{ $supplier->abn ?: '—' }}</div>
        </x-admin.card>
        <x-admin.card>
            <div class="text-xs uppercase tracking-wide text-[#6d7175]">Bank</div>
            <div class="mt-2"><x-admin.badge :tone="$supplier->bank_verified_at ? 'success' : 'warning'">{{ $supplier->bank_verified_at ? 'Verified' : 'Unverified' }}</x-admin.badge></div>
        </x-admin.card>
        <x-admin.card>
            <div class="text-xs uppercase tracking-wide text-[#6d7175]">Payments</div>
            <div class="mt-2"><x-admin.badge :tone="$supplier->payment_hold ? 'danger' : 'success'">{{ $supplier->payment_hold ? 'On hold' : 'Enabled' }}</x-admin.badge></div>
        </x-admin.card>
    </div>

    <div class="grid gap-5 lg:grid-cols-2">
        <x-admin.section title="Bank accounts">
            <div class="space-y-3">
                @forelse($supplier->bankAccounts as $account)
                    <div class="flex items-center justify-between rounded-lg border border-[var(--color-admin-border)] px-4 py-3">
                        <div>
                            <div class="font-medium">{{ $account->account_name }}</div>
                            <div class="text-xs text-[#6d7175]">BSB {{ $account->bsb }} · {{ $account->account_number_masked }}</div>
                        </div>
                        <x-admin.badge :tone="$account->status === 'verified' ? 'success' : 'muted'">{{ $account->status }}</x-admin.badge>
                    </div>
                @empty
                    <p class="text-sm text-[#6d7175]">No bank accounts on file.</p>
                @endforelse
            </div>
        </x-admin.section>

        <x-admin.section title="Request bank change" hint="Starts a cooling period and places the supplier on payment hold.">
            <form method="post" action="{{ route('admin.accounting.suppliers.bank-change', $supplier) }}" class="space-y-3">
                @csrf
                <x-admin.field label="BSB" name="bsb" required>
                    <input name="bsb" value="{{ old('bsb') }}" class="admin-input" required>
                </x-admin.field>
                <x-admin.field label="Account number" name="account_number" required>
                    <input name="account_number" value="{{ old('account_number') }}" class="admin-input" required>
                </x-admin.field>
                <x-admin.field label="Account name" name="account_name" required>
                    <input name="account_name" value="{{ old('account_name') }}" class="admin-input" required>
                </x-admin.field>
                <x-admin.field label="Cooling hours" name="cooling_hours" required>
                    <input type="number" name="cooling_hours" value="{{ old('cooling_hours', 24) }}" min="0" max="168" class="admin-input" required>
                </x-admin.field>
                <button class="admin-btn admin-btn-primary">Submit bank change</button>
            </form>
        </x-admin.section>
    </div>

    <x-admin.section class="mt-5" title="Recent bank change requests">
        <div class="overflow-x-auto">
            <table class="admin-table w-full">
                <thead>
                    <tr><th>Status</th><th>Requested</th><th>Cooling until</th></tr>
                </thead>
                <tbody>
                    @forelse($bankChangeRequests as $request)
                        <tr>
                            <td><x-admin.badge tone="info">{{ $request->status }}</x-admin.badge></td>
                            <td class="text-xs text-[#6d7175]">{{ $request->created_at?->format('d M Y H:i') }}</td>
                            <td class="text-xs text-[#6d7175]">{{ $request->cooling_until?->format('d M Y H:i') ?? '—' }}</td>
                        </tr>
                    @empty
                        <tr><td colspan="3" class="p-8 text-center text-[#6d7175]">No bank change requests.</td></tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </x-admin.section>
</x-admin.page>
@endsection