@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;
    	}
	</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('mfn/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(array('url' => '', 'role' => 'form', 'id' => 'rootwizard', 'class' => 'form-horizontal form-groups validate')) !!}
                        			<div class="form-group">
                        				{!! Form::label('name', 'Name:*', ['class' => 'col-sm-3 control-label']) !!}
                        				<div class="col-sm-6">
                        					{!! Form::text('name', $product->name, ['class' => 'form-control', 'id' => 'name', 'type' => 'text', 'data-validate' => 'required, minlength[5]' ]) !!}
                                            {!! Form::text('productId', $product->id, ['class' => 'hidden', 'id' => 'productId', 'type' => 'hidden']) !!}
                        				</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', 'data-validate' => 'required')) !!}
                                        </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', 'data-validate' => 'required')) !!}
                                        </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', $product->shortName, ['class' => 'form-control', 'id' => 'shortName', 'type' => 'text', 'data-validate' => 'required, minlength[3]' ]) !!}
                                        </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', $product->code, ['class' => 'form-control', 'id' => 'code', 'type' => 'text', 'data-validate' => 'required' ]) !!}
                                        </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 = null, ['class' => 'form-control datepicker', 'id' => 'startDate', 'type' => 'text', 'readonly' => 'readonly', 'data-validate' => 'required']) !!}
                                        </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', 'data-validate' => 'required')) !!}
                                        </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', 'data-validate' => 'required, minlength[4]' ]) !!}
                                        </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','data-validate' => 'required, minlength[4]' ]) !!}
                                        </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', 'data-validate' => 'required, minlength[4]' ]) !!}
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        {!! Form::label('grace period', 'Grace Period:*', ['class' => 'col-sm-3 control-label']) !!}
                                        <div class="col-sm-6">
                                            {!! Form::select('gracePeriodId', ($gracePeriod), null, array('class'=>'form-control', 'id' => 'gracePeriodId', 'data-validate' => 'required')) !!}
                                        </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::select('yearsEligibleWriteOffId', ($yearsEligibleWriteOff), null, array('class'=>'form-control', 'id' => 'yearsEligibleWriteOffId')) !!}
                                        </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', 'data-validate' => 'required')) !!}
                                        </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('insuranceCalculationMethodId', ($insuranceCalculationMethod), '1', array('class'=>'form-control', 'id' => 'insuranceCalculationMethodId', 'data-validate' => 'required')) !!}
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        {!! Form::label('insurance amount', 'Insurance Amount:', ['class' => 'col-sm-3 control-label']) !!}
                                        <div class="col-sm-6">
                                        	{!! Form::text('insuranceAmount', $value = null, ['class' => 'form-control', 'id' => 'insuranceAmount', 'type' => 'text']) !!}
                                        	<span style="color:#00BFFF;font-size:9px;float:right;cursor:pointer">
                                        		<a class="moreInsuranceAmountBox">Add More</a>
                                        	</span>
                                        </div>
                                    </div>
                                    <div class="form-group hidden">
                                        {!! Form::label('insurance amount B', 'Insurance Amount B:', ['class' => 'col-sm-3 control-label']) !!}
                                        <div class="col-sm-6">
                                        	{!! Form::text('insuranceAmountB', $value = null, ['class' => 'form-control', 'id' => 'insuranceAmountB', 'type' => 'text' ]) !!}
                                        </div>
                                    </div>
                                    <div class="form-group hidden">
                                        {!! Form::label('principal amount (loan)', '% of Principal Amount (Loan):', ['class' => 'col-sm-3 control-label']) !!}
                                        <div class="col-sm-6">
                                        	{!! Form::text('principalAmountOfLoan', $value = null, ['class' => 'form-control', 'id' => 'principalAmountOfLoan', 'type' => 'text' ]) !!}
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        {!! Form::label('maximum insurance amount', 'Maximum Insurance Amount:', ['class' => 'col-sm-3 control-label']) !!}
                                        <div class="col-sm-6">
                                        	{!! Form::text('maxInsuranceAmount', $value = null, ['class' => 'form-control', 'id' => 'maxInsuranceAmount', 'type' => 'text' ]) !!}
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        {!! Form::label('maximum loan amount for insurance applicable', 'Maximum Loan Amount for Insurance Applicable:', ['class' => 'col-sm-3 control-label']) !!}
                                        <div class="col-sm-6">
                                        	{!! Form::text('maxLoanAmountForInsuranceApplicable', $value = null, ['class' => 'form-control', 'id' => 'maxLoanAmountForInsuranceApplicable', 'type' => 'text' ]) !!}
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        {!! Form::label('mandatory savings amount of proposed loan amount', 'Mandatory Savings Amount(%) of Proposed Loan Amount:*', ['class' => 'col-sm-3 control-label']) !!}
                                        <div class="col-sm-6">
                                            {!! Form::text('mandatorySavingsAmountOfProposedLoanAmount', $value = null, ['class' => 'form-control', 'id' => 'mandatorySavingsAmountOfProposedLoanAmount', 'type' => 'text', 'data-validate' => 'required, minlength[1]' ]) !!}
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        {!! 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'), 0, array('class'=>'form-control', 'id' => 'isMultipleLoanAllowed', 'data-validate' => 'required')) !!}
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        {!! Form::label('number of installment', 'Number of Installment:*', ['class' => 'col-sm-3 control-label']) !!}
                                        <div class="col-sm-6">
                                            {!! Form::text('installmentNum', $value = null, ['class' => 'form-control', 'id' => 'installmentNum', 'type' => 'text', 'data-validate' => 'required' ]) !!}
                                        	<span style="color:#529214;font-size:9px;">eg: 12,18,45</span>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        {!! 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', 'data-validate' => 'required')) !!}
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        {!! Form::label('repayment frequency', 'Repayment Frequency:*', ['class' => 'col-sm-3 control-label']) !!}
                                        <div class="col-sm-6">
                                            {!! Form::select('repaymentFrequencyId', ($repaymentFrequency), null, array('class'=>'form-control', 'id' => 'repaymentFrequencyId', 'data-validate' => 'required')) !!}
                                        </div>
                                    </div>
                                    <div class="form-group hidden">
                                        {!! Form::label('interest payment mode', 'Interest Payment Mode:', ['class' => 'col-sm-3 control-label']) !!}
                                        <div class="col-sm-6">
                                            {!! Form::select('interestPaymentModeId', ($interestPaymentMode), '1', array('class'=>'form-control', 'id' => 'interestPaymentModeId')) !!}
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        {!! Form::label('enforced installment amount is only service charge', 'Enforced Installment Amount is only Service Charge:', ['class' => 'col-sm-3 control-label']) !!}
                                        <div class="col-sm-6">
                                            {!! Form::select('enforcedInstallmentAmountOnlyServiceCharge', ($boolean), '0', array('class'=>'form-control', 'id' => 'enforcedInstallmentAmountOnlyServiceCharge')) !!}
                                        </div>
                                    </div>
                                    <div class="form-group hidden">
                                        {!! Form::label('is service charge taken initially', 'Is Service Charge taken Initially:', ['class' => 'col-sm-3 control-label']) !!}
                                        <div class="col-sm-6">
                                            {!! Form::select('serviceChargeTakenInitially', ($boolean), '0', array('class'=>'form-control', 'id' => 'serviceChargeTakenInitially')) !!}
                                        </div>
                                    </div>
                                    <div class="form-group hidden">
                                        {!! Form::label('mode of monthly repayment', 'Mode of Monthly Repayment:', ['class' => 'col-sm-3 control-label']) !!}
                                        <div class="col-sm-6">
                                            {!! Form::select('monthlyRepaymentMode', ($monthlyRepaymentMode), null, array('class'=>'form-control', 'id' => 'monthlyRepaymentMode')) !!}
                                        </div>
                                    </div>
                                    <div class="form-group hidden">
                                        {!! Form::label('repayment collection day', 'Repayment Collection Day:', ['class' => 'col-sm-3 control-label']) !!}
                                        <div class="col-sm-6">
                                            {!! Form::select('repaymentCollectionDay', ($repaymentCollectionDay), null, array('class'=>'form-control', 'id' => 'repaymentCollectionDay')) !!}
                                        </div>
                                    </div>
                                    <div class="form-group hidden">
                                        {!! Form::label('repayment collection week', 'Repayment Collection Week:', ['class' => 'col-sm-3 control-label']) !!}
                                        <div class="col-sm-6">
                                            {!! Form::select('repaymentCollectionWeek', ($repaymentCollectionWeek), null, array('class'=>'form-control', 'id' => 'repaymentCollectionWeek')) !!}
                                        </div>
                                    </div>
                                    <div class="form-group hidden">
                                        {!! Form::label('extra options', 'Extra Options:', ['class' => 'col-sm-3 control-label']) !!}
                                        <div class="col-sm-6">
                                            {!! Form::select('extraOptions', ($extraOptions), '1', array('class'=>'form-control', 'id' => 'extraOptions')) !!}
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        {!! Form::label('eligible repayment frequency', 'Eligible Repayment Frequency:*', ['class' => 'col-sm-3 control-label']) !!}
                                        <div class="col-sm-6" style="padding-left:0!important;">
                                            @foreach($repaymentFrequency as $key => $val)
                                                <div class="col-sm-12 repaymentFrequencyOption" style="padding-right:5px!important;">
                                                    <div class="col-sm-6" style="padding-left:0!important">
                                                        {!! Form::checkbox('eligibleRepaymentFrequencyId[]', ($key), false, array('class' => 'eligibleRepaymentFrequencyId cbr')) !!}
                                                        <span style="font-size:11px;">  
                                                            {!! Form::label(Illuminate\Support\Str::lower($val), ($val)) !!}
                                                        </span>
                                                    </div>
                                                    <div class="col-sm-6 gracePeriodForRepaymentFrequency hidden">
                                                        {!! Form::select('gracePeriodForRepaymentFrequency[]', (array('0' => 'Select') + $gracePeriod), null, array('class'=>'form-control', 'id' => 'gracePeriodOptionForRepaymentFrequency', 'style' => 'padding: 0!important;margin:0!important;height: 18px;')) !!}
                                                    </div>
                                                </div>
                                            @endforeach
                                        </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('health service fee', 'Health Service Fee:', ['class' => 'col-sm-3 control-label']) !!}
                                        <div class="col-sm-6">
                                            {!! Form::text('healthServiceFee', $value = null, ['class' => 'form-control', 'id' => 'healthServiceFee', 'type' => 'text' ]) !!}
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        {!! Form::label('risk insurance', 'Risk Insurance:', ['class' => 'col-sm-3 control-label']) !!}
                                        <div class="col-sm-6">
                                            {!! Form::text('riskInsurance', $value = null, ['class' => 'form-control', 'id' => 'riskInsurance', 'type' => 'text' ]) !!}
                                        	<span style="color:#529214;font-size:9px;">[per Thousand]</span>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        {!! Form::label('additional fee calculation method', 'Additional Fee Calculation Method:*', ['class' => 'col-sm-3 control-label']) !!}
                                        <div class="col-sm-6">
                                            {!! Form::select('additionalFeeCalculationMethodId', ($insuranceCalculationMethod), '1', array('class'=>'form-control', 'id' => 'additionalFeeCalculationMethodId', 'data-validate' => 'required')) !!}
                                        </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">
                                        {!! Form::label('maximum loan amount for additional fee applicable', 'Maximum Loan Amount for Additional Fee Applicable:', ['class' => 'col-sm-3 control-label']) !!}
                                        <div class="col-sm-6">
                                            {!! Form::text('maxLoanAmountForAdditionalFeeApplicable', $value = null, ['class' => 'form-control', 'id' => 'maxLoanAmountForAdditionalFeeApplicable', 'type' => 'text' ]) !!}
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        {!! Form::label('admission fee', 'Admission Fee:', ['class' => 'col-sm-3 control-label']) !!}
                                        <div class="col-sm-6">
                                            {!! Form::text('admissionFee', $value = null, ['class' => 'form-control', 'id' => 'admissionFee', '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">	
		$(".datepicker").datepicker({
            changeMonth: true,
            changeYear: true,
            dateFormat: 'dd-mm-yy'
        });

        $(document).ready(function(){
            $("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', '#isPrimaryProduct', function() {
                $('#productTypeId').empty(); 
                $('#isMultipleLoanAllowed').empty();

                $.ajax({
                    type: 'post',
                    url: './reqLoanProductType',
                    dataType: 'json',
                    data: {
                        '_token': "{{ csrf_token() }}",
                        'id': $('#isPrimaryProduct').val()
                    },
                    success: function(_response) {
                        if(_response.errors) {
                            alert(_response.errors);
                        } else {
                            $.each(_response.loanProductType, function(index, value) {
                                $('#productTypeId').append('<option value="'+ index +'" selected="selected">' + value + '</option>');
                            });

                            $.each(_response.isMultipleLoanAllowed, function(index, value) {
                                $('#isMultipleLoanAllowed').append('<option value="'+ index +'" selected="selected">' + value + '</option>');
                            });
                        }
                    },
                    error: function(_response) {
                        alert(_response.errors);
                    }
                });
            });

            $(document).on('change', '#isInsuranceApplicable', function() {
               if($('#isInsuranceApplicable').val()==1)
               		$('#insuranceCalculationMethodId, #insuranceAmount, #maxInsuranceAmount, #maxLoanAmountForInsuranceApplicable').parents('.form-group').show();
               else
               		$('#insuranceCalculationMethodId, #insuranceAmount, #maxInsuranceAmount, #maxLoanAmountForInsuranceApplicable').parents('.form-group').hide();
            });

            $(document).on('change', '#insuranceCalculationMethodId', function() {
            	if($(this).val()==2) {
            		$('#insuranceAmount').parents('.form-group').hide();
            		$('#principalAmountOfLoan').parents('.form-group').removeClass('hidden');
            	}
            	if($(this).val()==1) {
            		$('#insuranceAmount').parents('.form-group').show();
            		$('#principalAmountOfLoan').parents('.form-group').addClass('hidden');
            	}
            });

            $(document).on('change', '#productTypeId', function() {
            	if($(this).val()==2) {
            		$('#repaymentFrequencyId').parents('.form-group').hide();
            		$('#interestPaymentModeId').parents('.form-group').removeClass('hidden');
            	}
            	if($(this).val()==1) {
            		$('#repaymentFrequencyId').parents('.form-group').show();
            		$('#interestPaymentModeId').parents('.form-group').addClass('hidden');
            	}
            });

            $(document).on('click', '.moreInsuranceAmountBox', function() {
            	$('#insuranceAmountB').parents('.form-group').removeClass('hidden');
            	$(this).empty();
            	$(this).text('Remove').addClass('removeSecondInsuranceAmountBox').removeClass('moreInsuranceAmountBox');
            });

            $(document).on('click', '.removeSecondInsuranceAmountBox', function() {
            	$(this).parents('.form-group').next().addClass('hidden');
            	$('.removeSecondInsuranceAmountBox').text('Add More').addClass('moreInsuranceAmountBox').removeClass('removeSecondInsuranceAmountBox');
            });

            $(document).on('change', '#repaymentFrequencyId', function() {
            	if($('#repaymentFrequencyId').val()==1) {
            		$('#serviceChargeTakenInitially').parents('.form-group').removeClass('hidden');
            		$('#monthlyRepaymentMode').parents('.form-group').addClass('hidden');
            		$('#extraOptions').parents('.form-group').addClass('hidden');
            	} else if($('#repaymentFrequencyId').val()==2 || $('#repaymentFrequencyId').val()==4) {
            		$('#monthlyRepaymentMode').parents('.form-group').removeClass('hidden');
            		$('#extraOptions').parents('.form-group').removeClass('hidden');
            		$('#serviceChargeTakenInitially').parents('.form-group').addClass('hidden');
            	} else if($('#repaymentFrequencyId').val()==9 || $('#repaymentFrequencyId').val()==10) {
            		$('#monthlyRepaymentMode').parents('.form-group').removeClass('hidden');
            		$('#serviceChargeTakenInitially').parents('.form-group').addClass('hidden');
            		$('#extraOptions').parents('.form-group').addClass('hidden');
            	} else {
            		$('#serviceChargeTakenInitially').parents('.form-group').addClass('hidden');
            		$('#monthlyRepaymentMode').parents('.form-group').addClass('hidden');
            		$('#extraOptions').parents('.form-group').addClass('hidden');
            	}
            });

			$(document).on('change', '#monthlyRepaymentMode', function() {
            	if($(this).val()==1) {
            		$('#repaymentCollectionDay').parents('.form-group').removeClass('hidden');
            		$('#repaymentCollectionWeek').parents('.form-group').addClass('hidden');
            	} else if($(this).val()==2) {
            		$('#repaymentCollectionWeek').parents('.form-group').removeClass('hidden');
            		$('#repaymentCollectionDay').parents('.form-group').addClass('hidden');
            	} else {
            		$('#repaymentCollectionDay').parents('.form-group').addClass('hidden');
            		$('#repaymentCollectionWeek').parents('.form-group').addClass('hidden');
            	}
            });

            $(document).on('change', '.eligibleRepaymentFrequencyId', function() {
                if($(this).is(":checked")) {
                    $(this).parents('.repaymentFrequencyOption').find('.gracePeriodForRepaymentFrequency').removeClass('hidden');
                } else {
                    $(this).parents('.repaymentFrequencyOption').find('.gracePeriodForRepaymentFrequency').addClass('hidden');
                }
            });
            
            $('form').submit(function(event) {
	            event.preventDefault();

			    $.ajax({
			        type: 'post',
			        url: './../editLoanProductItem',
			        dataType: 'json',
			        data: $('form').serialize(),
			        success: function(_response) {
                        if(_response.errors) {
                            //alert(_response.errors);
                            if(_response.errors['eligibleRepaymentFrequencyId'])
                                toastr.warning(_response.errors.eligibleRepaymentFrequencyId, null, opts);
                        } else {
                            $("#submit").prop("disabled", true);
                            toastr.success(_response.responseText, _response.responseTitle, opts);
                            
                            setTimeout(function(){
                                window.location.href = '{{ url('mfn/viewLoanProduct/') }}';
                            }, 3000);
                        }
                    },
                    error: function(_response) {
                        alert(_response.errors);
                    }
			    });
	        });
	    });
	</script>
@endsection