@{
    ViewBag.Title = "Reports";
}

<div class="panel panel-default">
    <div class="panel-heading">
        <table style="width: 100%">
            <tr>
                <td align="center" style="font-size: 24px; font-weight:bold; color: crimson">
                    Reports
                </td>
            </tr>
        </table>
    </div>
    <div id="reportslistdiv" class="k-content" style="font-size: 16px">
        @if (ViewBag.HasITARAccess == false)
        {
            <span>ITAR access is required for reports</span>
        }
        else
        {
            @(Html.Kendo().Grid<Fab2ApprovalSystem.ViewModels.ReportViewModel>()
                .Name("reportslist")
                .Columns(columns =>
                {
                    columns.Bound(m => m.ReportName).Width("30%").ClientTemplate("<a href='" + @Url.Action("Report", "Reports") + "/#=ReportID#'>#=ReportName#</a>");
                    columns.Bound(m => m.Description);
                })
                .DataSource(dataSource => dataSource
                    .Ajax()
                    .Read(read => read.Action("GetReports", "Reports"))
                    .Events(events => events.Error("getReportsError"))
                )
            )
        }
    </div>
</div>
<script type="text/javascript">
    function getReportsParms() {
        return {
            docType: "",
        };
    };
    function getReportsError(e, status) {
        alert("A server error has occurred: " + e.errorThrown);
    }
</script>