@extends('layouts/microfin_layout')
@section('title', '| Application Form')
@section('content')
    @include('microfin.savings.stack')
    @stack('formStyleScript')
    <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('/fundDemandRegister') }}" 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('cash', 'Cash In Hand:', ['class' => 'col-sm-4  control-label required']) !!}
                                            <div class="col-sm-8">
                                                {!! Form::text('member', $application->cashInHand, [
                                                    'class' => 'form-control',
                                                    'type' => 'text',
                                                    $application->id > 0 ? 'disabled' : null,
                                                ]) !!}
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            {!! Form::label('cashInBank', 'Cash iN Bank:', ['class' => 'col-sm-4 control-label required']) !!}
                                            <div class="col-sm-8">
                                                {!! Form::text('cashInBank', $application->cashInBank, [
                                                    'class' => 'form-control',
                                                    'type' => 'text',
                                                    'disabled' => 'disabled',
                                                ]) !!}
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            {!! Form::label('loanDisbursementRequest', 'loan Disbursement Request(HO):', [
                                                'class' => 'col-sm-4 control-label',
                                            ]) !!}
                                            <div class="col-sm-8">
                                                {!! Form::text('loanDisbursmentRequest', $application->loanDisbursmentRequest, [
                                                    'class' => 'form-control',
                                                    'readonly' => 'readonly',
                                                ]) !!}
                                            </div>
                                        </div>

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

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

                                        <div class="form-group">
                                            {!! Form::label('othersExp', 'Others Exp:', ['class' => 'col-sm-4 control-label required']) !!}
                                            <div class="col-sm-8">

                                                {!! Form::text('othersExp', $application->othersExp, [
                                                    'class' => 'form-control',
                                                    'readonly' => 'readonly',
                                                ]) !!}
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            {!! Form::label('estima', 'Estima:', ['class' => 'col-sm-4 control-label required']) !!}
                                            <div class="col-sm-8">

                                                {!! Form::text('estima', $application->estima, [
                                                    'class' => 'form-control',
                                                    'readonly' => 'readonly',
                                                ]) !!}
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            {!! Form::label('fundDemand', 'Fund Demand:', ['class' => 'col-sm-4 control-label required']) !!}
                                            <div class="col-sm-8">

                                                {!! Form::text('fundDemand', $application->fundDemand, [
                                                    'class' => 'form-control',
                                                    'readonly' => 'readonly',
                                                ]) !!}
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            {!! Form::label('balance', 'Balance:', ['class' => 'col-sm-4 control-label required']) !!}
                                            <div class="col-sm-8">

                                                {!! Form::text('balance', $application->balance, [
                                                    'class' => 'form-control',
                                                    'readonly' => 'readonly',
                                                ]) !!}
                                            </div>
                                        </div>
                                    </div>

                                </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>


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



    <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('fundDemandRegister/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('/fundDemandRegister') }}";
                            }, 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($('form#rootwizard')[0]);
            $.ajax({
                type: 'post',
                url: "{{ url('fundDemandRegister/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('fundDemandRegister') }}";
                        }, 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($('form#rootwizard')[0]);

            $.ajax({
                type: 'post',
                url: "{{ url('/fundDemandRegister/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('/fundDemandRegister') }}";
                        }, 3000);
                    }
                },
                error: function(_response) {
                    $("button").prop('disabled', false);
                    alert('Response Error');
                }
            });

        });
    </script>


@endsection