$('#profile_sample_form').on('submit', function (event) {
    event.preventDefault();
    $.ajax({
        url: "{{ route('profile_picture.store', $employee, false) }}",
        method: "POST",
        data: new FormData(this),
        contentType: false,
        cache: false,
        processData: false,
        dataType: "json",
        beforeSend: function () {
            $('#profile_sample_form #action_button').prop('disabled', true);
            $('#profile_sample_form #action_button').text('{{ trans('file.Adding...') }}');
        },
        success: function (data) {
            var html = '';
            if (data.errors) {
                html = '<div>';
                for (var count = 0; count < data.errors.length; count++) {
                    html += '<p>' + data.errors[count] + '</p>';
                }
                html += '</div>';
                $('#profile_sample_form .form-control').removeClass('is-invalid');
                html += '<ul class="mb-0">';
                $.each(data.errors, function (field, message) {
                    $('#profile_sample_form #' + field).addClass('is-invalid');
                    $('.selectpicker').selectpicker("refresh");

                    html += '<li>' + message + '</li>';
                });
                html += '</ul>';

                displayErrorMessage(html);
            }
            if (data.success) {
                if (data.profile_picture) {
                    $('#employee_profile_photo').html(
                        "<img src='{{ URL::to($tenantPath) }}/uploads/profile_photos/" +
                        data.profile_picture +
                        "' width='300' height='300' class='img-thumbnail' />");
                    $('#employee_profile_photo').append(
                        "<input type='hidden'  name='hidden_image' value='" + data
                            .profile_picture + "'  />");
                }
                $('#profile_sample_form')[0].reset();
                displaySuccessMessage(data.success);

            }

            $('#profile_sample_form #action_button').text('{{ trans('file.Add') }}');
            $('#profile_sample_form #action_button').prop('disabled', false);
        }

    });
});