$(function () {
    InitAttachmentGridData();

    $('#dialog_adddocument').dialog(function () {
        showmaskbg(false);
    });
    $(window).resize(function () {
        $("#documentlist").css("height", $(window).height() - $("#documentlist").offset().top - 4);
        grid_attachmentdt && grid_attachmentdt.resize();
    }).resize();
});

function showAttachments(data) {
    var rows = [];
    for (var i = 0; i < data.length; i++) {
        var r = data[i];
        for (var j in r) {
            if (j === "VisibleOnWorkOrder")
                r[j] = { DisplayValue: r["VisibleOnWorkOrder"] ? GetTextByKey("P_UTILITY_YES", "Yes") : GetTextByKey("P_UTILITY_NO", "No"), Value: r[j] };
            else if (j === "VisibleOnMap")
                r[j] = { DisplayValue: r["VisibleOnMap"] ? GetTextByKey("P_UTILITY_YES", "Yes") : GetTextByKey("P_UTILITY_NO", "No"), Value: r[j] };
            else if (j === "VisibleOnMobile")
                r[j] = { DisplayValue: r["VisibleOnMobile"] ? GetTextByKey("P_UTILITY_YES", "Yes") : GetTextByKey("P_UTILITY_NO", "No"), Value: r[j] };
            else if (j === "AddedOnLocal")
                r[j] = { DisplayValue: r["AddedOnLocalStr"], Value: r[j] };
        }
        rows.push(r);
    }

    grid_attachmentdt.setData(rows);
}

var grid_attachmentdt;
function InitAttachmentGridData() {
    $('#btnEdit').attr("disabled", "disabled");

    grid_attachmentdt = createGridView('#documentlist');
    var list_columns = [
        { name: 'Name', caption: GetTextByKey("P_MA_NAME", "Name"), valueIndex: 'Name', allowFilter: true, css: { 'width': 120, 'text-align': 'left' } },
        { name: 'AddedBy', caption: GetTextByKey("P_MA_UPLOADEDBY", "Uploaded By"), valueIndex: 'AddedBy', allowFilter: true, css: { 'width': 100, 'text-align': 'left' } },
        { name: 'VisibleOnWorkOrder', caption: GetTextByKey("P_MA_VISIBLEONWORKORDER", "Visible On Work Order?"), valueIndex: 'VisibleOnWorkOrder', allowFilter: true, css: { 'width': 80, 'text-align': 'left' } },
        { name: 'VisibleOnMap', caption: GetTextByKey("P_MA_VISIBLEONMAP", "Visible On Map?"), valueIndex: 'VisibleOnMap', allowFilter: true, css: { 'width': 80, 'text-align': 'left' } },
        { name: 'VisibleOnMobile', caption: GetTextByKey("P_MA_VISIBLEONMOBILE", "Visible On Mobile?"), valueIndex: 'VisibleOnMobile', allowFilter: true, css: { 'width': 80, 'text-align': 'left' } },
        { name: 'AddedOnLocal', caption: GetTextByKey("P_MA_ADDEDON", "Added On"), valueIndex: 'AddedOnLocal', allowFilter: true, css: { 'width': 80, 'text-align': 'left' } },
        { name: 'Description', caption: GetTextByKey("P_MA_DESCRIPTION", "Desctiption"), valueIndex: 'Description', css: { 'width': 200, 'text-align': 'left' } },
        { name: 'View', caption: "", css: { 'width': 30, 'text-align': 'center' } },
        { name: 'Edit', caption: "", css: { 'width': 30, 'text-align': 'center' } },
        { name: 'Delete', caption: "", css: { 'width': 30, 'text-align': 'center' } }
    ];
    var columns = [];
    // head
    for (var hd in list_columns) {
        var col = {};
        col.name = list_columns[hd].name;
        col.caption = list_columns[hd].caption;
        col.visible = true;
        col.sortable = true;
        col.width = list_columns[hd].css.width;
        col.align = list_columns[hd].css["text-align"]
        col.key = list_columns[hd].valueIndex;
        col.allowFilter = list_columns[hd].allowFilter;

        if (col.name === "View") {
            col.sortable = false;
            col.resizable = false;
            col.type = GridView.ColumnTypes.Icon;
            col.text = 'eye';
            col.iconType = 'fa-light';
            col.events = {
                onclick: function () {
                    openDocumentUrl();
                }
            };
            col.attrs = { 'title': GetTextByKey("P_CRE_EDIT", 'Edit') };
        }
        else if (col.name === "Edit") {
            col.sortable = false;
            col.resizable = false;
            col.type = GridView.ColumnTypes.Icon;
            col.text = 'edit';
            col.iconType = 'fa-light';
            col.events = {
                onclick: function () {
                    onEditDocument();
                }
            };
            col.attrs = { 'title': GetTextByKey("P_CRE_EDIT", 'Edit') };
        }
        else if (col.name === "Delete") {
            col.sortable = false;
            col.resizable = false;
            col.type = GridView.ColumnTypes.Icon;
            col.text = 'times';
            col.iconType = 'fa-light';
            col.events = {
                onclick: function () {
                    onDeleteDocument(this);
                }
            };
            col.attrs = { 'title': GetTextByKey("P_CRE_DELETE", 'Delete') };
        }
        columns.push(col);
    }
    grid_attachmentdt.canMultiSelect = false;
    grid_attachmentdt.columns = columns;
    grid_attachmentdt.init();
    grid_attachmentdt.onRowDblClicked = onEditDocument;
}


