@model IEnumerable<ePMS_v_1_1_0.Models.SubIndicators>

@{
    if (TempData["Message"] != null)
    {
        if (TempData["Error"] == null)
        {
            <script>
                $(document).ready(function () {
                    $('pre').addClass('prettyprint');
                    prettyPrint();
                    swal("Success!", '@TempData["Message"]', "success");
                });
            </script>
        }
        else
        {
            <script>
                $(document).ready(function () {
                    $('pre').addClass('prettyprint');
                    prettyPrint();
                    swal("Cancelled", '@TempData["Message"]', "error");
                });
            </script>
        }
    }
    TempData["Error"] = null;
    TempData["Message"] = null;
}

<link href="~/Content/assets/plugins/sweetalert/sweetalert.css" rel="stylesheet" />

<main class="mn-inner">
    <div class="row">
        <div class="col s12">
            <div class="page-title">
                <a href="@Url.Action("index", "Programmes")"><i class="material-icons prefix">store</i></a> |
                <a href="@Url.Action("index", "SubProgrammes", new { Programme = @ViewBag.ProgrammeID })"><i class="material-icons prefix">skip_previous</i> @ViewBag.ProgrammeName</a> |
                <a href="@Url.Action("index", "PerformanceIndicators", new { subProgramme = @ViewBag.SubProgrammeID })"><i class="material-icons prefix">skip_previous</i> @ViewBag.SubProgrammeName</a>
                <br /> @ViewBag.Indicator
            </div>

        </div>
        <div class="col s12 m12 l12">
            <div class="card visitors-card" >
                <div class="card-content">
                    <span class="card-title">Sub-Indicator List</span>

                    <table id="example" class="display responsive-table datatable-example">
                        <thead>
                            <tr>
                                <th>#</th>
                                <th>Sub-Indicator Description</th>
                                <th>IsVerified</th>
                                <th></th>
                            </tr>
                        </thead>
                        <tfoot>
                            <tr>
                                <th>#</th>
                                <th>Sub-Indicator Description</th>
                                <th>IsVerified</th>
                                <th></th>
                            </tr>
                        </tfoot>
                        <tbody>

                            @{
                                int i = 1;
                                foreach (var item in Model)
                                {
                                    <tr>
                                        <td>@i</td>
                                        <td><a href="@Url.Action("QuarterlyTargetsList", "SubIndicators", new { subIndicatorID = @item.SubIndicatorID })">@item.SubIndicatorDescription</a></td>
                                        <td>@item.IsVerified</td>
                                        <td>
                                            @{
                                                if (Session["OfficeLevel"].ToString() == "2")
                                                {
                                                    if (Session["UserRole"].ToString() == "4")
                                                    {
                                                        <a href="@Url.Action("Verify", "SubIndicators", new { SubIndicatorID = @item.SubIndicatorID })" class="btn-floating  waves-effect waves-light #FF9934">
                                                            <i class="material-icons">done</i>
                                                        </a>
                                                    }
                                                    else
                                                    {
                                                        <a href="@Url.Action("Edit", "SubIndicators", new { SubIndicatorID = @item.SubIndicatorID })" class="btn-floating  waves-effect waves-light #006431 orange darken-1">
                                                            <i class="material-icons">mode_edit</i>
                                                        </a>
                                                        <a href="@Url.Action("Delete", "SubIndicators", new { SubIndicatorID = @item.SubIndicatorID })" class="btn-floating  waves-effect waves-light red">
                                                            <i class="material-icons">delete</i>
                                                        </a>
                                                    }
                                                }
                                            }

                                        </td>
                                    </tr>
                                                    i++;
                                                }
                            }

                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</main>

@{
    if (Session["UserRole"].ToString() == "5" && Session["OfficeLevel"].ToString() == "2")
    {
        <div class="fixed-action-btn horizontal click-to-toggle" style="bottom: 45px; right: 84px;">
            <a href="@Url.Action("Create", "SubIndicators", new { Id = 1 })" class="btn-floating btn-large #006431 orange darken-1">
                <i class="material-icons">add</i>
            </a>
        </div>
    }
}


@Scripts.Render("~/bundles/scripts/tables")