@extends('layouts.app')

@section('title', 'Edit Internal Transaction')

@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-edit"></i> Edit Internal Transaction
                    </h3>
                    <div>
                        <a href="{{ route('internal-transactions.show', $internalTransaction) }}" class="btn btn-info">
                            <i class="fas fa-eye"></i> View
                        </a>
                        <a href="{{ route('internal-transactions.index') }}" class="btn btn-secondary">
                            <i class="fas fa-arrow-left"></i> Back to List
                        </a>
                    </div>
                </div>
                
                <div class="card-body">
                    <form action="{{ route('internal-transactions.update', $internalTransaction) }}" method="POST">
                        @csrf
                        @method('PUT')
                        
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="transaction_type">Transaction Type <span class="text-danger">*</span></label>
                                    <select class="form-control @error('transaction_type') is-invalid @enderror" 
                                            id="transaction_type" name="transaction_type" required>
                                        <option value="">Select Transaction Type</option>
                                        <option value="bank_to_bank" {{ old('transaction_type', $internalTransaction->transaction_type) == 'bank_to_bank' ? 'selected' : '' }}>Bank to Bank</option>
                                        <option value="bank_to_mobile" {{ old('transaction_type', $internalTransaction->transaction_type) == 'bank_to_mobile' ? 'selected' : '' }}>Bank to Mobile</option>
                                        <option value="mobile_to_bank" {{ old('transaction_type', $internalTransaction->transaction_type) == 'mobile_to_bank' ? 'selected' : '' }}>Mobile to Bank</option>
                                        <option value="mobile_to_mobile" {{ old('transaction_type', $internalTransaction->transaction_type) == 'mobile_to_mobile' ? 'selected' : '' }}>Mobile to Mobile</option>
                                        <option value="online_to_bank" {{ old('transaction_type', $internalTransaction->transaction_type) == 'online_to_bank' ? 'selected' : '' }}>Online to Bank</option>
                                        <option value="bank_to_online" {{ old('transaction_type', $internalTransaction->transaction_type) == 'bank_to_online' ? 'selected' : '' }}>Bank to Online</option>
                                        <option value="cash_to_bank" {{ old('transaction_type', $internalTransaction->transaction_type) == 'cash_to_bank' ? 'selected' : '' }}>Cash to Bank</option>
                                        <option value="bank_to_cash" {{ old('transaction_type', $internalTransaction->transaction_type) == 'bank_to_cash' ? 'selected' : '' }}>Bank to Cash</option>
                                    </select>
                                    @error('transaction_type')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="transaction_date">Transaction Date</label>
                                    <input type="datetime-local" class="form-control @error('transaction_date') is-invalid @enderror" 
                                           id="transaction_date" name="transaction_date" 
                                           value="{{ old('transaction_date', $internalTransaction->transaction_date ? $internalTransaction->transaction_date->format('Y-m-d\TH:i') : '') }}">
                                    @error('transaction_date')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <hr>
                        <h5><i class="fas fa-arrow-up text-danger"></i> From Account</h5>
                        
                        <div class="row">
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label for="from_account_type">Bank Name <span class="text-danger">*</span></label>
                                    <select class="form-control @error('from_account_type') is-invalid @enderror" 
                                            id="from_account_type" name="from_account_type" required>
                                        <option value="">Select Bank Name</option>
                                        @foreach($bankAccounts as $account)
                                            <option value="{{ $account->account_type }}" 
                                                    data-account-id="{{ $account->id }}"
                                                    data-account-number="{{ $account->account_number }}"
                                                    data-account-name="{{ $account->account_name }}"
                                                    data-account-holder="{{ $account->accountHolder->name ?? '' }}"
                                                    data-balance="{{ $account->current_balance ?? 0 }}"
                                                    {{ old('from_account_type', $internalTransaction->from_account_type) == $account->account_type ? 'selected' : '' }}>
                                                {{ $account->bank_name }} - {{ $account->account_name }} ({{ $account->account_type }})
                                            </option>
                                        @endforeach
                                    </select>
                                    @error('from_account_type')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label for="from_account_number">Account Number</label>
                                    <input type="text" class="form-control @error('from_account_number') is-invalid @enderror" 
                                           id="from_account_number" name="from_account_number" 
                                           value="{{ old('from_account_number', $internalTransaction->from_account_number) }}" 
                                           placeholder="Account number or mobile number" readonly>
                                    @error('from_account_number')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label for="from_account_name">Account Holder Name</label>
                                    <input type="text" class="form-control @error('from_account_name') is-invalid @enderror" 
                                           id="from_account_name" name="from_account_name" 
                                           value="{{ old('from_account_name', $internalTransaction->from_account_name) }}" 
                                           placeholder="Account holder name" readonly>
                                    @error('from_account_name')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label for="from_balance">Balance</label>
                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                            <span class="input-group-text">৳</span>
                                        </div>
                                        <input type="text" class="form-control" 
                                               id="from_balance" name="from_balance" 
                                               placeholder="0.00" readonly>
                                    </div>
                                </div>
                            </div>
                            
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label for="from_after_balance">After Balance</label>
                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                            <span class="input-group-text">৳</span>
                                        </div>
                                        <input type="text" class="form-control" 
                                               id="from_after_balance" name="from_after_balance" 
                                               placeholder="0.00" readonly>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <hr>
                        <h5><i class="fas fa-arrow-down text-success"></i> To Account</h5>
                        
                        <div class="row">
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label for="to_account_type">Bank Name <span class="text-danger">*</span></label>
                                    <select class="form-control @error('to_account_type') is-invalid @enderror" 
                                            id="to_account_type" name="to_account_type" required>
                                        <option value="">Select Bank Name</option>
                                        @foreach($bankAccounts as $account)
                                            <option value="{{ $account->account_type }}" 
                                                    data-account-id="{{ $account->id }}"
                                                    data-account-number="{{ $account->account_number }}"
                                                    data-account-name="{{ $account->account_name }}"
                                                    data-account-holder="{{ $account->accountHolder->name ?? '' }}"
                                                    data-balance="{{ $account->current_balance ?? 0 }}"
                                                    {{ old('to_account_type', $internalTransaction->to_account_type) == $account->account_type ? 'selected' : '' }}>
                                                {{ $account->bank_name }} - {{ $account->account_name }} ({{ $account->account_type }})
                                            </option>
                                        @endforeach
                                    </select>
                                    @error('to_account_type')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label for="to_account_number">Account Number</label>
                                    <input type="text" class="form-control @error('to_account_number') is-invalid @enderror" 
                                           id="to_account_number" name="to_account_number" 
                                           value="{{ old('to_account_number', $internalTransaction->to_account_number) }}" 
                                           placeholder="Account number or mobile number" readonly>
                                    @error('to_account_number')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                            
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label for="to_account_name">Account Holder Name</label>
                                    <input type="text" class="form-control @error('to_account_name') is-invalid @enderror" 
                                           id="to_account_name" name="to_account_name" 
                                           value="{{ old('to_account_name', $internalTransaction->to_account_name) }}" 
                                           placeholder="Account holder name" readonly>
                                    @error('to_account_name')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label for="to_balance">Balance</label>
                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                            <span class="input-group-text">৳</span>
                                        </div>
                                        <input type="text" class="form-control" 
                                               id="to_balance" name="to_balance" 
                                               placeholder="0.00" readonly>
                                    </div>
                                </div>
                            </div>
                            
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label for="to_after_balance">After Balance</label>
                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                            <span class="input-group-text">৳</span>
                                        </div>
                                        <input type="text" class="form-control" 
                                               id="to_after_balance" name="to_after_balance" 
                                               placeholder="0.00" readonly>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <hr>
                        <h5><i class="fas fa-money-bill-wave"></i> Transaction Details</h5>
                        
                        <div class="row">
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label for="amount">Amount <span class="text-danger">*</span></label>
                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                            <span class="input-group-text">৳</span>
                                        </div>
                                        <input type="number" step="0.01" min="0.01" 
                                               class="form-control @error('amount') is-invalid @enderror" 
                                               id="amount" name="amount" 
                                               value="{{ old('amount', $internalTransaction->amount) }}" 
                                               placeholder="0.00" required>
                                        @error('amount')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                            
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label for="fee">Transaction Fee</label>
                                    <div class="input-group">
                                        <div class="input-group-prepend">
                                            <span class="input-group-text">৳</span>
                                        </div>
                                        <input type="number" step="0.01" min="0" 
                                               class="form-control @error('fee') is-invalid @enderror" 
                                               id="fee" name="fee" 
                                               value="{{ old('fee', $internalTransaction->fee) }}" 
                                               placeholder="0.00">
                                        @error('fee')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                            
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label for="reference_number">Reference Number</label>
                                    <input type="text" class="form-control @error('reference_number') is-invalid @enderror" 
                                           id="reference_number" name="reference_number" 
                                           value="{{ old('reference_number', $internalTransaction->reference_number) }}" 
                                           placeholder="External reference number">
                                    @error('reference_number')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label for="description">Description</label>
                                    <textarea class="form-control @error('description') is-invalid @enderror" 
                                              id="description" name="description" rows="3" 
                                              placeholder="Transaction description">{{ old('description', $internalTransaction->description) }}</textarea>
                                    @error('description')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label for="notes">Notes</label>
                                    <textarea class="form-control @error('notes') is-invalid @enderror" 
                                              id="notes" name="notes" rows="2" 
                                              placeholder="Additional notes">{{ old('notes', $internalTransaction->notes) }}</textarea>
                                    @error('notes')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <div class="form-group text-right">
                            <button type="submit" class="btn btn-primary">
                                <i class="fas fa-save"></i> Update Transaction
                            </button>
                            <a href="{{ route('internal-transactions.show', $internalTransaction) }}" class="btn btn-secondary">
                                <i class="fas fa-times"></i> Cancel
                            </a>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>

