@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">
                            {{ $title }}
                        </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('applicationId', $application->id) !!}

                                <div class="row">
                                    <div class="col-md-6">
                                        <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',
                                                    'type' => 'text',
                                                    $application->id > 0 ? 'disabled' : null
                                                ]) !!}
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            {!! Form::label('accountOpeningDate', 'Account Opening Date:', ['class' => 'col-sm-4 control-label']) !!}
                                            <div class="col-sm-8">
                                                {!! Form::text('accountOpeningDate', date('d-m-Y', strtotime($application->accountOpeningDate)), [
                                                    'class' => 'form-control',
                                                    'type' => 'text',
                                                    'disabled' => 'disabled'
                                                ]) !!}
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            {!! Form::label('accountId', 'Savings Code:', ['class' => 'col-sm-4 control-label required']) !!}
                                            <div class="col-sm-8">
                                                {!! Form::text('accountId', $application->savingsCode, [
                                                    'class' => 'form-control',
                                                    'type' => 'text',
                                                    'disabled' => 'disabled'
                                                ]) !!}
                                            </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', number_format($accountBalance['totalInterestAmount'], 2), [
                                                    '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',
                                                    number_format(
                                                        $accountBalance['totalInterestAmount'] + $accountBalance['balance'] + $accountBalance['balanceInterest'],
                                                        2
                                                    ),
                                                    [
                                                        'class' => 'form-control',
                                                        'readonly' => 'readonly'
                                                    ]
                                                ) !!}
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            {!! Form::label('closingDate', 'Application Date:', ['class' => 'col-sm-4 control-label']) !!}
                                            <div class="col-sm-8">
                                                {!! Form::text('closingDate', $application->applicationDate, [
                                                    'class' => 'form-control',
                                                    'readonly' => 'readonly'
                                                ]) !!}
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            {!! Form::label('paymentMode', 'Payment Mode:', ['class' => 'col-sm-4 control-label required']) !!}
                                            <div class="col-sm-8">
                                                {!! Form::select('paymentMode', ['Cash' => 'Cash', 'Bank' => 'Bank',  'mobile_banking' => 'MFS'], $application->paymentMode, [
                                                    'class' => 'form-control',
                                                    'disabled' => 'disabled'
                                                ]) !!}
                                            </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', ['' => 'Select']  +$memberBankAccounts , @$application->bankAccountId, [
                                                    'class' => 'form-control',
                                                    'disabled' => 'disabled'
                                                ]) !!}
                                            </div>
                                        </div>

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



                                    </div>
                                    <div class="col-md-6">
                                        @stack('savingsAccountBalance')
                                    </div>

                                    <div class="col-md-12">
                                        {!! Form::label('remarks', 'Remarks:', ['class' => 'control-label']) !!} <small class="muted">(Optional)</small>
                                        {!! Form::textarea('remarks', null, [
                                            'class' => 'form-control mini_textarea',
                                            'placeholder' => 'Write something here...'
                                        ]) !!}
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-12">
                                        <ul class="pager wizard pull-right">
                                            {!! Form::button('Reject', ['id' => 'reject', 'class' => 'btn btn-danger']) !!}
                                            {{-- @if ($application->originStepNo != $application->currenStepNo && $application->currenStepNo > 1) --}}
                                                {!! Form::button('Return', ['id' => 'return', 'class' => 'btn btn-warning']) !!}
                                            {{-- @endif --}}
                                            {!! Form::submit('Approve', ['id' => 'submit', 'class' => 'btn btn-info']) !!}
                                        </ul>

                                        @include('gnr.tools.approvalConfig.approvalLogs')

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

                        </div>
                    </div>


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

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

    <script type="text/javascript">
        $(document).ready(function() {
            $("#loadingModal").hide();
            if ("{{ $isEditableOnForward }}" == 1 && "{{ $action_type }}" != 'details') {
                $('#paymentMode').removeAttr('disabled', 'disabled');
                if("{{$application->paymentMode == 'Bank'}}") $('input[name="paymentByCheque"]').prop('disabled', false);
                if("{{$application->paymentMode != 'Cash' }}") $('#bankAccountId').removeAttr('disabled', 'disabled');
            }
        }); /*Ready*/
    </script>

    <script>
        /*Form*/
        $('form').off().submit(function(event) {
            event.preventDefault();
            x = confirm('Are you sure to approve/forward this transaction?');
            if (x === false) return false;
            $("input[type=submit]").prop('disabled', true);
            $("#loadingModal").show();
            var formData = new FormData(this);
            $.ajax({
                type: 'post',
                url: "{{ url('mfn/savingsClosing/application/storeForward') }}",
                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() {
                                window.location.href =
                                    "{{ url('mfn/savingsClosing/application') }}";
                            }, 2000);
                        }
                    }
                },
                error: function(_response) {
                    $("#loadingModal").hide();
                    $("input[type=submit]").prop('disabled', false);
                    alert('Response Error');
                }
            });

        });
        /* End Form*/


        $('#return').on('click', function(event) {
            event.preventDefault();
            x = confirm('Are you sure to return this transaction?');
            if (x === false) return false;
            $("button").prop('disabled', true);
            var formData = new FormData(this.closest('form'));
            $.ajax({
                type: 'post',
                url: "{{ url('mfn/savingsClosing/application/return') }}",
                data: formData,
                contentType: false,
                cache: false,
                dataType: 'json',
                processData: false,
                success: function(_response) {
                    if (_response.responseTitle == 'Warning!') {
                        toastr.warning(_response.responseText, _response.responseTitle,
                            opts);
                        $("button").prop('disabled', false);
                    } else {
                        toastr.success(_response.responseText, _response.responseTitle,
                            opts);
                        setTimeout(function() {
                            window.location.href =
                                "{{ url('mfn/savingsClosing/application') }}";
                        }, 3000);
                    }
                },
                error: function(_response) {
                    $("button").prop('disabled', false);
                    alert('Response Error');
                }
            });

        });

        $('#reject').on('click', function(event) {
            event.preventDefault();
            x = confirm('Are you sure to return this transaction?');
            if (x === false) return false;
            $("button").prop('disabled', true);
            var formData = new FormData(this.closest('form'));
            $.ajax({
                type: 'post',
                url: "{{ url('mfn/savingsClosing/application/reject') }}",
                data: formData,
                contentType: false,
                cache: false,
                dataType: 'json',
                processData: false,
                success: function(_response) {
                    if (_response.responseTitle == 'Warning!') {
                        toastr.warning(_response.responseText, _response.responseTitle,
                            opts);
                        $("button").prop('disabled', false);
                    } else {
                        toastr.success(_response.responseText, _response.responseTitle,
                            opts);
                        setTimeout(function() {
                            // location.reload();
                            window.location.href =
                                "{{ url('mfn/savingsClosing/application') }}";
                        }, 3000);
                    }
                },
                error: function(_response) {
                    $("button").prop('disabled', false);
                    alert('Response Error');
                }
            });

        });

        if ("{{ $action_type }}" == 'details') {
            $('#remarks').closest('div').hide('slow');
            $('#submit').closest('ul').hide('slow');
        }

        // $('#paymentMode').on('change', function(){
        //     $('#bankAccountId').prop('disabled', true).val(null);
        //     var memberId = "{{$application->memberId}}";
        //     var paymentMode = $(this).val();
        //     if(paymentMode == 'Cash') return false;
        //     $('#bankAccountId').prop('disabled', false);
        //     $.ajax({
        //             url: "{{ url('mfn/member/bank/accounts') }}/"+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");
        //     });
        // });
        
        $('#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' ) return false;
            $('#bankAccountId').prop('disabled', true).val(null);
            var paymentByCheque = $(this).val();
            if(paymentByCheque == 1){
                $('#bankAccountId').val();
                return false;
            } 
            var memberId = "{{$application->memberId}}";
            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");
            });
        });

    </script>


@endsection