@extends('layouts.app')
@section('page-title', 'Bank Accounts')
@section('content')
    <div class="page-header">
        <h2>Bank Accounts</h2>
        <a href="{{ route('bank-accounts.create') }}" class="btn btn-primary">+ Add Bank Account</a>
    </div>

    @if($accounts->isEmpty())
        <div class="card empty">No bank accounts yet. <a href="{{ route('bank-accounts.create') }}">Add your first one →</a></div>
    @else
        <div class="table-wrap">
            <table>
                <thead>
                    <tr><th>Name</th><th>Bank</th><th>Account No</th><th>Type</th><th>Status</th><th>Rate</th><th style="text-align:right">Balance</th><th></th></tr>
                </thead>
                <tbody>
                @foreach($accounts as $a)
                    <tr>
                        <td><strong>{{ $a->name }}</strong></td>
                        <td>{{ $a->bank_name }}</td>
                        <td>{{ $a->account_number ?? '—' }}</td>
                        <td>{{ ucfirst($a->account_type) }}</td>
                        <td><span class="badge {{ $a->is_active ? 'badge-active' : 'badge-inactive' }}">{{ $a->is_active ? 'Active' : 'Inactive' }}</span></td>
                        <td>{{ $a->conversion_rate ? number_format((float) $a->conversion_rate, 8) : '-' }}</td>
                        <td style="text-align:right; font-weight:600;">{{ $a->currency }} {{ number_format($a->current_balance, 2) }}</td>
                        <td style="text-align:right; white-space:nowrap;">
                            <a href="{{ route('bank-accounts.edit', $a) }}" class="btn btn-sm">Edit</a>
                            <form method="POST" action="{{ route('bank-accounts.destroy', $a) }}" style="display:inline" onsubmit="return confirm('Delete this account? Only possible if no transactions are linked.')">
                                @csrf @method('DELETE')
                                <button type="submit" class="btn btn-sm btn-danger">Delete</button>
                            </form>
                        </td>
                    </tr>
                @endforeach
                </tbody>
            </table>
        </div>
    @endif
@endsection