function UpLoadAttachment() {
    var file = $('<input type="file" style="display: none;" multiple="multiple" />');
    file.change(function () {
        var files = this.files;
        if (files.length > 0) {
            onSaveAttachment(files);
        }
    }).click();
}

var filesinuploading = [];
var uploadingindex = -1;
var fileupload_errors = "";
function onSaveAttachment(files) {
    fileupload_errors = "";
    if (!fuelid) {
        OnSave(0, this, function () {
            showloading(true);
            if (filesinuploading.length > 0) {
                for (var i = 0; i < files.length; i++)
                    filesinuploading.push(fuelid, files[i]);
            }
            else {
                filesinuploading = files;
                DoUploadAttachments(fuelid);
            }
        });
        return;
    }
    else {
        showloading(true);
        if (filesinuploading.length > 0) {
            for (var i = 0; i < files.length; i++)
                filesinuploading.push(files[i]);
        }
        else {
            filesinuploading = files;
            DoUploadAttachments(fuelid);
        }
    }
}

function DoUploadAttachments(fid) {
    if (fid != fuelid) {
        filesinuploading = [];
        uploadingindex = -1;
        return;
    }
    uploadingindex++;
    if (uploadingindex >= filesinuploading.length) {
        uploadingindex--;
        filesinuploading = [];
        uploadingindex = -1;
        getAttachments();
        if (fileupload_errors !== "")
            showAlert(fileupload_errors, GetTextByKey("P_WO_XXXXX", 'Upload failed'));
        showloading(false);
        return;
    }
    var file = filesinuploading[uploadingindex];
    if (file.name.length > 200) {
        showUplpadingStatus(GetTextByKey("P_WO_XXX", "Attachment name length cannot be greater than 200."));
        DoUploadAttachments(fid);
        return;
    }
    if (file.size == 0) {
        showUplpadingStatus(GetTextByKey("P_WO_ATTACHMENTSTIPS", "Attachment size is 0kb, uploading failed."));
        DoUploadAttachments(fid);
        return;
    }
    if (file.size > 50 * 1024 * 1024) {
        showUplpadingStatus(GetTextByKey("P_WO_ATTACHMENTSTIPS1", "Attachment is too large. Maximum file size is 50 MB."));
        DoUploadAttachments(fid);
        return;
    }

    var formData = new FormData();
    formData.append("iconFile", file);
    formData.append("MethodName", "AddAttachment");
    formData.append("ClientData", fid);
    $.ajax({
        url: 'AddFuelRecord.aspx',
        type: 'POST',
        dataType: 'json',
        processData: false,
        contentType: false,
        data: formData,
        async: true,
        success: function (data) {
            if (data !== 'OK') {
                showAlert(data, GetTextByKey("P_FR_ATTACHMENTS", 'Attachment File'));
            } else {
                DoUploadAttachments(fid);
            }
        },
        error: function (err) {
            showUplpadingStatus(GetTextByKey("P_WO_XXXXX", 'Upload failed'));
            DoUploadAttachments(fid);
        }
    });
}

function showUplpadingStatus(msg) {
    if (filesinuploading.length == 0) return;
    var filename = filesinuploading[uploadingindex].name;
    if (filename.length > 50)
        filename = filename.substring(0, 49) + "...";

    var statustxt = filename + " - " + msg;
    if (fileupload_errors === "")
        fileupload_errors = statustxt;
    else
        fileupload_errors = fileupload_errors + " \n " + statustxt;
}

function deleteAttachment(attID) {
    if (confirm(GetTextByKey("P_FR_DELETEATTACHMENTTIPS", "Are you sure you want to delete the attachment?"))) {
        fuelrequest("DeleteAttachment", attID, function (data) {
            if (data !== 'OK') {
                showAlert(data, GetTextByKey("P_FR_DELETEATTACHMENT", 'Delete Attachment'));
            }
            else
                getAttachments();
        }, function (err) {
            showAlert(GetTextByKey("P_FR_FAILEDDELETEATTACHMENT", 'Failed to delete this attachment.'), GetTextByKey("P_FR_DELETEATTACHMENT", 'Delete Attachment'));
        });
    }
}


function getAttachments() {
    if (fuelid) {
        $('#tbAttas').empty();
        $('#lable_attachment').hide();
        fuelrequest('GetAttachments', fuelid, function (data) {
            if (data && data.length > 0) {
                if (fuel && fuel.IsComesFromAPI)
                    $('#lable_attachment').show();
                $('#tabAttachments').show();
                var flist = data;
                for (var i = 0; i < flist.length; i++) {
                    var trrecoard = $('<tr></tr>').attr('id', flist[i].ID);
                    var tdfile = $('<td style=""></td>');
                    var filename = $("<label style='border-bottom: 1px solid RGB(30, 144, 255);color: RGB(30,144,255);cursor:pointer;'></label>").text(flist[i].FileName).click(function () {
                        window.open("../filesvc.ashx?attchid=" + this.parentElement.parentElement.id + "&sourceType=workorderattachment");
                    });
                    var span = $('<span></span>').text(flist[i].AddedByUserName).css("margin-right", 5).css("margin-left", 5).css("color", "black");
                    var spanby = $('<span></span>').text(flist[i].AddedOnStr).css("color", "black");
                    tdfile.append(filename, span, spanby);

                    if (isshowdelete) {
                        var tdimg = $('<td style="width:18px;border:none;text-align:center;"></td>');
                        var imgDom = $('<span class="sbutton icondelete" style="padding:0;" ></span>').click(function () {
                            deleteAttachment(this.parentElement.parentElement.id);
                        });
                        tdimg.append(imgDom);
                        trrecoard.append(tdimg);
                    }
                    trrecoard.append(tdfile).appendTo($('#tbAttas'));
                }
            }
        });
    }
}