@extends('layouts/microfin_layout')
@section('title', '| Add Loan Product')
@section('content')
<style type="text/css">
    #rootwizard,
    #rootwizard .form-control {
        font-size: 11px !important;
        padding: 5px !important;
    }

    .form-control {
        font-size: 11px !important;
        color: #555 !important;
    }

    form .form-group.validate-has-error .form-control+span {
        font-size: 11px;
        color: #FF0000;
    }

    form .form-group.validate-has-error .form-control {
        border-color: rgba(104, 184, 40, 0.5);
    }

    label {
        font-size: 11px !important;
        font-weight: 400 !important;
        color: #555 !important;
    }

    select[multiple] {
        height: 194px;
    }

    .error {
        color: red;
    }

    input[type="checkbox"][readonly] {
        pointer-events: none;
    }
</style>
<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('viewLoanProduct/') }}" class="btn btn-info pull-right addViewBtn">
                    <i class="glyphicon glyphicon-th-list viewIcon"></i>
                    Loan Product Lists
                </a>
            </div>
            <div class="panel panel-default panel-border">
                <div class="panel-heading">
                    <div class="panel-title">New Loan Product</div>
                </div>
                <div class="panel-body">
                    <div class="row">
                        <div class="col-md-12">
                            {!! Form::open(['url' => '', 'role' => 'form', 'id' => 'rootwizard', 'class' =>
                            'form-horizontal form-groups validate', 'autocomplete'=>'off']) !!}
                            <div class="form-group">
                                {!! Form::label('name', 'Name:*', ['class' => 'col-sm-3 control-label']) !!}
                                <div class="col-sm-6">
                                    {!! Form::text('name', $value = null, ['class' => 'form-control', 'id' => 'name','type' => 'text']) !!}
                                </div>
                            </div>
                            <div class="form-group">
                                {!! Form::label('short name', 'Short Name:*', ['class' => 'col-sm-3 control-label']) !!}
                                <div class="col-sm-6">
                                    {!! Form::text('shortName', $value = null, ['class' => 'form-control', 'id' =>'shortName', 'type' => 'text']) !!}
                                </div>
                            </div>
                            <div class="form-group">
                                {!! Form::label('loan product code', 'Loan Product Code:*', ['class' => 'col-sm-3
                                control-label']) !!}
                                <div class="col-sm-6">
                                    {!! Form::text('code', $value = null, ['class' => 'form-control', 'id' => 'code','type' => 'text' ]) !!}
                                </div>
                            </div>
                            <div class="form-group">
                                {!! Form::label('loan product category', 'Loan Product Category:*', ['class' => 'col-sm-3 control-label']) !!}
                                <div class="col-sm-6">
                                    {!! Form::select('productCategoryId', ($productCategory), null, array('class'=>'form-control', 'id' => 'productCategoryId')) !!}
                                </div>
                            </div>

                            <div class="form-group">
                                {!! Form::label('MRA Product Category', 'MRA Product Category:*', ['class' => 'col-sm-3 control-label']) !!}
                                <div class="col-sm-6">
                                    {!! Form::select('mraProductType', ($mraProductType), '4', array('class'=>'form-control', 'id' => 'isInsuranceApplicable')) !!}
                                </div>
                            </div>

                            <div class="form-group">
                                {!! Form::label('funding organization', 'Funding Organization:*', ['class' => 'col-sm-3 control-label']) !!}
                                <div class="col-sm-6">
                                    {!! Form::select('fundingOrganizationId', (array('' => 'Select') + $fundingOrganization), null, array('class'=>'form-control', 'id' => 'fundingOrganizationId')) !!}
                                </div>
                            </div>
                            <div class="form-group" hidden>
                                {!! Form::label('pksfFundId', 'PKSF Fund:', ['class' => 'col-sm-3 control-label']) !!}
                                <div class="col-sm-6">
                                    {!! Form::select('pksfFundId', (array('' => 'Select') + $pksfFunds), null, array('class'=>'form-control', 'id' => 'pksfFundId')) !!}
                                </div>
                            </div>

                            <div class="form-group">
                                {!! Form::label('Samity Category', 'Samity Category:', ['class' => 'col-sm-3 control-label']) !!}
                                <div class="col-sm-6">
                                    {!! Form::select('samityCatId', $samityCategories, null, array('class'=>'form-control', 'id' => 'samityCatId')) !!}
                                </div>
                            </div>

                            <div class="form-group">
                                {!! Form::label('start date', 'Start Date:*', ['class' => 'col-sm-3 control-label']) !!}
                                <div class="col-sm-6">
                                    {!! Form::text('startDate', $value = $currentFiscalYearStartDate, ['class' => 'form-control datepicker', 'id' => 'startDate', 'type' => 'text', 'readonly' => 'readonly', 'style' => 'cursor:pointer']) !!}
                                </div>
                            </div>
                            <div class="form-group">
                                {!! Form::label('is primary product', 'Is Primary Product:*', ['class' => 'col-sm-3
                                control-label']) !!}
                                <div class="col-sm-6">
                                    {!! Form::select('isPrimaryProduct', ($boolean), '1', array('class'=>'form-control', 'id' => 'isPrimaryProduct')) !!}
                                </div>
                            </div>
                            {{-- <div class="form-group">
                                <label class="col-sm-3 control-label">App Classification</label>
                                <div class="col-sm-6">
                                    <select name="appWiseClassification" class="form-control" id="exampleFormControlSelect1">
                                        @foreach ($appClassification as $value)
                                            <option value="{{strtolower($value)}}" @if (strtolower($value) == "web")selected @endif >{{ucfirst($value)}}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div> --}}
                            <div class="form-group" hidden>
                                {!! Form::label('is multiple loan allowed', 'Is Multiple Loan Allowed:*', ['class' =>
                                'col-sm-3 control-label']) !!}
                                <div class="col-sm-6">
                                    {!! Form::select('isMultipleLoanAllowed', array(0 => 'No',1 => 'Yes'), 0, array('class'=>'form-control', 'id' => 'isMultipleLoanAllowed')) !!}
                                </div>
                            </div>
                            <div class="form-group" hidden>
                                {!! Form::label('loan product type', 'Loan Product Type:*', ['class' => 'col-sm-3
                                control-label']) !!}
                                <div class="col-sm-6">
                                    {!! Form::select('productTypeId', ($loanProductType), '1', array('class'=>'form-control', 'id' => 'productTypeId')) !!}
                                </div>
                            </div>
                            <div class="form-group">
                                {!! Form::label('minimum loan amount', 'Minimum Loan Amount:*', ['class' => 'col-sm-3
                                control-label']) !!}
                                <div class="col-sm-6">
                                    {!! Form::text('minLoanAmount', $value = null, ['class' => 'form-control', 'id' =>
                                    'minLoanAmount', 'type' => 'text']) !!}
                                </div>
                            </div>
                            <div class="form-group">
                                {!! Form::label('maximum loan amount', 'Maximum Loan Amount:*', ['class' => 'col-sm-3
                                control-label']) !!}
                                <div class="col-sm-6">
                                    {!! Form::text('maxLoanAmount', $value = null, ['class' => 'form-control', 'id' => 'maxLoanAmount', 'type' => 'text']) !!}
                                </div>
                            </div>
                            <div class="form-group">
                                {!! Form::label('average loan amount', 'Average Loan Amount:*', ['class' => 'col-sm-3
                                control-label']) !!}
                                <div class="col-sm-6">
                                    {!! Form::text('avgLoanAmount', $value = null, ['class' => 'form-control', 'id' => 'avgLoanAmount', 'type' => 'text']) !!}
                                </div>
                            </div>
                            <div class="form-group">
                                {!! Form::label('years to eligible write-off', 'Years to Eligible Write-Off:*', ['class'
                                => 'col-sm-3 control-label']) !!}
                                <div class="col-sm-6">
                                    {!! Form::text('yearsEligibleWriteOff', $value = null, ['class' => 'form-control', 'id' => 'yearsEligibleWriteOff', 'type' => 'text']) !!}
                                </div>
                            </div>
                            <div class="form-group">
                                {!! Form::label('is insurance applicable', 'Is Insurance Applicable:*', ['class' =>
                                'col-sm-3 control-label']) !!}
                                <div class="col-sm-6">
                                    {!! Form::select('isInsuranceApplicable', ($boolean), '1', array('class'=>'form-control', 'id' => 'isInsuranceApplicable')) !!}
                                </div>
                            </div>
                            <div class="form-group">
                                {!! Form::label('insurance calculation method', 'Insurance Calculation Method:*',
                                ['class' => 'col-sm-3 control-label']) !!}
                                <div class="col-sm-6">
                                    {!! Form::select('insuranceCalculationMethod', ($insuranceCalculationMethod), '1', array('class'=>'form-control', 'id' => 'insuranceCalculationMethod')) !!}
                                </div>
                            </div>

                            <div class="form-group">
                                {!! Form::label('insuranceAmountPercentage', 'Insurance Amount Percentage(%) Against
                                Principal Loan Amount:*',
                                ['class' => 'col-sm-3 control-label']) !!}
                                <div class="col-sm-6">
                                    {!! Form::text('insuranceAmountPercentage', $value = null, ['class' => 'form-control', 'id' => 'insuranceAmountPercentage', 'type' => 'text']) !!}
                                </div>
                            </div>

                            <div class="form-group" hidden>
                                {!! Form::label('fixedInsuranceAmount', 'Fixed Insurance Amount:*', ['class' =>
                                'col-sm-3 control-label']) !!}
                                <div class="col-sm-6">
                                    {!! Form::text('fixedInsuranceAmount', $value = null, ['class' => 'form-control',
                                    'id' => 'fixedInsuranceAmount', 'type' => 'text']) !!}
                                </div>
                            </div>

                            <div class="form-group" id='regularLoanData'>
                                {!! Form::label('eligible repayment frequency', 'Eligible Repayment Frequency:*',
                                ['class' => 'col-sm-3
                                control-label']) !!}
                                <div class="col-sm-6" style="padding-left:0!important;">
                                    <div class="col-sm-12">
                                        <div class="col-sm-4" style="padding-left: 5px;">Repayment Frequency</div>
                                        <div class="col-sm-4" style="padding-left: 10px;">Grace Period</div>
                                        <div class="col-sm-4" style="padding-left: 16px;">Installments</div>
                                    </div>

                                    @foreach($repaymentFrequency as $key => $val)
                                    <div class="col-sm-12" style="padding: 5px;">
                                        <div class="col-sm-4">
                                            {!! Form::checkbox('eligibleRepaymentFrequencys[]', ($key), false,
                                            array('class' =>
                                            'eligibleRepaymentFrequencys cbr')) !!}
                                            <span style="font-size:12px;">
                                                {!! Form::label(Illuminate\Support\Str::lower($val), ($val)) !!}
                                            </span>
                                        </div>
                                        <div class="col-sm-4">
                                            {!! Form::text('gracePeriod[]', null, ['class' => 'gracePeriod
                                            form-control', 'type'
                                            => 'text', 'placeholder'=>' Number of Days', 'style' => 'padding:
                                            0!important;margin:0!important;height: 25px;','readonly'=>'readonly']) !!}
                                        </div>
                                        <div class="col-sm-4">
                                            {!! Form::text('installments[]', null, ['class' => 'installments
                                            form-control', 'type'
                                            => 'text','placeholder'=>' e.g. 12, 18, 24, 36, 46', 'style' => 'padding:
                                            0!important;margin:0!important;height: 25px;', 'readonly'=>'readonly']) !!}
                                        </div>
                                    </div>
                                    @endforeach
                                </div>
                            </div>

                            <div class="form-group" id='oneTimeLoanData' hidden>
                                {!! Form::label('eligiblePeriods', 'Eligible Periods:*', ['class' => 'col-sm-3
                                control-label']) !!}
                                <div class="col-sm-6" style="padding-left:0!important;">
                                    <div class="col-sm-12">
                                        <div class="col-sm-4" style="padding-left: 5px;">Repayment Frequency</div>
                                        <div class="col-sm-4" style="padding-left: 10px;">Grace Period</div>
                                        <div class="col-sm-4" style="padding-left: 16px;">Periods in Month</div>
                                    </div>
                                    <div class="col-sm-12" style="padding: 5px;">
                                        <div class="col-sm-4">
                                            {!! Form::checkbox('oneTimeRepaymenyFrequency', ($key), true, array('class'
                                            =>
                                            'cbr', 'id'=>'oneTimeRepaymenyFrequency', 'disabled' => 'disabled')) !!}
                                            <span style="font-size:12px;">
                                                {!! Form::label(Illuminate\Support\Str::lower('One Time'), ('One Time'))
                                                !!}
                                            </span>
                                        </div>
                                        <div class="col-sm-4">
                                            {!! Form::text('oneTimeGracePeriod', null, ['class' => 'gracePeriod
                                            form-control', 'type'
                                            => 'text', 'placeholder'=>' Number of Days', 'style' => 'padding:
                                            0!important;margin:0!important;height: 25px;', 'id'=>'oneTimeGracePeriod']) !!}
                                        </div>
                                        <div class="col-sm-4">
                                            {!! Form::text('oneTimePeriods', null, ['class' => 'form-control','id'=>'oneTimePeriods',
                                            'type'
                                            => 'text','placeholder'=>' e.g. 12, 18, 24, 36, 48, 60', 'style' => 'padding:
                                            0!important;margin:0!important;height: 25px;']) !!}
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="form-group">
                                {!! Form::label('form fee', 'Form Fee:*', ['class' => 'col-sm-3 control-label']) !!}
                                <div class="col-sm-6">
                                    {!! Form::text('formFee', $value = null, ['class' => 'form-control', 'id' =>
                                    'formFee', 'type' => 'text' ]) !!}
                                </div>
                            </div>

                            <div class="form-group">
                                {!! Form::label('additional fee', 'Additional Fee:*', ['class' => 'col-sm-3
                                control-label']) !!}
                                <div class="col-sm-6">
                                    {!! Form::text('additionalFee', $value = null, ['class' => 'form-control', 'id' =>
                                    'additionalFee', 'type' =>
                                    'text' ]) !!}
                                </div>
                            </div>

                            <div class="form-group">
                                <div class="col-sm-10 col-sm-offset-3">
                                    {!! Form::submit('Submit', ['id' => 'submit', 'class' => 'btn btn-info']) !!}
                                    <a href="{{ url('mfn/viewLoanProduct/') }}" class="btn btn-danger closeBtn">Close</a>
                                </div>
                            </div>
                            {!! Form::close() !!}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


<script type="text/javascript">
    $(document).ready(function() {
        $(".datepicker").datepicker({
            changeMonth: true,
            changeYear: true,
            dateFormat: 'dd-mm-yy',
            onSelect: function() {
                $(this).closest('div').find('.error').remove();
            }
        });
        $("#oneTimeRepaymenyFrequency").unbind('change');
        $("#minLoanAmount, #maxLoanAmount, #avgLoanAmount, #yearsEligibleWriteOff, .gracePeriod, #formFee, #additionalFee").on('input', function() {
            this.value = this.value.replace(/[^0-9]/g, '').replace(/(\..*)\./g, '$1');
        });

        $(".installments, #oneTimePeriods").on('input', function() {
            this.value = this.value.replace(/[^0-9,]/g, '').replace(/(\..*)\./g, '$1');
        });

        $("label:contains('*')").html(function() {
            return $(this).html().replace("*", "<span style='float:right;position:relative;top:-8px;right:-25px;font-size:13px;'>*</span>");
        });

        $(document).on('change', '#isInsuranceApplicable', function() {
            if ($('#isInsuranceApplicable').val() == 1) {
                $('#insuranceCalculationMethod').parents('.form-group').show('slow/400/fast');
                $('#insuranceCalculationMethod').trigger('change');
            } else {
                $('#insuranceCalculationMethod').parents('.form-group').hide('slow/400/fast');
                $('#insuranceAmountPercentage').parents('.form-group').hide('slow/400/fast');
                $('#fixedInsuranceAmount').parents('.form-group').hide('slow/400/fast');
            }

        });

        $(document).on('change', '#insuranceCalculationMethod', function() {
            if ($(this).val() == 1) {
                $('#insuranceAmountPercentage').parents('.form-group').show('slow/400/fast');
                $('#fixedInsuranceAmount').parents('.form-group').hide('slow/400/fast');
            }
            if ($(this).val() == 2) {
                $('#insuranceAmountPercentage').parents('.form-group').hide('slow/400/fast');
                $('#fixedInsuranceAmount').parents('.form-group').show('slow/400/fast');
            }
        });

        $(document).on('change', '#fundingOrganizationId', function() {
            var selectedOptionText = $(this).find(':selected').text();
            if (selectedOptionText === 'PKSF') {
                $('#pksfFundId').parents('.form-group').show('slow/400/fast');
            } else {
                $('#pksfFundId').parents('.form-group').hide('slow/400/fast');
            }
        });

        /*if it is primary produc, then hide the isMultipleLoanAllowed and productTypeId field because for the primary product isMultipleLoanAllowed is always false and productTypeId is regular.*/
        $('#isPrimaryProduct').change(function(event) {
            if (this.value == 1) {
                $('#isMultipleLoanAllowed, #productTypeId').parents('.form-group').hide('slow/400/fast');
            } else {
                $('#isMultipleLoanAllowed, #productTypeId').parents('.form-group').show('slow/400/fast');
            }
        });
        $('#isPrimaryProduct').trigger('change');

        // IF eligibleRepaymentFrequencys IS DISABLED THEN RELATIVE ENTIRE ROW WILL BE DISABLED
        $(".eligibleRepaymentFrequencys").change(function(event) {
            var gracePeriodElement = $(this).parents().eq(3).find('.gracePeriod');
            var installmentsElement = $(this).parents().eq(3).find('.installments');
            if ($(this).is(':checked')) {
                gracePeriodElement.prop("readonly", false);
                installmentsElement.prop("readonly", false);
            } else {
                gracePeriodElement.prop("readonly", true);
                gracePeriodElement.val('');
                installmentsElement.prop("readonly", true);
                installmentsElement.val('');
            }
        });

        /*Hide Errors On Filed input or Change*/
        $(document).on('input', 'input', function() {
            $(this).closest('div').find('.error').remove();
        });
        $(document).on('change', 'select', function() {
            $(this).closest('div').find('.error').remove();
        });
        /*End Hide Errors On Filed input or Change*/

        /*IF THIS LOAN IS REGULAR, REGULAR REPAYMENT FREQUENCY DATA DIV WOULD BE VISIBLE, FOR OTHERS/ONETIME LOAN ONE TIME LOAN REALTED REPAYMENT DIV WOULD BE VISIBLE*/
        $("#productTypeId").change(function(event) {
            if ($(this).val() == 1) {
                $("#regularLoanData").show('slow/400/fast');
                $("#oneTimeLoanData").hide('slow/400/fast');
            } else {
                $("#regularLoanData").hide('slow/400/fast');
                $("#oneTimeLoanData").show('slow/400/fast');
            }
        });
        $("#isPrimaryProduct").change(function(event) {
            if ($(this).val() == 1) {
                $("#productTypeId").val(1);
                $("#productTypeId").trigger('change');
            }
        });

        $('form').submit(function(event) {
            event.preventDefault();
            // $("#submit").prop("disabled", true);
            $(".error").remove();

            $.ajax({
                type: 'post',
                url: './storeLoanProduct',
                dataType: 'json',
                data: $('form').serialize(),
                success: function(_response) {
                    if (_response.errors) {
                        $.each(_response.errors, function(name, error) {
                            $("#" + name).after("<p class='error'>* " + _response.errors[name] + "</p>");
                        });
                        $("#submit").prop("disabled", false);
                    } else {
                        if (_response.responseTitle == 'Warning!') {
                            toastr.warning(_response.responseText, _response.responseTitle, opts);
                            $("#submit").prop("disabled", false);
                            console.log(_response.consoleMessage);
                        } else {
                            toastr.success(_response.responseText, _response.responseTitle, opts);
                            setTimeout(function(){
                            	window.location.href = "{{ url('viewLoanProduct/') }}";
                            }, 3000);
                        }
                    }
                },
                error: function(_response) {
                    // alert(_response.errors);
                }
            });
        });

    }); /*ready*/
</script>
@endsection