@extends('layouts/microfin_layout')
@section('title', '| Add Product Interest Rate')
@section('content')
	<style type="text/css">
	.form-control {
		font-size: 11px !important;
		color: #555 !important;
	}
	label {
		font-size: 11px !important;
		font-weight: 400 !important;
		color: #555 !important;
	}
    .error{
        color: red;
    }
	</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>
                    	Product Interest Rate Lists
                    </a>
                </div>
                <div class="panel panel-default panel-border">
                	<div class="panel-heading">
                        <div class="panel-title">New Product Interest Rate</div>
                    </div>
                    <div class="panel-body">
                    	<div class="row">
                            <div class="col-md-12">
                        		{!! Form::open(array('url' => '', 'role' => 'form', 'class' => 'form-horizontal form-groups', 'autocomplete' => 'off')) !!}
                                    <div class="form-group">
										{!! Form::label('loanProduct', 'Loan Product:', ['class' => 'col-sm-3 control-label']) !!}
										<div class="col-sm-6">
											{!! Form::hidden('encriptedLoanProductId', $encriptedLoanProductId, ['id' => 'encriptedLoanProductId']) !!}
											{!! Form::text('loanProduct', $product->code.' - '.$product->name, ['class' => 'form-control',
											'type' => 'text', 'readonly' => 'readonly' ]) !!}
										</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',array('' =>'Select') +  $eligibleRepaymentFrequencies, null, array('class'=>'form-control', 'id' =>
											'repaymentFrequencyId')) !!}
										</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::select('installmentNum', array('' => 'Select'), null, array('class'=>'form-control', 'id' => 'installmentNum',
											'data-validate' => 'required')) !!}
										</div>
									</div>

									{{--  productTypeId = 1 means it is a regular loan. Regular loan by default flat method. it does not follow decline method  --}}

									<div class="form-group">
										{!! Form::label('interest calculation method', 'Interest Calculation Method:', ['class' => 'col-sm-3
										control-label']) !!}
										<div class="col-sm-6">
											{!! Form::text('interestCalculationMethod', 'Flat', ['class' => 'form-control', 'type' =>
											'text', 'readonly' => 'readonly' ]) !!}
										</div>
									</div>
                                    
                        			<div class="form-group">
                        				{!! Form::label('effective date', 'Effective Date:*', ['class' => 'col-sm-3 control-label']) !!}
                        				<div class="col-sm-6">
                        					{!! Form::text('effectiveDate', $value = $product->startDate, ['class' => 'form-control', 'id' => 'effectiveDate', 'type' => 'text', 'readonly' => 'readonly', 'data-validate' => 'required, minlength[5]', 'style'=>'cursor:pointer' ]) !!}
                        				</div>
                        			</div>
                                    
                                    <div class="form-group">
                                        {!! Form::label('interest rate', 'Interest Rate Percentage (%):*', ['class' => 'col-sm-3 control-label']) !!}
                                        <div class="col-sm-6">
                                            {!! Form::text('interestRate', $value = null, ['class' => 'form-control', 'id' => 'interestRate', 'type' => 'text', 'data-validate' => 'required' ]) !!}
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        {!! Form::label('interest rate index', 'Interest Rate Index:*', ['class' => 'col-sm-3 control-label']) !!}
                                        <div class="col-sm-6">
                                            {!! Form::text('interestRateIndex', $value = null, ['class' => 'form-control', 'id' => 'interestRateIndex', 'type' => 'text', 'data-validate' => 'required, minlength[5]' ]) !!}
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-sm-3 control-lable">Is Rasio Wish Installment Applicable:</label>
										<div class="col-sm-6">
                                            <select class="form-control" id="ratioWiseInstallmentApplicable" name="ratioWishInstallment">
                                                <option selected value="0">No</option>
                                                <option value="1">Yes</option>
                                            </select>
										</div>
									</div>
                                    <div class="form-group" id="basePerThousand">
                                        <label class="col-sm-3 control-lable">Base rasio per thousand:</label>
										<div class="col-sm-6">
                                            <input type="number" class="form-control"  name="basePerThousand">
										</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('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() {

            $("#effectiveDate").datepicker({
                changeMonth: true,
                changeYear: true,
                dateFormat: 'dd-mm-yy',
                onSelect: function(){
                    $(this).closest('div').find('.error').remove();
                }
            });


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

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

            $('#repaymentFrequencyId').change(function(event) {
                $("#installmentNum option:gt(0)").remove();

                var productId = $("#encriptedLoanProductId").val();

                if ($(this).val() == '' || productId == '') {
                    return false;
                }
                else{                   

                    $.ajax({
                        url: './../mfn/getLoanProductFrequenctWiseInstallments',
                        type: 'POST',
                        dataType: 'json',
                        data: {productId: productId, repaymentFrequencyId: $(this).val()},
                    })
                    .done(function(installments) {
                        $.each(installments, function(index, val) {
                            $("#installmentNum").append("<option value='"+index+"'>"+val+"</option>");
                        });
                    })
                    .fail(function() {
                        alert("response error");
                    });
                }

            });


            $('#basePerThousand').hide();
            $(document).on('change', '#ratioWiseInstallmentApplicable', function(){
                if ($('#ratioWiseInstallmentApplicable').val() > 0) { $("#basePerThousand").show(); }else{ $('#basePerThousand').hide(); $('#basePerThousand').empty(); }
            });

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

                $.ajax({
                    url: './../storeLoanProductInterestRate',
                    type: 'POST',
                    dataType: 'json',
                    data: $(this).serialize(),
                })
                .done(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);
                            }
                            else{
                                toastr.success(_response.responseText, _response.responseTitle, opts);
                                setTimeout(function(){
                                    window.location.href = "{{ url('viewLoanProduct/') }}";
                                }, 3000);
                            }
                        }
                })
                .fail(function() {
                    alert("response error");
                });
                
            });

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