@model  Neo.LegitimateLicences.Applications.AdjudicationModel_AwaitingAdjudicationPanel
@using Neo.Afx.ComponentModel
@using Neo.Afx.Security
@using Neo.Afx.Mvc
@using Neo.LegitimateLicences.Common;
@using System.Linq;

@{
    var userSecurables = (Profile != null && ((Neo.Afx.Security.UserProfile)Profile).Securables != null) ? ((Neo.Afx.Security.UserProfile)Profile).Securables.ToList() : null;
}

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

@Html.Raw("$.extend(ViewModel" + Model.AjaxRequestTicket + ".prototype,")
{
});
</script>

@if (SecurityHelper.UserHasRole(((UserProfile)Profile).Roles, Neo.LegitimateLicences.Common.RoleEnum.AdjudicationSecretary))
{
    <script type="text/javascript">
    @Html.Raw("$.extend(ViewModel" + Model.AjaxRequestTicket + ".prototype,")
    {
        AdjudicationsAwaitingPanel: ko.mapping.fromJSON('@Html.Raw(Model.AdjudicationsAwaitingAdjudicationPanel.ToJson(JsonSerializerOptions.FormatDateTime | JsonSerializerOptions.EscapeBackSlash))')
    });
    </script>
}


<script type="text/javascript">
@Html.Raw("$.extend(ViewModel" + Model.AjaxRequestTicket + ".prototype,")
{
        LoadAdjudication: function (adjudication) {
            if (adjudication.IsAdjudicationTodayOrInPast()) {
                var queryString = 'adjudicationDetailID=' + adjudication.AdjudicationDetailID() + '';
                var target = "Default";

                if (adjudication.AdjudicationDetailStatusID() == 4	/*Awaiting Hearing Quorum*/) {
                    target = "Panel";
                }
                else if (adjudication.AdjudicationDetailStatusID() == 2	/*Awaiting Adjudication Hearing Decisions*/ || adjudication.AdjudicationDetailStatusID() == 3 /*Adjudication Hearing Finalised*/) {
                    target = "Applications";
                }

                document.location.href = "/AdjudicationConsole/Console?" + queryString + "#" + target + "?" + queryString;
            }
            else {
                alert('You will only be allowed to access this adjudication\'s details on the meeting date.');
            }
        }
});
</script>


<div id="@(new HtmlString("koContainer" + Model.AjaxRequestTicket))">
    <div class="page-header flex-lock">
        <h4 class="page-title">Applications</h4>
        <ul class="breadcrumbs">
            <li class="nav-home">
                <a href="/#Dashboards/Default">
                    <i class="flaticon-home"></i>
                </a>
            </li>
            <li class="separator">
                <i class="flaticon-right-arrow"></i>
            </li>
            <li class="nav-item">
                Adjudication
            </li>
        </ul>
    </div>

    @if (SecurityHelper.UserHasRole(((UserProfile)Profile).Roles, Neo.LegitimateLicences.Common.RoleEnum.AdjudicationSecretary))
    {
        <div class="row">
            <div class="col">
                <div class="card">
                    <div class="card-header">
                        <div class="card-title">Adjudications awaiting panel members</div>
                    </div>
                    <div class="card-body" data-bind="foreach: AdjudicationsAwaitingPanel">
                        <div class="card col-3 card-clickable" data-bind="click: $root.LoadAdjudication.bind($data)">
                            <div class="card-body">
                                <span data-bind="text: 'Agenda No. :' + AdjudicationDetailID(), click: $root.LoadAdjudication.bind($data)"></span>
                                <br />
                                <span data-bind="text: 'Date : ' + app.utils.formatDateDDMMMYYYY(MeetingDate()), click: $root.LoadAdjudication.bind($data)"></span>
                                <br />
                                <span data-bind="text: 'Time : ' + MeetingTime(), click: $root.LoadAdjudication.bind($data)"></span>
                                <br />
                                <span data-bind="text: 'Type : ' + (AdjudicationTypeID() == 1 ? 'Hearing' : 'Meeting'), click: $root.LoadAdjudication.bind($data)"></span>
                                <br />
                                <br />
                            </div>
                        </div>
                        <div data-bind="visible: viewModel.AdjudicationsAwaitingPanel().length == 0">There are no adjudications awaiting panel members at the moment.</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>