@extends('layouts.app')
@section('title', 'Bank Accounts')

@include('inventory.accounting.partials.styles')

@section('content')
<div class="acc-header">
    <div><h1><i class="fas fa-building-columns"></i> Bank Accounts</h1><p>Register real bank accounts and link them to ledger accounts for reconciliation.</p></div>
</div>

@include('inventory.accounting.partials.sub-nav')

@if(session('success'))<div class="acc-card" style="color:var(--success,#00d4aa);">{{ session('success') }}</div>@endif
@if($errors->any())<div class="acc-card" style="color:var(--danger,#ff4757);">{{ $errors->first() }}</div>@endif

<div class="acc-card">
    <h2>Add Bank Account</h2>
    <form method="POST" action="{{ route('inventory.accounting.banks.store') }}">
        @csrf
        <div class="acc-form-row">
            <label>Bank Name <input type="text" required name="bank_name" maxlength="120" class="acc-input"></label>
            <label>Account Name <input type="text" required name="account_name" maxlength="120" class="acc-input"></label>
            <label>Account Number <input type="text" name="account_number" maxlength="40" class="acc-input"></label>
            <label>Routing / Sort Code <input type="text" name="routing_number" maxlength="40" class="acc-input"></label>
            <label>SWIFT <input type="text" name="swift_code" maxlength="20" class="acc-input"></label>
            <label>Currency <input type="text" name="currency" maxlength="3" class="acc-input" value="NGN"></label>
            <label>Opening Balance <input type="number" step="0.01" name="opening_balance" value="0" class="acc-input"></label>
            <label>Link to Ledger Account
                <select name="account_id" required class="acc-select">
                    <option value="">— select asset account —</option>
                    @foreach($ledgerAccounts as $a)<option value="{{ $a->id }}">{{ $a->code }} — {{ $a->name }}</option>@endforeach
                </select>
            </label>
            <label style="flex-direction:row;align-items:center;gap:0.5rem;font-weight:400;"><input type="checkbox" name="is_primary" value="1"> Set as primary</label>
        </div>
        <button class="acc-btn acc-btn-primary">Add Bank Account</button>
    </form>
</div>

<div class="acc-card">
    <table class="acc-table">
        <thead><tr><th>Bank</th><th>Account Name</th><th>Number</th><th>Linked Account</th><th class="num">Balance</th><th>Status</th><th></th></tr></thead>
        <tbody>
            @forelse($bankAccounts as $b)
                <tr>
                    <td><strong>{{ $b->bank_name }}</strong>@if($b->swift_code)<div class="muted" style="font-size:0.72rem;">SWIFT: {{ $b->swift_code }}</div>@endif</td>
                    <td>{{ $b->account_name }}</td>
                    <td class="muted">{{ $b->account_number ?? '—' }}</td>
                    <td>{{ optional($b->account)->code }} — {{ optional($b->account)->name }}</td>
                    <td class="num">{{ number_format(optional($b->account)->current_balance ?? 0, 2) }} {{ $b->currency }}</td>
                    <td>
                        @if($b->is_primary)<span class="acc-badge acc-badge-info">Primary</span>@endif
                        @if($b->is_active)<span class="acc-badge acc-badge-success">Active</span>@else<span class="acc-badge acc-badge-muted">Inactive</span>@endif
                    </td>
                    <td>
                        <form method="POST" action="{{ route('inventory.accounting.banks.destroy', $b) }}" style="display:inline;"
                              data-confirm="The bank account will be removed from your list. Historical entries tied to it remain in the ledger."
                              data-confirm-type="warning"
                              data-confirm-title="Remove bank account?"
                              data-confirm-button="Remove">
                            @csrf @method('DELETE')
                            <button class="acc-btn acc-btn-ghost" style="padding:0.3rem 0.55rem;font-size:0.72rem;color:var(--danger,#ff4757);">Remove</button>
                        </form>
                    </td>
                </tr>
            @empty
                <tr><td colspan="7" class="acc-empty"><i class="fas fa-inbox"></i><div>No bank accounts yet.</div></td></tr>
            @endforelse
        </tbody>
    </table>
</div>
@endsection