$(document).ready(function () {
	var documentEditor;
	var notesEditor;
	/* Documents Table */
    documentEditor = new $.fn.dataTable.Editor({
        ajax: {
            create: '/Home/NewDocumentData',
            edit: {
                type: 'PUT',
                url: '/Home/EditDocumentData'
            },
            remove: {
                type: 'DELETE',
                url: '/Home/DeleteDocumentData'
            }
        },
        idSrc: 'id',
        table: "#otherDocsTable",
        fields: [{
            label: "Type:",
            name: "type"
        }, {
            label: "Document or Drawing:",
            name: "documentOrDrawing"
        }, {
            label: "Value:",
            name: "value"
        }
        ]
    });

    // Activate an inline edit on click of a table cell
    $('#otherDocsTable').on('click', 'tbody td.row-edit', function (e) {
        documentEditor.inline(table.cells(this.parentNode, '*').nodes(), {
            submitTrigger: -2,
            submitHtml: '<i class="fa fa-check"/>'
        });
    });

    // Delete row
    $('#otherDocsTable').on('click', 'tbody td.row-remove', function (e) {
        documentEditor.remove(this.parentNode, {
            title: 'Delete record',
            message: 'Are you sure you wish to delete this record?',
            buttons: 'Delete'
        });
    });

    var table = $('#otherDocsTable').DataTable({
        dom: "Bfrtip",
        ajax: {
            "type": "GET",
            "url": "/Home/GetOtherDocumentData",
            "contentType": "application/json; charset=utf-8",
            "dataType": "json"
        },
        info: false,
        columns: [
            { "data": 'type' },
            { "data": 'documentOrDrawing' },
            { "data": 'value' },
            {
                data: null,
                defaultContent: '<i class="fa fa-pencil"/>',
                className: 'row-edit dt-center',
                orderable: false
            },
            {
                data: null,
                defaultContent: '<i class="fa fa-trash"/>',
                className: 'row-remove dt-center',
                orderable: false
            },
        ],
        select: {
            style: 'os',
            selector: 'td:first-child'
        },
        buttons: [{
            extend: "createInline",
            editor: documentEditor,
            formOptions: {
                submitTrigger: -2,
                submitHtml: '<i class="fa fa-check"/>'
            }
        }]
    });

    /* Notes Table */
    notesEditor = new $.fn.dataTable.Editor({
        ajax: {
            create: '/Home/NewNotesData',
            edit: {
                type: 'PUT',
                url: '/Home/EditNotesData'
            },
            remove: {
                type: 'DELETE',
                url: '/Home/DeleteNotesData'
            }
        },
        idSrc: 'id',
        table: "#notesTable",
        fields: [{
            label: "Type:",
            name: "type"
        }, {
            label: "Note File:",
            name: "noteFile"
        }, {
            label: "Value:",
            name: "value"
        }
        ]
    });

    // Activate an inline edit on click of a table cell
    $('#notesTable').on('click', 'tbody td.row-edit', function (e) {
        notesEditor.inline(table.cells(this.parentNode, '*').nodes(), {
            submitTrigger: -2,
            submitHtml: '<i class="fa fa-check"/>'
        });
    });

    // Delete row
    $('#notesTable').on('click', 'tbody td.row-remove', function (e) {
        notesEditor.remove(this.parentNode, {
            title: 'Delete record',
            message: 'Are you sure you wish to delete this record?',
            buttons: 'Delete'
        });
    });

    var table = $('#notesTable').DataTable({
        dom: "Bfrtip",
        ajax: {
            "type": "GET",
            "url": "/Home/GetNotesData",
            "contentType": "application/json; charset=utf-8",
            "dataType": "json"
        },
        info: false,
        columns: [
            { "data": 'type' },
            { "data": 'noteFile' },
            { "data": 'value' },
            {
                data: null,
                defaultContent: '<i class="fa fa-pencil"/>',
                className: 'row-edit dt-center',
                orderable: false
            },
            {
                data: null,
                defaultContent: '<i class="fa fa-trash"/>',
                className: 'row-remove dt-center',
                orderable: false
            },
        ],
        select: {
            style: 'os',
            selector: 'td:first-child'
        },
        buttons: [{
            extend: "createInline",
            editor: notesEditor,
            formOptions: {
                submitTrigger: -2,
                submitHtml: '<i class="fa fa-play"/>'
            }
        }]
    });
});