@extends('layouts.app')

@section('content')
<div class="container-wrapper">
    <div class="row justify-content-center">
        <div class="col-md-8">
            <div class="card border-0 shadow-sm rounded-3">
                <div class="card-header bg-white border-0 py-3 border-bottom">
                    <div class="d-flex justify-content-between align-items-center">
                        <h5 class="card-title mb-0 fw-bold">
                            <i class="fas fa-exchange-alt text-primary me-2"></i> Transfer Funds Between Accounts
                        </h5>
                        <a href="{{ route('banking.dashboard') }}" class="btn btn-sm btn-light border">
                            <i class="fas fa-times"></i>
                        </a>
                    </div>
                </div>
                <div class="card-body p-4">
                    <form action="{{ route('banking.transfers.store') }}" method="POST">
                        @csrf
                        
                        <div class="row mb-4">
                            <div class="col-md-6 mb-3">
                                <label class="form-label fw-bold font-weight-bold text-danger">From Account <span class="text-danger">*</span></label>
                                <select name="from_account_id" class="form-select @error('from_account_id') is-invalid @enderror" required>
                                    <option value="">Select Source Account</option>
                                    @foreach($accounts as $account)
                                        <option value="{{ $account->id }}" {{ old('from_account_id') == $account->id ? 'selected' : '' }}>
                                            {{ $account->name }} ({{ formatCurrency($account->current_balance) }})
                                        </option>
                                    @endforeach
                                </select>
                                @error('from_account_id') <div class="invalid-feedback">{{ $message }}</div> @enderror
                            </div>
                            <div class="col-md-6 mb-3">
                                <label class="form-label fw-bold text-success">To Account <span class="text-danger">*</span></label>
                                <select name="to_account_id" class="form-select @error('to_account_id') is-invalid @enderror" required>
                                    <option value="">Select Destination Account</option>
                                    @foreach($accounts as $account)
                                        <option value="{{ $account->id }}" {{ old('to_account_id') == $account->id ? 'selected' : '' }}>
                                            {{ $account->name }} ({{ formatCurrency($account->current_balance) }})
                                        </option>
                                    @endforeach
                                </select>
                                @error('to_account_id') <div class="invalid-feedback">{{ $message }}</div> @enderror
                            </div>
                        </div>

                        <div class="row mb-4">
                            <div class="col-md-6 mb-3">
                                <label class="form-label fw-bold">Amount to Transfer <span class="text-danger">*</span></label>
                                <div class="input-group">
                                    <span class="input-group-text">{{ getCurrencySymbol() }}</span>
                                    <input type="number" step="0.01" name="amount" class="form-control @error('amount') is-invalid @enderror" value="{{ old('amount') }}" placeholder="0.00" required>
                                </div>
                                @error('amount') <div class="invalid-feedback d-block">{{ $message }}</div> @enderror
                            </div>
                            <div class="col-md-6 mb-3">
                                <label class="form-label fw-bold">Transfer Date <span class="text-danger">*</span></label>
                                <input type="date" name="date" class="form-control @error('date') is-invalid @enderror" value="{{ old('date', date('Y-m-d')) }}" required>
                                @error('date') <div class="invalid-feedback">{{ $message }}</div> @enderror
                            </div>
                        </div>

                        <div class="row mb-4">
                            <div class="col-md-6 mb-3">
                                <label class="form-label fw-bold">Reference Number</label>
                                <input type="text" name="reference_number" class="form-control @error('reference_number') is-invalid @enderror" placeholder="TXN-12345" value="{{ old('reference_number') }}">
                                @error('reference_number') <div class="invalid-feedback">{{ $message }}</div> @enderror
                            </div>
                            <div class="col-md-6 mb-3">
                                <label class="form-label fw-bold">Description</label>
                                <input type="text" name="description" class="form-control @error('description') is-invalid @enderror" placeholder="Reason for transfer" value="{{ old('description') }}">
                                @error('description') <div class="invalid-feedback">{{ $message }}</div> @enderror
                            </div>
                        </div>

                        <div class="alert alert-info border-0 shadow-sm rounded-3">
                            <ul class="mb-0 small">
                                <li>The amount will be deducted from the source account instantly.</li>
                                <li>Corresponding credit/debit transactions will be generated for both accounts.</li>
                                <li>Transactions will be marked as "Cleared" by default.</li>
                            </ul>
                        </div>

                        <div class="d-flex justify-content-end gap-2 border-top pt-4">
                            <a href="{{ route('banking.dashboard') }}" class="btn btn-light border px-4">Cancel</a>
                            <button type="submit" class="btn btn-primary px-4">Complete Transfer</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection