{!! Form::open(['role' => 'form', 'class' => 'form-horizontal form-groups', 'id' => 'fundTransferForm']) !!}
    <div class="row" style=" margin: 15px 0px;">
        <div class="table-responsive">
            <table class="table table-striped table-bordered" id="vaultReport" style="color:black;">
                <thead>
                    <tr>
                        <tr>
                            <th rowspan="2">SL#</th>
    
                            <th colspan="2">Org. Branch Name & Code</th>

                            <th colspan="4">Bank Account Information</th>
                            <th rowspan="2">Amount (TK.)</th>
                        </tr>
                        <tr>
                            <th>Branch Name</th>
                            <th>Code</th>
    
                            <th>Bank Name</th>
                            <th>A/C Number</th>
                            <th>Routing Number</th>
                            <th>Branch Name</th>
    
                        </tr>
                    </tr>
                </thead>
                <tbody>
                                        @foreach ($BankAcRegisters as $BankAcRegister)

                        <tr class="item{{ ($no + 1) }}">
                            <td class="text-center slNo">{{ ++$no }}</td>

                            <td style="text-align: left; padding-left: 1em;"> {{ $BankAcRegister->branchName }} {!! Form::hidden('creditAcId[]', $BankAcRegister->id) !!}</td>
                            <td style="text-align: middle;"> {{ $BankAcRegister->branchCodeWith0 }} </td>
               
                            <td style="text-align: left; padding-left: 1em;"> {{ $BankAcRegister->bankName }} </td>
                            <td style="text-align: middle;"> {{ $BankAcRegister->bankAcNumber }} </td>
                            <td style="text-align: middle;"> {{ $BankAcRegister->acRoutingNumber }} </td>
                            <td style="text-align: left; padding-left: 1em;"> {{ $BankAcRegister->bankBranchName }}, {{ $BankAcRegister->district }} </td>

                            <td style="text-align: middle; padding-left: 1em; padding-right: 1em;"> 
                                {!! Form::text('amount[]', $value = null, ['class' => 'form-control text-right amount', 'id' => 'amount', 'type' => 'text', 'placeholder' => '-', 'autocomplete' => 'off']) !!} 
                            </td>
                        </tr>
                    @endforeach
                    <tr>
                        <td  height="35" colspan="7" style= "text-align: right;  padding-right: 1em; font-weight: bold;">Total Amount</td>
                        <td  height="35" class="amount" style= "text-align: right; font-weight: bold; padding-left: 1em; padding-right: 1em;">{!! Form::text('totalSum', $value = null, ['class' => 'form-control text-right', 'id' => 'totalSum', 'readonly', 'type' => 'text', 'placeholder' => '-', 'autocomplete' => 'off']) !!}</td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
    <div class="form-group">
        {!! Form::label('submit', ' ', ['class' => 'col-sm-5 control-label']) !!}
        <div class="col-sm-5">
            {!! Form::submit('Submit', ['id' => 'fundTransferSubmit', 'class' => 'btn btn-success']) !!}
            <a href="{{ url('fundTransferRegister/fundTransferRegisterListFiltering/') }}"
                class="btn btn-danger closeBtn">Close</a>
            <span id="success" style="color:green; font-size:20px;" class="pull-right"></span>
        </div>
    </div>

    {!! Form::close() !!}

       
    <script type="text/javascript">
    
        $(document).ready(function() {

            $(document).on("input",".amount",function() {
                this.value = this.value.replace(/[^0-9]/g, '').replace(/(\..*)\./g, '$1'); 
            });

           //formating number with ','
            $(document).on('keyup','.amount', function(){
                var amount = +$(this).val().replaceAll(",", "");
                $(this).val(amount.toLocaleString("en-IN"));
                totalSum();
            });

            //addition function
            function totalSum(){
                var totalSum = 0;
                $('.amount').each(function(i, el) {
                    totalSum += +$(el).val().replaceAll(",", "");
                });
                $('#totalSum').val(totalSum.toLocaleString("en-IN"));
            }
            
            $('#fundTransferForm').submit(function(event) {
                event.preventDefault();
                $.ajax({
                    type: 'post',
                    url: './adviceFundTransferItem',
                    data: $('#fundTransferForm, #searchForm').serialize(),
                    dataType: 'json',
                    success: function(data) {
                        if (data.errors) {

                        } else {
                            if(data.responseTitle == "Success!"){
                                toastr.success(data.responseText, data.responseTitle, opts);
                                setTimeout(function(){
                                    window.location.href =
                                    "{{ url('fundTransferRegister/fundTransferRegisterListFiltering/') }}";
                                }, 2000);
                            }else{
                                toastr.warning(data.responseText, data.responseTitle, opts);
                            }
                        }
                    },
                    error: function(_response) {
                        // Handle error
                        alert(_response.errors);
                    }
                });
            });


        });


    </script>