<script>
document.addEventListener('DOMContentLoaded', function() {
    // Auto-calculate total amount
    const amountInput = document.getElementById('amount');
    const feeInput = document.getElementById('fee');
    
    function calculateTotal() {
        const amount = parseFloat(amountInput.value) || 0;
        const fee = parseFloat(feeInput.value) || 0;
        const total = amount + fee;
        
        // You can display the total somewhere if needed
        console.log('Total Amount:', total);
    }
    
    amountInput.addEventListener('input', calculateTotal);
    feeInput.addEventListener('input', calculateTotal);

    // Auto-fill From Account fields
    const fromAccountTypeSelect = document.getElementById('from_account_type');
    const fromAccountNumberInput = document.getElementById('from_account_number');
    const fromAccountNameInput = document.getElementById('from_account_name');
    const fromBalanceInput = document.getElementById('from_balance');
    const fromAfterBalanceInput = document.getElementById('from_after_balance');

    // Auto-fill To Account fields
    const toAccountTypeSelect = document.getElementById('to_account_type');
    const toAccountNumberInput = document.getElementById('to_account_number');
    const toAccountNameInput = document.getElementById('to_account_name');
    const toBalanceInput = document.getElementById('to_balance');
    const toAfterBalanceInput = document.getElementById('to_after_balance');

    // Function to calculate after balance
    function calculateAfterBalance() {
        const fromBalance = parseFloat(fromBalanceInput.value) || 0;
        const toBalance = parseFloat(toBalanceInput.value) || 0;
        const amount = parseFloat(amountInput.value) || 0;
        const fee = parseFloat(feeInput.value) || 0;
        const totalDeduction = amount + fee;

        // Calculate From Account after balance (deduct amount + fee)
        const fromAfterBalance = fromBalance - totalDeduction;
        fromAfterBalanceInput.value = fromAfterBalance.toFixed(2);

        // Calculate To Account after balance (add amount)
        const toAfterBalance = toBalance + amount;
        toAfterBalanceInput.value = toAfterBalance.toFixed(2);
    }

    // Function to filter To Account options based on From Account selection
    function filterToAccountOptions() {
        const selectedFromAccountId = fromAccountTypeSelect.options[fromAccountTypeSelect.selectedIndex]?.dataset.accountId;
        
        // Reset To Account fields
        toAccountNumberInput.value = '';
        toAccountNameInput.value = '';
        toBalanceInput.value = '';
        toAfterBalanceInput.value = '';
        toAccountTypeSelect.selectedIndex = 0;
        
        // Hide all To Account options first
        Array.from(toAccountTypeSelect.options).forEach(option => {
            if (option.value !== '') {
                option.style.display = 'none';
            }
        });
        
        // Show only options that are not the selected From Account
        if (selectedFromAccountId) {
            Array.from(toAccountTypeSelect.options).forEach(option => {
                if (option.value !== '' && option.dataset.accountId !== selectedFromAccountId) {
                    option.style.display = 'block';
                }
            });
        } else {
            // If no From Account selected, show all options
            Array.from(toAccountTypeSelect.options).forEach(option => {
                if (option.value !== '') {
                    option.style.display = 'block';
                }
            });
        }
    }

    fromAccountTypeSelect.addEventListener('change', function() {
        const selectedOption = this.options[this.selectedIndex];
        
        if (selectedOption.value) {
            fromAccountNumberInput.value = selectedOption.dataset.accountNumber || '';
            fromAccountNameInput.value = selectedOption.dataset.accountHolder || '';
            fromBalanceInput.value = parseFloat(selectedOption.dataset.balance || 0).toFixed(2);
            fromAfterBalanceInput.value = '';
        } else {
            fromAccountNumberInput.value = '';
            fromAccountNameInput.value = '';
            fromBalanceInput.value = '';
            fromAfterBalanceInput.value = '';
        }
        
        // Filter To Account options
        filterToAccountOptions();
        
        // Recalculate after balance
        calculateAfterBalance();
    });

    toAccountTypeSelect.addEventListener('change', function() {
        const selectedOption = this.options[this.selectedIndex];
        
        if (selectedOption.value) {
            toAccountNumberInput.value = selectedOption.dataset.accountNumber || '';
            toAccountNameInput.value = selectedOption.dataset.accountHolder || '';
            toBalanceInput.value = parseFloat(selectedOption.dataset.balance || 0).toFixed(2);
            toAfterBalanceInput.value = '';
        } else {
            toAccountNumberInput.value = '';
            toAccountNameInput.value = '';
            toBalanceInput.value = '';
            toAfterBalanceInput.value = '';
        }
        
        // Recalculate after balance
        calculateAfterBalance();
    });

    // Add event listeners for amount and fee inputs
    amountInput.addEventListener('input', function() {
        calculateTotal();
        calculateAfterBalance();
    });
    
    feeInput.addEventListener('input', function() {
        calculateTotal();
        calculateAfterBalance();
    });

    // Trigger change events on page load if values are preselected
    if (fromAccountTypeSelect.value) {
        fromAccountTypeSelect.dispatchEvent(new Event('change'));
    }
    if (toAccountTypeSelect.value) {
        toAccountTypeSelect.dispatchEvent(new Event('change'));
    }
});
</script>
@endsection