@extends('layouts/microfin_layout')
@section('title', $title)
@section('content')
    @include('microfin.loan.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/loan/paymentRequest') }}" class="btn btn-info pull-right addViewBtn">
                        <i class="glyphicon glyphicon-th-list viewIcon"></i>
                        Loan Payment Request 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">
                            @if(isset($responseTitle) && $responseTitle == 'Warning!')
                                <div class="alert alert-info text-center">
                                    <strong> &nbsp;</strong> <h4>{{$responseText}}</h4> 
                                </div>
                            @else
                                <div class="col-md-12">
                                    {!! Form::open(['url' => '#', 'role' => 'form', 'class' => 'form-horizontal form-groups', 'id' => 'rootwizard']) !!}
                                    {!! Form::hidden('edit_id', $loanApplication->id) !!}
                                    {!! Form::hidden('applicationId', $loanApplication->id) !!}

                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="panel-heading partTitle">
                                                Member Information
                                            </div>
                                        </div>
                                        <div class="col-md-3">
                                            {!! Form::label('member', 'Member:', ['class' => 'control-label required']) !!}
                                            {!! Form::text('memberIdFk', $loanApplication->memberName, [
                                                'class' => 'form-control',
                                                'id' => 'member',
                                                'type' => 'text',
                                                'data-validate' => 'required',
                                                'autocomplete' => 'off',
                                                'disabled' => true,
                                            ]) !!}
                                        </div>
                                        <div id="memberData">
                                            @stack('memberInformation')
                                            @stack('savingsInformation')
                                            @stack('prevLoanInformation')

                                            <div id="mortgageInformation">
                                                <div class="col-md-12">
                                                    <br>
                                                    <div class="panel-heading partTitle">
                                                        Mortgage Information
                                                    </div>
                                                </div>

                                                <div class="col-md-12" style="margin: 5px 0px 10px">
                                                    <div class="row">
                                                        {!! Form::label('isMortgage', 'Is Mortgage Allowed?:', ['class' => 'col-md-2 control-label required']) !!}
                                                        <div class="col-sm-7">
                                                            <label class="radio-inline">
                                                                {!! Form::radio('isMortgage', 1, $loanApplication->isMortgage == 1 ? true : false, [
                                                                    'class' => 'control-label',
                                                                    'id' => 'isMortgage',
                                                                    'disabled' => true,
                                                                ]) !!}Yes
                                                            </label>

                                                            <label class="radio-inline">
                                                                {!! Form::radio('isMortgage', 0, $loanApplication->isMortgage == 0 ? true : false, [
                                                                    'class' => 'control-label',
                                                                    'disabled' => true,
                                                                ]) !!}No
                                                            </label>
                                                        </div>
                                                    </div>
                                                </div>
                                                
                                                @if($loanApplication->isMortgage)
                                                    <div id="mortgageFields">
                                                        <div class="col-md-3">
                                                            {!! Form::label('mortgageTypeId', 'Mortgage Type:', ['class' => 'control-label required']) !!}
                                                            {!! Form::select('mortgageTypeId', $mortgageTypes, $loanApplication->mortgageTypeId, [
                                                                'class' => 'form-control',
                                                                'id' => 'mortgageTypeId',
                                                                'disabled' => true,
                                                            ]) !!}
                                                        </div>

                                                        <div class="col-md-3">
                                                            {!! Form::label('mortgageDate', 'Mortgage Date:', ['class' => 'control-label required']) !!}
                                                            {!! Form::text('mortgageDate', $loanApplication->mortgageDate, [
                                                                'class' => 'form-control',
                                                                'id' => 'mortgageDate',
                                                                'autocomplete' => 'off',
                                                                'readonly',
                                                                'style' => 'cursor:pointer;',
                                                                'disabled' => true,
                                                            ]) !!}
                                                        </div>

                                                        <div class="col-md-3">
                                                            {!! Form::label('mortgageAmount', 'Mortgage Amount:', ['class' => 'control-label required']) !!}
                                                            {!! Form::number('mortgageAmount', $loanApplication->mortgageAmount, [
                                                                'class' => 'form-control',
                                                                'id' => 'mortgageAmount',
                                                                'autocomplete' => 'off',
                                                                'disabled' => true,
                                                            ]) !!}
                                                        </div>

                                                        {{-- <div class="col-md-3">
                                                            {!! Form::label('mortgageDoc', 'Mortgage Document:', ['class' => 'control-label required']) !!}
                                                            <div class="">
                                                                @if ($loanApplication->mortgageDoc)
                                                                    <a class="btn btn-success"
                                                                        style="height: 28px; padding:5px; width:100%;"
                                                                        target="_blank"
                                                                        href="{{ url('uploads/images/mortgageDoc/' . $loanApplication->mortgageDoc) }}">Show
                                                                        Uploaded Document</a>
                                                                @else
                                                                    <small>N.B: Not yet upload</small>
                                                                @endif
                                                            </div>
                                                        </div> --}}

                                                        <div class="col-md-3">
                                                            {!! Form::label('mortgageDoc', 'Mortgage Document:', ['class' => 'control-label']) !!}
                                                            <div class="">
                                                                {!! Form::file('mortgageDoc', [
                                                                    'class' => 'form-control', 
                                                                    'id' => 'mortgageDoc',
                                                                    'disabled' => true,
                                                                ]) !!}
                                                                @if ($loanApplication->mortgageDoc)
                                                                    <a target="_blank" class="text-info"
                                                                        href="{{ url('uploads/images/mortgageDoc/' . $loanApplication->mortgageDoc) }}">Show
                                                                        Uploaded
                                                                        Document</a>
                                                                @endif
                                                            </div>
                                                        </div>
                                                    </div>
                                                @endif
                                            </div>

                                            @stack('newLoanInformation')



                                            
                                            
                                            <div id="payment">
                                                <div class="col-md-12">
                                                    <br>
                                                    <div class="panel-heading partTitle">
                                                        Payment Request
                                                    </div>
                                                </div>

                                                <div class="col-md-12">
                                                    <div class="row">
                                                        <div @if(count($paymentMode) > 1)  class="col-md-3" @else  class="col-md-3 hidden" @endif>
                                                            {!! Form::label('paymentMode', 'Member Disbursement Mode:', ['class' => 'control-label required']) !!}
                                                            {!! Form::select('paymentMode', $paymentMode, $loanApplication->paymentMode, [
                                                                'class' => 'form-control',
                                                                'id' => 'paymentMode',
                                                                'disabled' => true
                                                            ]) !!}
                                                        </div>
                                                        
                                                        <div class="col-md-3">
                                                            {!! Form::label('bankAccountId', 'Member Bank Account:', ['class' => 'control-label required']) !!}
                                                            {!! Form::select('bankAccountId',(@$memberBankAccounts) ?  ['' => 'Select']  +$memberBankAccounts :  ['' => 'Select'] , $loanApplication->bankAccountId, [
                                                                'class' => 'form-control', 'id' => 'bankAccountId',
                                                                'disabled' => true
                                                            ]) !!}
                                                        </div>

                                                        <div class="col-md-3">
                                                            {!! Form::label('appFrontSide', 'Application Front Side:', ['class' => 'control-label required', 'title' => 'Upload Loan Application Form(Front Side)']) !!}
                                                            <div class="">
                                                                {!! Form::file('appFrontSide', 
                                                                [
                                                                    'class' => 'form-control', 
                                                                    'id' => 'appFrontSide',
                                                                    'disabled' => true
                                                                ]) !!}
                                                                @if ($loanApplication->appFrontSide)
                                                                    <a target="_blank" class="text-info"
                                                                        href="{{ url('uploads/images/microfin/loan/appFrontSide/' . $loanApplication->appFrontSide) }}">Show
                                                                        Uploaded
                                                                        Document</a>
                                                                @endif
                                                            </div>
                                                        </div>

                                                        <div class="col-md-3">
                                                            {!! Form::label('appBackSide', 'Application Back Side:', ['class' => 'control-label required', 'title' => 'Upload Loan Application Form(Back Side)']) !!}
                                                            <div class="">
                                                                {!! Form::file('appBackSide', 
                                                                [
                                                                    'class' => 'form-control', 
                                                                    'id' => 'appBackSide',
                                                                    'disabled' => true
                                                                ]) !!}
                                                                @if ($loanApplication->appBackSide)
                                                                    <a target="_blank" class="text-info"
                                                                        href="{{ url('uploads/images/microfin/loan/appBackSide/' . $loanApplication->appBackSide) }}">Show
                                                                        Uploaded
                                                                        Document</a>
                                                                @endif
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            
                                            @if($action_type == 'forward')  
                                                <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>
                                            @endif

                                            <div class="col-md-12 text-right">
                                                <div id="customError">
                                                </div>
                                            </div>
                                            
                                        </div>
                                    </div>
                                    @if($action_type == 'forward')   
                                        <ul class="pager wizard pull-right">
                                            {!! Form::button('Return', ['id' => 'return', 'class' => 'btn btn-warning']) !!}
                                            {!! Form::submit('Approve', ['id' => 'submit', 'class' => 'btn btn-info']) !!}
                                        </ul>
                                    @endif
                                    
                                    @if($action_type == 'create')  
                                        <ul class="pager wizard pull-right">
                                            {!! Form::submit('Submit to Payment Request', ['id' => 'paymentRequest', 'class' => 'btn btn-info']) !!}
                                        </ul>
                                    @endif

                                    {!! Form::close() !!}
                                    @include('gnr.tools.approvalConfig.approvalLogs')

                                </div>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    <script type="text/javascript">
        $(document).ready(function() {
        $("#loadingModal").hide();
            /*Form*/
            $('form').submit(function(event) {
                event.preventDefault();
                x = confirm('Are you sure to approve/forward this transaction?');
                if (x === false) return false;
                $("#submit").prop('disabled', true);
                var formData = new FormData(this);
                $.ajax({
                    type: 'post',
                    url: "{{ url('mfn/loan/paymentRequest/forward/store') }}",
                    data: formData,
                    contentType: false,
                    cache: false,
                    dataType: 'json',
                    processData: false,
                    success: function(_response) {
                        $(".error").remove();
                        if (_response.errors) {
                            $("#submit").prop('disabled', false);
                            $.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);
                                $("#submit").prop('disabled', false);
                            } else {
                                toastr.success(_response.responseText, _response.responseTitle,
                                    opts);
                                setTimeout(function() {
                                    // location.reload();
                                    window.location.href =
                                        "{{ url('mfn/loan/paymentRequest') }}";
                                }, 3000);
                            }
                        }
                    },
                    error: function(_response) {
                        $("#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/loan/paymentRequest/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() {
                                // location.reload();
                                window.location.href =
                                    "{{ url('mfn/loan/paymentRequest') }}";
                            }, 3000);
                        }
                    },
                    error: function(_response) {
                        $("button").prop('disabled', false);
                        alert('Response Error');
                    }
                });

            });
            
        });

        if ("{{ $action_type }}" == 'create') {
            $('#paymentMode, #bankAccountId, #appFrontSide, #appBackSide').removeAttr('disabled', 'disabled');
        }

        $('#paymentMode').on('change', function(){
            var paymentMode = $('#paymentMode').val();
            $('#bankAccountId').prop('disabled', true).val(null);
            if (paymentMode == 'Cash' || !paymentMode) return false;
            var memberId = "{{$loanApplication->memberIdFk}}";
            $('#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");
            });
        });

        if("{{count($paymentMode)}}" == 1 && "{{$action_type}}" == 'create') $("#paymentMode").trigger('change');


        $('#paymentRequest').on('click', function(event) {
            event.preventDefault();
            $("button").prop('disabled', true);
            var formData = new FormData(this.closest('form'));
            $.ajax({
                type: 'post',
                url: "{{ url('mfn/loan/paymentRequest/store') }}",
                data: formData,
                contentType: false,
                cache: false,
                dataType: 'json',
                processData: false,
                success: function(_response) {
                    $(".error").remove();
                    if (_response.errors) {
                        $("#submit").prop('disabled', false);
                        $.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);
                            $("button").prop('disabled', false);
                        } else {
                            toastr.success(_response.responseText, _response.responseTitle,
                                opts);
                            setTimeout(function() {
                                window.location.href =
                                    "{{ url('mfn/loan/paymentRequest') }}";
                            }, 3000);
                        }
                    }
                },
                error: function(_response) {
                    $("button").prop('disabled', false);
                    alert('Response Error');
                }
            });

        });

    </script>
@endsection