@model Fab2ApprovalSystem.Models.CAFindings

@Html.HiddenFor(model => model.ID, new { id = "caFindingsID" })
@Html.HiddenFor(model => model.AuditNo, new { id = "caFindingsAuditNo" })
<div>

    @(Html.Kendo().Upload()
                .Name("CAFindings_Attachemnt")
                .Async(a => a
                        .Save("SaveCAFindings_Attachemnt", "Audit")
                        .AutoUpload(true)
                    )
                .ShowFileList(false)
                        .Events(events => events.Upload("CAFindingsUploadData").Success("RefreshGrids").Error("CAFindingsFileUplaodError")
                )

    )
</div>
<div class="row">
    <div class="col-sm-12">


        @(Html.Kendo().Grid<Fab2ApprovalSystem.Models.CA_Attachment>()
                    .Name("CAFindings_Attachments")
            .Columns(columns =>
            {
                columns.Bound(a => a.ID).Visible(false);
                columns.Bound(a => a.FileGUID).Visible(false);
                columns.Bound(a => a.CAFindingsID).Visible(false);
                columns.Bound(a => a.FileName);
                columns.Bound(a => a.UploadedByName);
                columns.Bound(a => a.UploadDateTime).Format("{0:MM/dd/yy hh:mm:ss}");
                columns.Command(command => command.Custom("View").Click("DownloadAttachment"));
                columns.Command(command => command.Custom("Delete").Click("DeleteCAFindingsAttachment"));

            })

            .Sortable()
            .Scrollable()
            .HtmlAttributes(new { style = "height:125; width:100%; font-size: 10px" })
            .DataSource(dataSource => dataSource
                        .Ajax()
                        .ServerOperation(false)
                        .Model(model =>
                        {
                            model.Id(p => p.ID);
                        })
                        .PageSize(50)
                        .Read(read => read.Action("GetCAFindingsItemAttachments", "Audit", new { caFindingsID = Model.ID }))
                )
        )
    </div>
</div>




<script type="text/javascript">
    var fileData;


    function RefreshGrids(e) {
        var grid = $("#CAFindings_Attachments").data("kendoGrid");
        grid.dataSource.read($("#caFindingsID").val());
        RefreshCAFindingsGrid();
    }

    function CAFindingsUploadData(e) {
        fileData = e;
        var files = e.files;
        $.each(files, function () {

            if (!this.extension.toLowerCase().match(/^(.doc|.docx|.ppt|.pptx|.xls|.xlsx|.xlsm|.pdf|.gif|.jpeg|.jpg|.bmp|.png|.txt|.slddrw|.sldprt)$/)) {
                alert("Only Word/PowerPoint/Excel/PDF/Image/Text files can be uploaded!")
                e.preventDefault();
            }

        });


        e.data = {
            caFindingsID: $("#caFindingsID").val(),
            auditNo: $("#caFindingsAuditNo").val()
        };
    }


    function RefreshCAFindingsGrid() {
        var grid = $("#CAFindings").data("kendoGrid");
        grid.dataSource.read($('@Model.AuditNo').val());
    }


    function DeleteCAFindingsAttachment(e) {
        e.preventDefault();
        if (confirm("Are you sure you want to delete this Attachment?")) {
            var dataItem = this.dataItem($(e.currentTarget).closest("tr"));
            var fileName = dataItem.FileGUID;
            var attachmentID = dataItem.ID;

            $.ajax({
                url: "/Audit/DeleteAuditReportAttachment",
                type: "POST",
                datatype: "json",
                data: {
                    attachID: attachmentID
                },
                success: function (data) {

                    RefreshGrids();
                },
                error: function (result) {
                    alert("Failed " + result);
                }
            });
        }
    }

    function CAFindingsFileUplaodError(e) {
        if (e.errors) {
            var message = "Errors:\n";
            $.each(e.errors, function (key, value) {
                if ('errors' in value) {
                    $.each(value.errors, function () {
                        message += this + "\n";
                    });
                }
            });
            alert(message);
        }

        alert("Error");
    }

</script>