@extends('layouts/acc_layout')
@section('title', '| Add OTS Bank Payment')
@section('content')
<style>
    .text-left {
        text-align: left !important;
    }

    .text-right {
        text-align: right !important;
    }
</style>
    <div class="row add-data-form">
        <div class="col-md-12">
            <div class="col-md-12 fullbody">
                <div class="viewTitle" style="border-bottom: 1px solid white;">
                    <span class="panel-title">Add OTS Bank Payment</span>
                    <a href="{{ url('acc/savingsBankPayment') }}" class="btn btn-info pull-right addViewBtn"><i
                            class="glyphicon glyphicon-th-list viewIcon">
                        </i></a>
                </div>
                <div class="panel panel-default panel-border">
                    <div class="panel-body">
                        <div class="row">
                            <div class="col-md-12">
                                <div class="row">
                                    <div class="panel-body">
                                        {!! Form::open([
                                            'url' => url('acc/savingsBankPayment/process'),
                                            'class' => 'form-horizontal form-groups',
                                            'method' => 'get',
                                            'id' =>'processForm'
                                        ]) !!}


                                            <div class="col-md-2">
                                                {!! Form::label('ftOutBankRegisterId', 'HO Bank A/C (FT Out):', ['class' => 'control-label required']) !!}
                                                {!! Form::select(
                                                    'ftOutBankRegisterId',
                                                    $ftOutBankAccounts,
                                                    request()->all('ftOutBankRegisterId')['ftOutBankRegisterId'] ?? '',
                                                    ['class' => 'form-control', 'id' => 'ftOutBankRegisterId']
                                                ) !!}
                                            </div> 

                                            <div class="col-md-2">
                                                {!! Form::label('ftInBankRegisterId', 'Branch Bank A/C (FT In):', ['class' => 'control-label required']) !!}
                                                {!! Form::select(
                                                    'ftInBankRegisterId',
                                                    $ftInBankAccounts,
                                                    request()->all('ftInBankRegisterId')['ftInBankRegisterId'] ?? '',
                                                    ['class' => 'form-control', 'id' => 'ftInBankRegisterId']
                                                ) !!}
                                            </div> 


                                            <div class="col-md-2">
                                                {!! Form::label('txTypeId', 'Transaction Type:', ['class' => 'control-label required']) !!}
                                                {!! Form::select(
                                                    'txTypeId',
                                                    ['' =>'Select']+$txTypes,
                                                    request()->all('txTypeId')['txTypeId'] ?? '',
                                                    ['class' => 'form-control', 'id' => 'txTypeId']
                                                ) !!}
                                            </div> 

                                            <div class="col-md-2">
                                                {!! Form::label('generateDate', 'Generate Date:', ['class' => 'control-label required']) !!}
                                                {!! Form::text('generateDate', date('d-m-Y', strtotime($HeadOffice_AisSoftwareDate)), [ 'class' => 'form-control text-center', 'readonly' => 'readonly', 'id' => 'generateDate' ]) !!}
                                            </div> 

                                            <div class="col-md-1">
                                                {!! Form::label('blacklistedStatus', 'Bank Status:', ['class' => 'control-label']) !!}
                                                {!! Form::select(
                                                    'blacklistedStatus',
                                                    $blacklistedStatus,
                                                    request()->all('blacklistedStatus')['blacklistedStatus'] ?? '2',
                                                    ['class' => 'form-control', 'id' => 'blacklistedStatus']
                                                ) !!}
                                            </div>  
                                            

                                            <div class="col-md-1">
                                                {!! Form::label('submit', '&nbsp;', ['class' => 'control-label']) !!}
                                                {!! Form::submit('Process', ['id' => 'submit', 'class' => 'form-control btn btn-search']) !!}
                    
                                            </div>
                                        {!! Form::close() !!}

                                        <div class="col-md-12" id="bulkPaymentContent">
                                            
                                                
                                            
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
                <div class="footerTitle" style="border-top:1px solid white"></div>
            </div>
            <div class="col-md-1"></div>
        </div>
    </div>

    <style>
        .hideCalendar .ui-datepicker-calendar {
            display: none;
        }
    </style>

<script>
    $(document).ready(function () {

        $('select').on('change', function(){
            if ($('#bulkPaymentContent').html().trim().length > 0) {
                $('#bulkPaymentContent').html('\
                <div class="alert alert-default " role="alert">\
                    Please click to process.\
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">\
                        <span aria-hidden="true">&times;</span>\
                    </button>\
                </div>');
            }
            // console.log($('#bulkPaymentContent').html());
        });

        /*Form*/
        $('#processForm').off().submit(function(event){
            event.preventDefault();
            $("input[type=submit]").prop('disabled', true);
            $("button").prop('disabled', true);
            $("#loadingModal").show();
            var formData = $('#processForm').serialize();
            $.ajax({
                type: 'get',
                url: "{{ url('acc/savingsBankPayment/process') }}"+'?'+formData,
                data: formData,
                dataType: 'json',
                success: function(_response) {
                    $("#loadingModal").hide();
                    $("input[type=submit]").prop('disabled', false);
                    $("button").prop('disabled', false);
                    $(".error").remove();
                    if (_response.errors) {
                        $.each(_response.errors, function(name, error) {
                            $("#" + name).after("<p class='error'>* " + _response
                                .errors[name] + "</p>");
                        });
                    } else {
                        if (_response.responseTitle == 'Warning!') {
                            toastr.warning(_response.responseText, _response.responseTitle,
                                opts);
                        } else {
                            $('#bulkPaymentContent').html(_response.html);
                        }
                    }
                },
                error: function(_response) {
                    $("#loadingModal").hide();
                    $("input[type=submit]").prop('disabled', false);
                    $("button").prop('disabled', false);
                    alert('Response Error');
                }
            });

        });
        /* End Form*/
    });



</script>

@endsection