{!! Form::model(new jobbag\Task, ['route' => ['tasks.store'], 'class' => 'js-form-title js-validateform', 'data-title' => 'Add new task']) !!}
    @include('modal/tasks/_form', ['submit_text' => 'Add'])
{!! Form::close() !!}

<script>
    $('.js-validateform').validate({
        rules: {
            description: {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-jobs').bootstrapTable('refresh');
                        $('<p class="alert bg-success">Successful add new task.<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');
                    }
                 }
            });

            return false;
        }
    });

    $('.js-datepicker').datepicker({
        autoclose: true,
        todayHighlight: true
    });
</script>