@model Neo.LegitimateLicences.Web.Models.Afx.AfxWorkflowInstancesModel
@using Neo.Afx.ComponentModel
@using Neo.Afx.Mvc

@{               
    Layout = "~/Views/Shared/Afx/Layouts/_ConsolePageLayout.cshtml";
}


@section Initialisation
{
<script>
    @Html.Raw("$.extend(ViewModel" + Model.AjaxRequestTicket + ".prototype,")
    {
        WorkflowInstances: ko.mapping.fromJSON('@Html.Raw(Model.WorkflowInstances.ToJson(JsonSerializerOptions.None))')
    });
</script>
}


@section Events
{
<script>
    @Html.Raw("$.extend(ViewModel" + Model.AjaxRequestTicket + ".prototype,")
    {
        OpenTask: function (data) {
            var queryString = 'entityID=' + data.EntityID() + '&itemID=' + data.ItemID();
            document.location.href = app.rootUrl + data.WorkflowControllerName() + '/Console?' + queryString;
    }
    });
</script>
}

@section Title
{
    @ViewBag.Title
}

@section Content
{
    <span data-bind="visible: WorkflowInstances().length == 0" class="norecordsfound">No records found.</span>
    <table data-bind="visible: WorkflowInstances().length > 0" style="width: 100%;" class="fill-content clickable">
        <tr>
            <th width="60">Reference</th>
            <th >Instance</th>
            <th >Step</th>
        </tr>
        <tbody data-bind="visible: WorkflowInstances().length != 0, foreach: WorkflowInstances()">
            <tr data-bind="click: $root.OpenTask.bind($data)">
                <td data-bind="html: ReferenceNumber"></td>
                <td data-bind="html: Description"></td>
                <td data-bind="html: StepTitle"></td>
            </tr>
        </tbody>
    </table>
}


@section FooterButtons{}