{!! Form::model(new jobbag\User, ['route' => ['users.store'], 'class' => 'js-form-title js-validateform', 'data-title' => 'Add new user']) !!}
    <div class="js-createuserstatus"></div>
	@include('modal/users/_form', ['submit_text' => 'Add'])
{!! Form::close() !!}

<script>
    $('.js-validateform').validate({
        rules: {
            name: {required: true},
            username: {required: true},
            email: {required: true},
            password: {required: true},
        },
        highlight: function(element, errorClass, validClass) {
            $(element).parents('.form-group').removeClass('has-success').addClass('has-error');
        },
        unhighlight: function(element, errorClass, validClass) {
            $(element).parents('.form-group').removeClass('has-error').addClass('has-success');
        },
        submitHandler: function(form) {
            $(".js-btnsubmit").attr("disabled", true).val('Wait...');
            var url = $(form).attr('action'),
            data = $(form).serialize();

            $.ajax({
                url: url,
                data: data,
                type: 'post',
                success: function(data) {
                    $('.alert').remove();
                    if(data.success){
                        bootbox.hideAll();
                        $('.js-table-users').bootstrapTable('refresh');
                        $('<p class="alert bg-success">Successful add new user.<button type="button" class="close" data-dismiss="alert" title="Close">x</button></p>').hide().appendTo('.js-status').fadeIn();
                    } else {
                        $('.js-error', form).remove();
                        $('<p class="alert bg-danger js-error">' + data.error + '</span>').hide().prependTo(form).fadeIn();
                        $(".js-btnsubmit").attr("disabled", false).val('Add');
                    }
                },
                error: function(data){
                    $(".js-btnsubmit").attr("disabled", false).val('Add');
                    var errors = '';
                    for(datos in data.responseJSON){
                        errors += data.responseJSON[datos] + '<br>';
                    }
                    $('.js-createuserstatus').show().html('<div class="alert bg-danger">'+errors+'</div>');
                  }
            });

            return false;
        }
    });

    $('.js-selectize').selectize();
</script>