function setPreviewAttachment() {
    filedata = undefined;
    $("#tbAssetAttas").empty();
    $('#tr_document_file').hide();
    $('#browseattfile').hide();
}

function getAttachments(machineid) {
    if (!machineid) return;

    showLoading();

    devicerequest("GetAttachments", contractorid + String.fromCharCode(170) + machineid, function (data) {
        hideLoading();
        if (typeof (data) === "string") {
            showAlert(data, GetTextByKey("P_MA_ERROR", 'Error'));
            return;
        }
        var attdata = [];
        if (data && data.length > 0) {
            attdata = data;
        }
        else
            attdata = [];

        showAttachments(attdata);
    }, function (err) {
        hideLoading();
    });
}

function onEditDocument() {
    var doc = grid_attachmentdt.source[grid_attachmentdt.selectedIndex];
    if (!doc) {
        return;
    }
    openAddDocument(doc);
}

function openDocumentUrl() {
    var doc = grid_attachmentdt.source[grid_attachmentdt.selectedIndex];
    if (!doc) {
        return;
    }
    window.open(doc.Url);
}

var assetdocumentid;
function openAddDocument(doc) {
    setPreviewAttachment();
    if (doc) {
        assetdocumentid = doc.Id;
        $('#tr_document_radio').hide();
        $('#dialog_adddoc_name').val(doc.Name);
        $('#dialog_adddoc_desc').val(doc.Description);
        $('#dialog_visibleonwo').prop('checked', doc.VisibleOnWorkOrder.Value);
        $('#dialog_visibleonmap').prop('checked', doc.VisibleOnMap.Value);
        $('#dialog_visibleonmobile').prop('checked', doc.VisibleOnMobile.Value);
        if (doc.FileType.toLowerCase() === "url") {
            $('#dialog_rdourl').prop('checked', true);
            //$('#dialog_adddoc_url').attr("disabled", true);
            $('#dialog_adddoc_url').val(doc.Url);
            $('#tr_document_url').show();

        } else {
            $('#dialog_rdofile').prop('checked', true);
            $('#tr_document_url').hide();
        }
    }
    else {
        assetdocumentid = undefined;
        $('#dialog_adddoc_url').attr("disabled", false);
        $('#tr_document_url').show();
        $('#tr_document_radio').show();

        $('#dialog_adddoc_name').val('');
        $('#dialog_adddoc_url').val('');
        $('#dialog_adddoc_desc').val('');
        $('#dialog_rdourl').prop('checked', true);
        $('#dialog_visibleonwo').attr("checked", false);
        $('#dialog_visibleonmap').attr("checked", false);
        $('#dialog_visibleonmobile').attr("checked", false);
    }
    $('#dialog_adddocument .dialog-title span.title').text(GetTextByKey("P_MA_ADDITIONALDOCUMENTATION", 'Additional Documentation'));
    showmaskbg(true);
    $('#dialog_adddocument')
        .attr('act', 'add')
        .css({
            'top': (document.documentElement.clientHeight - $('#dialog_adddocument').height()) / 3,
            'left': (document.documentElement.clientWidth - $('#dialog_adddocument').width()) / 2
        })
        .showDialogfixed();
    $('#dialog_adddoc_name').focus();
}

