@extends('layouts/microfin_layout')
@section('title', '| Application Form')
@section('content')
    @include('microfin.savings.stack')
    @stack('formStyleScript')

    <script type="text/javascript">
        $("#loadingModal").show();
    </script>

    <div class="row add-data-form">
        <div class="col-md-12">
            <div class="col-md-10 col-md-offset-1 fullbody">
                <div class="viewTitle" style="border-bottom:1px solid white;">
                    <a href="{{ url('mfn/savingsClosing/application') }}" class="btn btn-info pull-right addViewBtn">
                        <i class="glyphicon glyphicon-th-list viewIcon"></i>
                        Application List
                    </a>
                </div>
                <div class="panel panel-default panel-border">
                    <div class="panel-heading">
                        <div class="panel-title">
                            @if (@$application->id > 0)
                                Edit
                            @else
                                Add
                            @endif
                            OTS Close Application
                        </div>
                    </div>

                    <div class="panel-body">
                        <div class="row">
                            <div class="col-md-12">
                                {!! Form::open(['url' => '', 'role' => 'form', 'class' => 'form-horizontal form-groups', 'id' => 'rootwizard']) !!}
                                {!! Form::hidden('memberId', @$application->memberId, ['id' => 'memberId']) !!}
                                {!! Form::hidden('editId', @$application->id) !!}
                                
                                <div class="row">
                                    <div class="col-md-6">
                                        @if (count($branchList) > 1)
                                            <div class="form-group">
                                                {!! Form::label('branch', 'Branch:', ['class' => 'col-sm-4 control-label']) !!}
                                                <div class="col-sm-8">
                                                    {!! Form::select('branchId', ['' => 'Select'] + $branchList, null, [
                                                        'class' => 'form-control',
                                                        'id' => 'branch'
                                                    ]) !!}
                                                </div>
                                            </div>
                                        @endif

                                        <div class="form-group">
                                            {!! Form::label('member', 'Member:', ['class' => 'col-sm-4  control-label required']) !!}
                                            <div class="col-sm-8">
                                                {!! Form::text('member', @$application->memberName, [
                                                    'class' => 'form-control',
                                                    'id' => 'member',
                                                    'type' => 'text',
                                                    'data-validate' => 'required',
                                                    'autocomplete' => 'off',
                                                    @$application->id > 0 ? 'disabled' : null
                                                ]) !!}
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            {!! Form::label('accountId', 'Savings Code:', ['class' => 'col-sm-4 control-label required']) !!}
                                            <div class="col-sm-8">
                                                {!! Form::select(
                                                    'accountId',
                                                    isset($accounts) ? ['' => 'Select'] + $accounts : ['' => 'Select'],
                                                    @$application->accountId,
                                                    [
                                                        'class' => 'form-control',
                                                        'id' => 'accountId'
                                                    ]
                                                ) !!}
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            {!! Form::label('totalSavingInterestAmount', 'Total Savings Interest:', ['class' => 'col-sm-4 control-label']) !!}
                                            <div class="col-sm-8">
                                                {!! Form::text('totalSavingInterestAmount', 0, [
                                                    'id' => 'totalSavingInterestAmount',
                                                    'autocomplete' => 'off',
                                                    'class' => 'form-control',
                                                    'readonly' => 'readonly'
                                                ]) !!}
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            {!! Form::label('totalRefundAmount', 'Total Refund Amount:', ['class' => 'col-sm-4 control-label']) !!}
                                            <div class="col-sm-8">
                                                {!! Form::text('totalRefundAmount', 0, [
                                                    'id' => 'totalRefundAmount',
                                                    'autocomplete' => 'off',
                                                    'class' => 'form-control',
                                                    'readonly' => 'readonly'
                                                ]) !!}
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            {!! Form::label('closingDate', 'Closing Date:', ['class' => 'col-sm-4 control-label']) !!}
                                            <div class="col-sm-8">
                                                {!! Form::text('closingDate', null, [
                                                    'id' => 'closingDate',
                                                    'autocomplete' => 'off',
                                                    'class' => 'form-control',
                                                    'readonly' => 'readonly'
                                                ]) !!}
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            {!! Form::label('paymentMode', 'Member Payment Mode:', ['class' => 'col-sm-4 control-label required']) !!}
                                            <div class="col-sm-8">
                                                {!! Form::select('paymentMode', ['' => 'Select', 'Cash' => 'Cash', 'Bank' => 'Bank', 'mobile_banking' => 'MFS'], @$application->paymentMode, [
                                                    'class' => 'form-control',
                                                    'id' => 'paymentMode'
                                                ]) !!}
                                            </div>
                                        </div>

                                        <div class="form-group hidden">
                                            <label class="col-md-4" for="paymentByCheque">Payment By Bank Cheque?:</label>
                                            <div class="col-sm-8">
                                                <label class="radio-inline">
                                                    <input type="radio" name="paymentByCheque" value="1" @if(@$application->paymentMode != 'Bank') disabled = "disabled" @endif @if(@$application->paymentByCheque == 1)  checked @endif>Yes
                                                </label>

                                                <label class="radio-inline" id="paymentByCheque">
                                                    <input type="radio" name="paymentByCheque" value="2" checked>No
                                                </label>
                                            </div>
                                        </div>


                                        <div class="form-group">
                                            {!! Form::label('bankAccountId', 'Member Bank Account:', ['class' => 'col-sm-4 control-label required']) !!}
                                            <div class="col-sm-8">
                                                {!! Form::select('bankAccountId',(@$memberBankAccounts) ?  ['' => 'Select']  +$memberBankAccounts :  ['' => 'Select'] , @$application->bankAccountId, [
                                                    'class' => 'form-control',
                                                    (@$application->paymentMode == 'Cash') ? 'disabled' : null
                                                ]) !!}
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            {!! Form::label('savingsCertificate', 'Upload Certificate:', ['class' => 'col-sm-4 control-label required']) !!}
                                            <div class="col-sm-8">
                                                {!! Form::file('savingsCertificate', ['class' => 'form-control', 'id' => 'savingsCertificate']) !!}
                                                @if (@$application->savingsCertificate)
                                                    <a target="_blank" class="text-info"
                                                        href="{{ url('uploads/images/savings/closeApplication/' . $application->savingsCertificate) }}">Show
                                                        Uploaded
                                                        Document</a>
                                                @endif
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            {!! Html::decode(
                                                Form::label('othersDoc', "Upload Other's Document<small class='text-muted' >(Optional)</small>:", [
                                                    'class' => 'col-sm-4 control-label'
                                                ])
                                            ) !!}
                                            <div class="col-sm-8">
                                                {!! Form::file('othersDoc', ['class' => 'form-control', 'id' => 'othersDoc']) !!}
                                                @if (@$application->othersDoc)
                                                    <a target="_blank" class="text-info"
                                                        href="{{ url('uploads/images/savings/closeApplication/' . $application->othersDoc) }}">Show
                                                        Uploaded
                                                        Document</a>
                                                @endif
                                            </div>
                                        </div>



                                    </div>
                                    <div class="col-md-6">
                                        @stack('savingsAccountBalance')
                                        {{-- @stack('savingsAccountBalance') --}}
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-12">
                                        <ul class=" pull-right">
                                            {!! Form::submit('Submit', ['id' => 'submit', 'class' => 'btn btn-info']) !!}
                                            {{-- @if(!isset($application->id)) {!! Form::submit('Submit & Continue', ['id' => 'submitAndContinue', 'class' => 'btn btn-info']) !!}@endif --}}
                                        </ul>

                                        <br>
                                        <br>
                                        <br>
                                        <br>
                                        <br>
                                        <br>
                                        

                                    </div>
                                </div>
                                {!! Form::close() !!}
                            </div>

                        </div>
                    </div>


                </div>
            </div>
        </div>
    </div>
    

    @stack('memberSearch')
    @stack('formJavaScript')

    <script type="text/javascript">
        $(document).ready(function() {
            $("#loadingModal").hide();
            // $('#bankAccountId').prop('disabled', true);
        }); /*Ready*/
    </script>

    <script>
        /*on change memberId get the saving codes*/
        $("#memberId").change(function(event) {
            var memberId = $(this).val();
            var csrf = "{{ csrf_token() }}";

            if (memberId == '' || memberId == null) {
                $("#accountId").find("option:gt(0)").remove();
                return false;
            }

            $.ajax({
                    url: "{{ url('mfn/savingsClosing/application/accounts') }}",
                    type: 'GET',
                    dataType: 'json',
                    data: {
                        memberId: memberId,
                        _token: csrf
                    },
                })
                .done(function(data) {
                    $("#accountId").find("option:gt(0)").remove();
                    $.each(data.accounts, function(index, account) {
                        $("#accountId").append("<option value='" + index +
                            "'>" + account + "</option>");
                    });
                    $('#paymentMode').trigger('change');
                })
                .fail(function() {
                    alert("error");
                });

        });
        /*end on change memberId get the saving codes*/

        // $(document).ready(function() {
        /*get account balance info on change saving code*/
        $("#accountId").change(function(event) {
            var savingsAccountId = $(this).val();
            if (savingsAccountId == '' || savingsAccountId == null)   return false;
            $('#totalSavingInterestAmount').attr('readonly', 'readonly');
            var csrf = "{{ csrf_token() }}";

            $.ajax({
                    url: "{{ url('mfnSavingsGetAccountBalance') }}",
                    type: 'POST',
                    dataType: 'json',
                    data: {
                        savingsAccountId: savingsAccountId,
                        _token: csrf
                    },
                })
                .done(function(data) {
                    $("#totalSavingInterestAmount").val(data.totalInterestAmount);
                    $("#authorizedDeposit").val(num(data['authorizedDeposit']));
                    $("#authorizedDepositInterest").val(num(data['authorizedDepositInterest']));
                    $("#unauthorizedDeposit").val(num(data['unAuthorizedDeposit']));
                    $("#unauthorizedDepositInterest").val(num(data['unAuthorizedDepositInterest']));
                    $("#totalDeposit").val(num(data['totalDeposit']));
                    $("#totalDepositInterest").val(num(data['totalDepositInterest']));

                    $("#authorizedWithdraw").val(num(data['authorizedWithdraw']));
                    $("#authorizedWithdrawInterest").val(num(data['authorizedWithdrawInterest']));
                    $("#unauthorizedWithdraw").val(num(data['unAuthorizedWithdraw']));
                    $("#unauthorizedWithdrawInterest").val(num(data[
                        'unAuthorizedWithdrawInterest']));
                    $("#totalWithdraw").val(num(data['totalWithdraw']));
                    $("#totalWithdrawInterest").val(num(data['totalWithdrawInterest']));

                    $("#actualBalance").val(num(data['balance']));
                    $("#actualBalanceInterest").val(num(data['balanceInterest']));
                    $("#closingDate").val((data['softwareDate']));
                    $(".balUpToDate").html((data['softwareDate']));
                    if (data.product.onClosingInterestEditableId == 1) {
                        $('#totalSavingInterestAmount').removeAttr('readonly', 'readonly');
                    }
                    $('#totalSavingInterestAmount').trigger('keyup');
                    // set the closing date limit

                })
                .fail(function() {
                    alert("error");
                });

        });
        /*end get account balance info on change saving code*/

        // });

        $('#totalSavingInterestAmount').on('keyup', function() {
            var totalSavingInterestAmount = $(this).val();
            var totalRefundAmount = (+totalSavingInterestAmount + +num($('#actualBalance').val().replaceAll(",",
                "")) + +num($('#actualBalanceInterest').val().replaceAll(",", "")));
            $('#totalRefundAmount').val(totalRefundAmount.toFixed(2));
        });

        /*Form*/
        $('form').off().submit(function(event) {
            event.preventDefault();
            var clickedButton = $(document.activeElement).attr('id');
            $("input[type=submit]").prop('disabled', true);
            $("#loadingModal").show();
            var formData = new FormData(this);
            $.ajax({
                type: 'post',
                url: "{{ url('mfn/savingsClosing/application/store') }}",
                data: formData,
                contentType: false,
                cache: false,
                dataType: 'json',
                processData: false,
                success: function(_response) {
                    $("#loadingModal").hide();
                    $("input[type=submit]").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 {
                            toastr.success(_response.responseText, _response.responseTitle,
                                opts);
                            setTimeout(function() {
                                if (clickedButton == "submitAndContinue") {
                                    location.reload();
                                } else {
                                    window.location.href =
                                        "{{ url('mfn/savingsClosing/application') }}";
                                }
                            }, 2000);
                        }
                    }
                },
                error: function(_response) {
                    $("#loadingModal").hide();
                    $("input[type=submit]").prop('disabled', false);
                    alert('Response Error');
                }
            });

        });
        /* End Form*/
        $('#paymentMode').on('change', function(){
            // $('input[name="paymentByCheque"]').prop('disabled', true);
            $('#bankAccountId').prop('disabled', true).val(null);
            var paymentMode = $(this).val();
            if(paymentMode == 'Bank') {
                // $('input[name="paymentByCheque"]').prop('disabled', false);
            } else {
                // $('input[name="paymentByCheque"]').prop('checked', false);
            }
            $('input[name="paymentByCheque"]').trigger('change');
        });

        $('input[name="paymentByCheque"]').on('change', function(){
            var paymentMode = $('#paymentMode').val();
            // if (!$(this).is(':checked') && (paymentMode != 'mobile_banking' || paymentMode == 'Cash' )) return false;
            if (paymentMode == 'Cash' || !paymentMode ) return false;
            $('#bankAccountId').prop('disabled', true).val(null);
            var paymentByCheque = $(this).val();
            if(paymentByCheque == 1){
                $('#bankAccountId').val();
                return false;
            } 
            var memberId = $('#memberId').val();
            if(!memberId){
                toastr.warning('At first choose a member!', 'Message!', opts);
                $('input[name="paymentByCheque"]').prop('checked', false);
                return false;
            } 
            if(paymentMode == 'Cash') return false;
            $('#bankAccountId').prop('disabled', false);
            $.ajax({
                    url: "{{ url('mfn/member/bank/accountsWithPending') }}/"+memberId+"/"+paymentMode,
                    type: 'GET',
                    dataType: 'json'
            })
            .done(function(data) {
                $("#bankAccountId").find("option:gt(0)").remove();
                var accountsLength = data.memberBankAccounts.length;
                $.each(data.memberBankAccounts, function(index, account) {
                    $("#bankAccountId").append("<option value='" + account.id +
                        "'>" + account.accountNumber + "</option>");
                    if(accountsLength == 1) $('#bankAccountId').val(account.id);
                });
            })
            .fail(function() {
                alert("error");
            });
        });
        $('#accountId').trigger('change');
    </script>

@endsection