@extends('layouts/microfin_layout')
@section('title', '| Monthly Repayment Mode Type')
@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('viewMonthlyRepaymentModeList/') }}" class="btn btn-info pull-right addViewBtn">
                        <i class="glyphicon glyphicon-th-list viewIcon"></i>
                        Monthly Repayment Mode Lists
                    </a>
                </div>
                <div class="panel panel-default panel-border">
                    <div class="panel-heading">
                        <div class="panel-title">New Monthly Repayment Mode</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 monthly repayment mode name', 'onfocus' => 'this.placeholder=""', 'onblur' => 'this.placeholder="Enter monthly repayment mode name"' ]) !!}
                                        </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('viewMonthlyRepaymentModeList/')}}" 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(){
            $('form').submit(function(event){
                event.preventDefault();

                $.ajax({
                    type: 'post',
                    url: './addMonthlyRepayment',
                    dataType: 'json',
                    data: $('form').serialize(),
                    success: function(_response) {
                        if(_response.errors) {
                            if(_response.errors['name'])
                                toastr.warning(_response.errors.name, null, opts);
                           
                        } else {
                            toastr.success(_response.responseText, _response.responseTitle, opts);
                            
                            setTimeout(function(){
                                window.location.href = 'viewMonthlyRepaymentModeList';
                            }, 3000);
                        }
                    },
                    error: function(_response) {
                        alert(_response.errors);
                    }
                });

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