var filedata;
function BrowseAssetDocument() {
    var file = $('<input type="file" style="display: none;" multiple="multiple" />');
    file.change(function () {
        var files = this.files;
        var file = files[0];
        if (file.size == 0) {
            alert(GetTextByKey("P_MA_DOCUMENTTIPS", "Document size is 0kb, uploading failed."));
            return false;
        }
        if (file.size > 50 * 1024 * 1024) {
            alert(GetTextByKey("P_MA_DOCUMENTTIPS1", "Document is too large. Maximum file size is 50 MB."));
            return false;
        }
        filedata = file;
        if ($('#dialog_adddoc_name').val() === "")
            $('#dialog_adddoc_name').val(file.name);

        $('#tbAssetAttas').empty();
        var trrecoard = $('<tr></tr>').data('file', file);
        var tdfile = $('<td style=""></td>');
        var filename = $("<label style='border-bottom: 1px solid;cursor:pointer;word-break: break-all;'></label>").text(file.name).click(function () {
            //window.open("../filesvc.ashx?attchid=" + this.parentElement.parentElement.id +  "&sourceType=assetattachment");
        });
        var imgDom = $('<span class="sbutton icondelete" style="padding:0;margin-left:5px;" ></span>').click(function () {
            deletePreviewAssetAttachment(this);
        });

        tdfile.append(filename, imgDom);
        trrecoard.append(tdfile).appendTo($('#tbAssetAttas'));

    }).click();
}

function deletePreviewAssetAttachment(e) {
    filedata = undefined;
    var tr = $(e).parent().parent();
    $(tr).remove();
}

function OnSaveDocument() {
    if (!machineid) {
        OnSave(0, false, function () {
            SaveAssetDocument(filedata);
        });
        return;
    }
    else {
        if (!assetdocumentid)
            SaveAssetDocument(filedata);
        else
            UpdateAssetDocument();
    }
}

function SaveAssetDocument(file) {
    $('#adddocumentmask').show();
    var alerttitle = GetTextByKey("P_MA_ADDITIONALDOCUMENTATION", 'Additional Documentation');
    var item = {
        'CustomerID': contractorid,
        'AssetID': machineid,
        'Name': $('#dialog_adddoc_name').val(),
        'VisibleOnWorkOrder': $('#dialog_visibleonwo').is(':checked'),
        'VisibleOnMap': $('#dialog_visibleonmap').is(':checked'),
        'VisibleOnMobile': $('#dialog_visibleonmobile').is(':checked'),
        'Description': $('#dialog_adddoc_desc').val()
    };

    if (item.Name === "") {
        showAlert(GetTextByKey("P_MA_NAMECANNOTBEEMPTY", 'Name cannot be empty.'), alerttitle);
        $('#adddocumentmask').hide();
        return;
    }

    var type = $('input[name="rdoattachmentmode"]:checked').val();
    if (type === "0") {
        item.FileType = "URL";
        item.Url = $('#dialog_adddoc_url').val();
        if (item.Url === "") {
            showAlert(GetTextByKey("P_MA_URLCANNOTBEEMPTY", 'Url cannot be empty.'), alerttitle);
            $('#adddocumentmask').hide();
            return;
        }
    }
    else {
        if (!file) {
            showAlert(GetTextByKey("P_MA_FILECANNOTBEEMPTY", 'File cannot be empty.'), alerttitle);
            $('#adddocumentmask').hide();
            return;
        }
        item.FileType = file.name.substring(file.name.lastIndexOf("."));
    }

    showloading(true);
    var formData = new FormData();
    formData.append("iconFile", file);
    formData.append("MethodName", "UploadAssetDocument");
    formData.append("ClientData", htmlencode(JSON.stringify(item)));
    $.ajax({
        url: 'ManageMachines.aspx',
        type: 'POST',
        dataType: 'json',
        processData: false,
        contentType: false,
        data: formData,
        async: true,
        success: function (data) {
            showloading(false);
            if (data !== 'OK') {
                showAlert(data, alerttitle);
            } else {
                getAttachments(machineid);
            }
            $('#dialog_adddocument').hideDialog();
            $('#adddocumentmask').hide();
        },
        error: function (err) {
            showloading(false);
            showAlert(err.statusText, alerttitle);
            $('#adddocumentmask').hide();
        }
    });
}

