@extends('layouts/microfin_layout')
@section('title', '| Add Loan Product Category')
@section('content')
	<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('viewLoanProductCategory/') }}" class="btn btn-info pull-right addViewBtn">
                    	<i class="glyphicon glyphicon-th-list viewIcon"></i>
                    	Loan Product Category Lists
                    </a>
                </div>
                <div class="panel panel-default panel-border">
                	<div class="panel-heading">
                        <div class="panel-title">New Loan Product Category</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')) !!}
                        			<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', 'placeholder' => 'Enter product category name', 'onfocus' => 'this.placeholder=""', 'onblur' => 'this.placeholder="Enter product category name"' ]) !!}
                        				</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', 'placeholder' => 'Enter short name', 'onfocus' => 'this.placeholder=""', 'onblur' => 'this.placeholder="Enter short name"' ]) !!}
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        {!! Form::label('override savings deposit frequency', 'Override Savings Deposit Frequency:', ['class' => 'col-sm-3 control-label']) !!}
                                        <div class="col-sm-6">
                                            {!! Form::select('overrideSavingsDepositeFrequency', ($damageData['boolean']), '1', array('class'=>'form-control', 'id' => 'overrideSavingsDepositeFrequency')) !!}
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        {!! Form::label('savings deposit frequency for this category', 'Savings Deposit Frequency for this Category:', ['class' => 'col-sm-3 control-label']) !!}
                                        <div class="col-sm-6">
                                            {!! Form::select('overrideSavingsDepositeFrequencyForCategory', ($damageData['savingsDepositFrequency']), 'monthly', array('class'=>'form-control', 'id' => 'overrideSavingsDepositeFrequencyForCategory')) !!}
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        {!! Form::label('monthly collection week', 'Monthly Collection Week:', ['class' => 'col-sm-3 control-label']) !!}
                                        <div class="col-sm-6">
                                            {!! Form::select('monthlyCollectionWeek', ($damageData['monthlyCollectionWeek']), 'first', array('class'=>'form-control', 'id' => 'monthlyCollectionWeek')) !!}
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        {!! Form::label('category type', 'Category Type:', ['class' => 'col-sm-3 control-label']) !!}
                                        <div class="col-sm-6">
                                            {!! Form::select('categoryTypeId', ($damageData['categoryType']), null, array('class'=>'form-control', 'id' => 'categoryTypeId')) !!}
                                        </div>
                                    </div>
                                    
                                    <div class="form-group">
                                        {!! Form::label('Digital Loan Category', 'Digital Loan Category:', ['class' => 'col-sm-3 control-label']) !!}
                                        <div class="col-sm-6">
                                            {!! Form::select('isDigitalCategory', ($damageData['boolean']), '0', array('class'=>'form-control', 'id' => 'isDigitalCategory')) !!}
                                        </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('viewLoanProductCategory/') }}" class="btn btn-danger closeBtn">Close</a>
                                        </div>
                                    </div>
                        		{!! Form::close() !!}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
		</div>
	</div>
	<!-- <script src="{{ asset('js/jquery-1.11.1.min.js') }}"></script> -->
	<script type="text/javascript">	
		$(document).ready(function(){
	        
            $(document).on('click', '#overrideSavingsDepositeFrequency', function() {
                if($(this).val()==0) {
                    $('#overrideSavingsDepositeFrequencyForCategory').parents('.form-group').hide();
                    $('#overrideSavingsDepositeFrequencyForCategory').val('');
                } else {
                    $('#overrideSavingsDepositeFrequencyForCategory').parents('.form-group').show();
                }
            });

            $(document).on('click', '#overrideSavingsDepositeFrequencyForCategory', function() {
                if($(this).val()=='weekly') {
                    $('#monthlyCollectionWeek').parents('.form-group').hide();
                } 
                if($(this).val()=='monthly') {
                    $('#monthlyCollectionWeek').parents('.form-group').show();
                }
            });
            
            $('form').submit(function(event){
	            event.preventDefault();

			    $.ajax({
			        type: 'post',
			        url: './addLoanProductCategoryItem',
			        dataType: 'json',
			        data: $('form').serialize(),
			        success: function(_response) {
                        if(_response.errors) {
                            if(_response.errors['name'])
                                toastr.warning(_response.errors.name, null, opts);
                            if(_response.errors['shortName'])
                                toastr.warning(_response.errors.shortName, null, opts);
                            if(_response.errors['overrideSavingsDepositeFrequency'])
                                toastr.warning(_response.errors.overrideSavingsDepositeFrequency, null, opts);
                            if(_response.errors['overrideSavingsDepositeFrequencyForCategory'])
                                toastr.warning(_response.errors.overrideSavingsDepositeFrequencyForCategory, null, opts);
                            if(_response.errors['monthlyCollectionWeek'])
                                toastr.warning(_response.errors.monthlyCollectionWeek, null, opts);
                            if(_response.errors['categoryTypeId'])
                                toastr.warning(_response.errors.categoryTypeId, null, opts);
                        } else {
                            $("#submit").prop("disabled", true);
                            $('#name').val('');
                            $('#shortName').val('');
                            $('#overrideSavingsDepositeFrequency').val('');
                            $('#overrideSavingsDepositeFrequencyForCategory').val('');
                            $('#monthlyCollectionWeek').val('');
                            $('#categoryTypeId').val('');
                            toastr.success(_response.responseText, _response.responseTitle, opts);
                            
                            setTimeout(function(){
                                window.location.href = '{{ url('viewLoanProductCategory/') }}';
                            }, 3000);
                        }
                    },
                    error: function(_response) {
                        alert(_response.errors);
                    }
			    });

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