@extends('layouts.app')

@section('content')
<div class="card">
    <div class="card-body">
        <h1 class="h4 mb-3">Opening Balance Setup</h1>
        <form method="POST" action="{{ route('setup.opening-balances.update') }}">
            @csrf
            <div class="table-responsive">
                <table class="table table-striped align-middle">
                    <thead>
                        <tr>
                            <th>Account</th>
                            <th>Currency</th>
                            <th>Type</th>
                            <th class="text-end">Opening Balance</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($accounts as $account)
                            <tr>
                                <td class="fw-semibold">{{ $account->name }}</td>
                                <td>{{ $account->currency->code }}</td>
                                <td class="text-capitalize">{{ $account->type }}</td>
                                <td>
                                    <input class="form-control text-end atm-decimal" name="balances[{{ $account->id }}]" inputmode="numeric" placeholder="0.00" value="{{ old('balances.' . $account->id, $account->balance) }}" required>
                                </td>

                            </tr>
                        @empty
                            <tr>
                                <td class="text-muted text-center" colspan="4">Add accounts before setting opening balances.</td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
            @if($accounts->isNotEmpty())
                <button class="btn btn-primary" type="submit">Update Balances</button>
            @endif
        </form>
    </div>
</div>
@endsection