function UpdateAssetDocument() {
    $('#adddocumentmask').show();
    var item = {
        'Id': assetdocumentid,
        'CustomerID': contractorid,
        'Name': $('#dialog_adddoc_name').val(),
        'VisibleOnWorkOrder': $('#dialog_visibleonwo').is(':checked'),
        'VisibleOnMap': $('#dialog_visibleonmap').is(':checked'),
        'VisibleOnMobile': $('#dialog_visibleonmobile').is(':checked'),
        'Description': $('#dialog_adddoc_desc').val()
    };

    if (item.Name === "") {
        showAlert(GetTextByKey("P_MA_NAMECANNOTBEEMPTY", 'Name cannot be empty.'), alerttitle);
        $('#adddocumentmask').hide();
        return;
    }
    var type = $('input[name="rdoattachmentmode"]:checked').val();
    if (type === "0") {
        item.FileType = "URL";
        item.Url = $('#dialog_adddoc_url').val();
        if (item.Url === "") {
            showAlert(GetTextByKey("P_MA_URLCANNOTBEEMPTY", 'Url cannot be empty.'), alerttitle);
            $('#adddocumentmask').hide();
            return;
        }
    }

    showloading(true);
    var param = JSON.stringify(item);
    param = htmlencode(param);
    devicerequest("UpdateAssetDocument", param, function (data) {
        showloading(false);
        if (data !== 'OK') {
            showAlert(data, GetTextByKey("P_MA_ADDITIONALDOCUMENTATION", 'Additional Documentation'));
        } else {
            getAttachments(machineid);
        }
        $('#dialog_adddocument').hideDialog();
        $('#adddocumentmask').hide();
    }, function (err) {
        showloading(false);
        showAlert(err.statusText, GetTextByKey("P_MA_ADDITIONALDOCUMENTATION", 'Additional Documentation'));
        $('#adddocumentmask').hide();
    });
}

function onDeleteDocument() {
    var doc = grid_attachmentdt.source[grid_attachmentdt.selectedIndex];
    if (!doc) {
        return;
    }
    var alerttitle = GetTextByKey("P_MA_DELETEDOCUMENTATION", "Delete Documentation");
    showConfirm(GetTextByKey("P_MA_DELETEDOCUMENTTTIPS", 'Are you sure you want to delete the document?'), alerttitle, function () {
        devicerequest("DeleteAttachment", contractorid + String.fromCharCode(170) + doc.Id, function (data) {
            if (data !== 'OK')
                showAlert(data, alerttitle);
            else
                getAttachments(machineid);
        }, function (err) {
            showAlert(GetTextByKey("P_MA_FAILEDDELETEDOCUMENT", 'Failed to delete this document.'), alerttitle);
        });
    });
}

function viewAttachment(attid) {
    window.open("../filesvc.ashx?attchid=" + attid + "&custid=" + contractorid + "&sourceType=assetattachment");
}