@{
    Layout = "_HomeLayout.cshtml";
}

@{
    ViewBag.Title = "Corrective Action List";
}

<div class="panel panel-default">
    <div class="panel-heading">
        <table style="width: 100%">
            <tr>
                <td align="center" style="font-size: 15px; font-weight: bold; color: crimson">
                    Corrective Action List
                </td>
            </tr>
        </table>
    </div>
    <div id="auditListdiv" class="k-content" style="font-size: 11px">


        @(Html.Kendo().Grid<Fab2ApprovalSystem.Models.CorrectiveAction>()
                        .Name("CAList")
                        .Columns(columns =>
                        {

                            columns.Bound(l => l.CANo)
                                        .ClientTemplate("<a href='/CorrectiveAction/Edit?IssueID=#=CANo#'>#=formatIssueID(CANo)#</a>").Width("50px");

                            columns.Bound(l => l.CASource).Width("100px");
                            columns.Bound(l => l.RequestorName).Title("Requestor").Width("250px");
                            columns.Bound(l => l.D1AssigneeName).Title("Assignee").Width("100px");
                            columns.Bound(l => l.IssueDate).Format("{0:MM/dd/yy}").Width("100px");
                            columns.Bound(l => l.CATitle).Width("150px");
                            columns.Bound(l => l.StatusName).Width("50px");
                            columns.Bound(l => l.PendingApprovers).Width("100px");
                            columns.Bound(l => l.PendingAIOwners).Width("100px").Title("Action Item Owners");
                            columns.Bound(l => l.D8DueDate).Format("{0:MM/dd/yy}").Width("100px");
                            columns.Bound(l => l.ClosedDate).Format("{0:MM/dd/yy}").Width("100px");

                        })

                            .Selectable(selectable => selectable.Mode(GridSelectionMode.Single).Type(GridSelectionType.Row))
                            .Editable(editable => editable.Mode(GridEditMode.InLine))
                            .HtmlAttributes(new { style = "height:700px; width:100%; font-size: 11px" })
                            .Scrollable()
                            .Sortable()
                            .Resizable(r => r.Columns(true))
                            .Filterable(filterable => filterable
                                            .Extra(false)
                                            .Operators(operators => operators
                                                .ForString(str => str
                                                    .Clear()
                                                    .Contains("Contains")
                                                    .DoesNotContain("Does not contain")
                                                    .StartsWith("Starts with")
                                                    .EndsWith("Ends with")
                                                    .IsEqualTo("Is equal to")
                                                    .IsNotEqualTo("Is not equal to ")
                                                    )
                                                )
                                )
                            .Pageable(pageable => pageable
                                .Refresh(true)
                                .PageSizes(true)
                                .ButtonCount(5))

                            .DataSource(dataSource => dataSource
                                        .Ajax()
                                        .Model(model =>
                                    {
                                        model.Id(p => p.CANo);

                                        //model.Field(p => p.TotalCost).Editable(false);
                                    })
                                        .PageSize(50)
                                        .Read(read => read.Action("GetCorrectiveActionList", "Home"))
                //.Destroy(destroy => destroy.Action("DeleteItem", "Home"))
                                        )
        )
    </div>
</div>

<script>
    function formatIssueID(num) {
        var length = 5;
        var numStr = num.toString();
        while (numStr.length < length) {
            numStr = '0' + numStr;
        }

        numStr = 'C' + numStr
        return numStr;
    }


</script>