@extends('layouts.app')

@section('page-title', 'Transfer Level 1 Funds')

@section('content')
    <div class="card" style="max-width: 860px;">
        <h3 class="card-title">Send Funds To Level 2</h3>

        <form method="POST" action="{{ route('level-one.transfers.store') }}">
            @csrf

            <div class="form-grid">
                <div>
                    <label for="from_money_account_id">From Level 1 Account *</label>
                    <select id="from_money_account_id" name="from_money_account_id" required>
                        <option value="">- select -</option>
                        @foreach($receivingAccounts as $account)
                            <option value="{{ $account->id }}" {{ old('from_money_account_id') == $account->id ? 'selected' : '' }}>
                                {{ $account->name }} - {{ $account->currency->code }} {{ number_format($account->current_balance, 2) }}
                            </option>
                        @endforeach
                    </select>
                </div>
                <div>
                    <label for="to_money_account_id">To Level 2 Account *</label>
                    <select id="to_money_account_id" name="to_money_account_id" required>
                        <option value="">- select -</option>
                        @foreach($clearingAccounts as $account)
                            <option value="{{ $account->id }}" {{ old('to_money_account_id') == $account->id ? 'selected' : '' }}>
                                {{ $account->name }} ({{ $account->currency->code }})
                            </option>
                        @endforeach
                    </select>
                </div>
            </div>

            <div class="form-grid">
                <div>
                    <label for="business_date">Transfer Date *</label>
                    <input id="business_date" type="date" name="business_date" value="{{ old('business_date', date('Y-m-d')) }}" required>
                </div>
                <div>
                    <label for="amount">Amount *</label>
                    <input id="amount" type="number" step="0.01" min="0.01" name="amount" value="{{ old('amount') }}" required>
                </div>
            </div>

            <div class="form-row">
                <label for="reference">Reference / Transaction ID</label>
                <input id="reference" type="text" name="reference" value="{{ old('reference') }}">
            </div>

            <div class="form-row">
                <label for="description">Notes</label>
                <textarea id="description" name="description" rows="3">{{ old('description') }}</textarea>
            </div>

            <div style="display:flex; gap:8px; margin-top:16px;">
                <button type="submit" class="btn btn-primary">Post transfer</button>
                <a href="{{ route('level-one.index') }}" class="btn">Cancel</a>
            </div>
        </form>
    </div>
@endsection