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

<script>
    $('.js-validateform').validate({
        rules: {
            title: {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 job.<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-selectize').selectize();

    //Click add new client button
    $('.js-addnewclient').on('click', function() {
        $.ajax({
            url: "{{ action('ClientController@create') }}",
            dataType: 'html',
            type: 'GET',
        }).success(function(response) {
            bootbox
                .dialog({
                    title: '...',
                    message: response,
                        onEscape: true,
                        backdrop: true
                }).on('shown.bs.modal', function() {
                    var title = $('.js-form-title').data('title');
                    var firstfield = $('input[name=name]');
                    $('.modal-title').html(title);
                    firstfield.focus();
                }).addClass('js-addnewclientform');
        });

        return false;
    });
</script>