@model Neo.LegitimateLicences.BusinessRuleBypassRequest.BusinessRuleBypassRequestDashboardModel
@using Neo.Afx.ComponentModel
@using Neo.Afx.Security
@using Neo.Afx.Mvc
@using Neo.LegitimateLicences.Common;

<script type="text/javascript">
@Html.Raw("function ViewModel" + Model.AjaxRequestTicket + "() { }")

@Html.Raw("$.extend(ViewModel" + Model.AjaxRequestTicket + ".prototype,")
{
    data: ko.mapping.fromJSON('@Html.Raw(Model.Data.ToJson(JsonSerializerOptions.EscapeBackSlash | JsonSerializerOptions.FormatDateTime))'),   
    comments: ko.observable(@Html.Raw(Model.Comments.ToJson(JsonSerializerOptions.FormatDateTime | JsonSerializerOptions.EscapeBackSlash))),  
    wf: @Html.Raw(Model.WorkflowInstance.ToJson(JsonSerializerOptions.None))
});
</script>

<script type="text/javascript">
@Html.Raw("$.extend(ViewModel" + Model.AjaxRequestTicket + ".prototype,")
{
         

});
</script>

<div id="@(new HtmlString("koContainer" + Model.AjaxRequestTicket))">
    @Html.Partial("Console.PageHeader")

    @*<div class="row">
        <div class="col">
            <div id="MainCard" class="card">
                <div class="card-header navbar">
                    <h4 class="card-title" data-bind="text:wf.Description"></h4>
                </div>
            </div>
        </div>
    </div>*@



    <div class="row">
        <div class="col-sm-3 col-lg-3" data-bind="visible: comments().length > 0">
            <div id="MainCard" class="card">
                <div class="card-header navbar">
                    <h4 class="card-title">
                        Latest Comments
                    </h4>
                </div>
                <div class="card-body">
                    <div data-bind="foreach: comments">
                        <div style="padding-bottom:15px;" class="row">
                            <div class="item col-sm-12 col-lg-12">
                                <div>
                                    <label class="bmd-label-floating" data-bind="text:Comments"></label><br />
                                    <span style="font-weight:bold;" data-bind="text:UserCreatedBy.FullName + ' @@ ' + CreatedDate"></span>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>


    <script type="text/javascript">
    @Html.Raw("var viewModel = new ViewModel" + Model.AjaxRequestTicket + "();")

    $().ready(function () {
        var mainDiv = $("#@(new HtmlString("koContainer" + Model.AjaxRequestTicket))");
        ko.cleanNode(mainDiv[0]);
        ko.applyBindings(viewModel, mainDiv[0]);               
    });
    </script>