@{
    Layout = "_HomeLayout.cshtml";
}

@{
    ViewBag.Title = "Change Control 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">
               PCRB List
            </td>
        </tr>
    </table>
</div>
<div id="specialRequestdiv" class="k-content" style="font-size: 11px">


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

                            columns.Bound(l => l.IssueID)
                                        .ClientTemplate("<a href='/ChangeControl/Edit?IssueID=#=IssueID#'>#=MesaIdTitle#</a>").Width("50px");
                            columns.Bound(l => l.StartDate).Format("{0:MM/dd/yy}").Width("50px");
                            columns.Bound(l => l.Owner).Width("50px");
                            columns.Bound(l => l.Title).Width("150px");
                            columns.Bound(l => l.ChangeLevel).Width("50px");
                            columns.Bound(l => l.PCRBStatus).Width("50px");
                            columns.Bound(l => l.StatusDate).Format("{0:MM/dd/yy}").Width("50px");
                            columns.Bound(l => l.Generations).Title("Affected Generations").Width("100px");
                            columns.Bound(l => l.ToolTypes).Title("Affected Tools").Width("100px");
                            columns.Bound(l => l.Processes).Title("Affected Processes").Width("100px").Encoded(false);
                            columns.Bound(l => l.ActionItemResponsibility).Title("Responsibility for open actions").Width("150px").HtmlAttributes(new { style = "font-weight: bold; color: red;" });
                          
                        })
                            
                            .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.IssueID);

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

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

        numStr = 'P' + numStr
        return numStr;
    }


</script>