@extends('layouts.app')

@section('title', 'Create Bank Account')

@section('content')
<div class="container-fluid">
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-header d-flex justify-content-between align-items-center">
                    <h3 class="card-title">
                        <i class="fas fa-university"></i> Create New Bank Account
                    </h3>
                    <a href="{{ route('bank-information.index') }}" class="btn btn-secondary">
                        <i class="fas fa-arrow-left"></i> Back to List
                    </a>
                </div>
                
                <div class="card-body">
                    <form action="{{ route('bank-information.store') }}" method="POST">
                        @csrf
                        @if(isset($selectedAccountHolderId))
                            <input type="hidden" name="redirect_to_account_holder" value="1">
                        @endif
                        
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="account_holder_id">Account Holder <span class="text-danger">*</span></label>
                                    <select class="form-control @error('account_holder_id') is-invalid @enderror" 
                                            id="account_holder_id" name="account_holder_id" required>
                                        <option value="">Select Account Holder</option>
                                        @foreach($accountHolders as $holder)
                                            <option value="{{ $holder->id }}" {{ (old('account_holder_id') == $holder->id || $selectedAccountHolderId == $holder->id) ? 'selected' : '' }}>
                                                {{ $holder->name }}
                                            </option>
                                        @endforeach
                                    </select>
                                    @error('account_holder_id')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="account_name">Account Name <span class="text-danger">*</span></label>
                                    <input type="text" class="form-control @error('account_name') is-invalid @enderror" 
                                           id="account_name" name="account_name" 
                                           value="{{ old('account_name') }}" 
                                           placeholder="e.g., Main Business Account, Savings Account" required>
                                    @error('account_name')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>
                        
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="bank_name">Bank Name <span class="text-danger">*</span></label>
                                    <input type="text" class="form-control @error('bank_name') is-invalid @enderror" 
                                           id="bank_name" name="bank_name" value="{{ old('bank_name') }}" required>
                                    @error('bank_name')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>
                        
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="account_number">Account Number <span class="text-danger">*</span></label>
                                    <input type="text" class="form-control @error('account_number') is-invalid @enderror" 
                                           id="account_number" name="account_number" value="{{ old('account_number') }}" required>
                                    @error('account_number')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="account_type">Account Type</label>
                                    <select class="form-control @error('account_type') is-invalid @enderror" 
                                            id="account_type" name="account_type">
                                        <option value="">Select Account Type</option>
                                        <option value="Current" {{ old('account_type') == 'Current' ? 'selected' : '' }}>Current</option>
                                        <option value="Savings" {{ old('account_type') == 'Savings' ? 'selected' : '' }}>Savings</option>
                                        <option value="Business" {{ old('account_type') == 'Business' ? 'selected' : '' }}>Business</option>
                                        <option value="Fixed Deposit" {{ old('account_type') == 'Fixed Deposit' ? 'selected' : '' }}>Fixed Deposit</option>
                                        <option value="bKash" {{ old('account_type') == 'bKash' ? 'selected' : '' }}>bKash</option>
                                        <option value="Nagad" {{ old('account_type') == 'Nagad' ? 'selected' : '' }}>Nagad</option>
                                        <option value="Rocket" {{ old('account_type') == 'Rocket' ? 'selected' : '' }}>Rocket</option>
                                        <option value="Online Payment" {{ old('account_type') == 'Online Payment' ? 'selected' : '' }}>Online Payment</option>
                                        <option value="Cash in Hand" {{ old('account_type') == 'Cash in Hand' ? 'selected' : '' }}>Cash in Hand</option>
                                    </select>
                                    @error('account_type')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>
                        
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="branch_name">Branch Name</label>
                                    <input type="text" class="form-control @error('branch_name') is-invalid @enderror" 
                                           id="branch_name" name="branch_name" value="{{ old('branch_name') }}">
                                    @error('branch_name')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="routing_number">Routing Number</label>
                                    <input type="text" class="form-control @error('routing_number') is-invalid @enderror" 
                                           id="routing_number" name="routing_number" value="{{ old('routing_number') }}">
                                    @error('routing_number')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>
                        
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="opening_balance">Opening Balance</label>
                                    <input type="number" class="form-control @error('opening_balance') is-invalid @enderror" 
                                           id="opening_balance" name="opening_balance" value="{{ old('opening_balance', 0) }}" 
                                           step="0.01" min="0">
                                    @error('opening_balance')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="current_balance">Current Balance</label>
                                    <input type="number" class="form-control @error('current_balance') is-invalid @enderror" 
                                           id="current_balance" name="current_balance" value="{{ old('current_balance', 0) }}" 
                                           step="0.01" min="0">
                                    @error('current_balance')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>
                        
                        <div class="form-group">
                            <label for="description">Description</label>
                            <textarea class="form-control @error('description') is-invalid @enderror" 
                                      id="description" name="description" rows="3">{{ old('description') }}</textarea>
                            @error('description')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                        
                        <div class="form-group">
                            <div class="form-check">
                                <input type="checkbox" class="form-check-input" id="is_active" name="is_active" value="1" 
                                       {{ old('is_active', true) ? 'checked' : '' }}>
                                <label class="form-check-label" for="is_active">
                                    Active
                                </label>
                            </div>
                        </div>
                        
                        <div class="form-group">
                            <button type="submit" class="btn btn-primary">
                                <i class="fas fa-save"></i> Create Bank Account
                            </button>
                            <a href="{{ route('bank-information.index') }}" class="btn btn-secondary">
                                <i class="fas fa-times"></i> Cancel
                            </a>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>

<script>
// Auto-fill current balance with opening balance
document.getElementById('opening_balance').addEventListener('input', function() {
    const currentBalanceField = document.getElementById('current_balance');
    if (!currentBalanceField.value || currentBalanceField.value == '0') {
        currentBalanceField.value = this.value;
    }
});
</script>
@endsection