$(function () {
    //Attach tinymce to text areas for content editing
    tinymce.init({
        content_css: "../Content/custom_content.css",
        selector: '#Description',
        language: 'nl',
        menubar: false,  // removes the menubar
        plugins: ['autolink link'],
        toolbar: ['undo redo | bold italic underline | alignleft aligncenter alignright | bullist numlist | link'],
        convert_fonts_to_spans: true
    });

    //Attach date/time picker
    $(".date-time-picker").flatpickr({    
        locale: "nl",
        enableTime: true,
        dateFormat: "d-m-Y H:i",
    });

    //Override jquery date validation because of Chrome bug
    $.validator.methods.date = function (value, element) {
        return this.optional(element) || (/^\d{1,2}[\/-]\d{1,2}[\/-]\d{4}(\s\d{2}:\d{2}(:\d{2})?)?$/.test(value)
                && !/Invalid|NaN/.test(new Date(value.substr(6, 4) + '-' + value.substr(3, 2) + '-' + value.substr(0, 2))));
    }
});

function uploadImage(url) {
    var formData = new FormData();
    var totalFiles = document.getElementById("ImageFile").files.length;

    if (totalFiles <= 0) {
        $("#ImageFileError").html("Geen afbeelding geselecteerd");
        return;
    }
    else if (totalFiles > 1) {
        $("#ImageFileError").html("Selecteer maximaal een afbeelding");
        return;
    }
    else {
        //Add the new image
        for (var i = 0; i < totalFiles; i++) {
            formData.append("NewImageFileName", document.getElementById("ImageFile").files[i]);
        }
        //Add the current image
        formData.append("OldImageFileName", $(":hidden[data-imagefilename=true]").val());

        $.ajax({
            type: "POST",
            url: url,
            data: formData,
            dataType: "json",
            contentType: false,
            processData: false,
            success: function (response) {
                if (response != null) {
                    for (var i = 0; i < response.length; i++) {
                        //Check for issues, if none show image
                        if (response[i].Error != null)
                            $("#ImageFileError").html("<br />" + response[i].Error);
                        else {
                            //Apply uploaded image          
                            $(".edit-img").attr("src", response[i].Path);

                            $(":hidden[data-imagefilename=true]").val(response[i].FileName);
                            $("#ImageFileError").html("");
                        }
                    }
                }
            },
            error: function (error) {
                $("#ImageFileError").html("Er is iets misgegaan met het uploaded van de afbeelding. Probeer het nog eens en neem anders contact op met de Administrator");
            }
        })
    }
}