@model  Neo.LegitimateLicences.Applications.DefaultModel
@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,")
{
        GazettesAtPrinters: @Html.Raw(Model.GazettesAtPrinters.ToJson(JsonSerializerOptions.FormatDateTime | JsonSerializerOptions.EscapeBackSlash)),
        GazettesAwaitingPrinting: @Html.Raw(Model.GazettesAwaitingPrinting.ToJson(JsonSerializerOptions.FormatDateTime | JsonSerializerOptions.EscapeBackSlash)),
        CurrentGazette: ko.mapping.fromJSON('@Html.Raw(Model.CurrentGazette.ToJson(JsonSerializerOptions.FormatDateTime | JsonSerializerOptions.EscapeBackSlash))')
});
</script>

<script type="text/javascript">
@Html.Raw("$.extend(ViewModel" + Model.AjaxRequestTicket + ".prototype,")
{
    GetApplicationsAwaitingGazette: function () {
        app.dataManager.post("Applications", "GetApplicationsAwaitingGazette", null, function (results) {
            if (results != null) {
                var aag = ko.mapping.fromJS(results);
                viewModel.ApplicationsAwaitingGazette([])
                viewModel.ApplicationsAwaitingGazette(aag);
            }

            $("input:checkbox").attr("checked", false);
        }, null);
    },
    
    OpenTask: function (data) {
        var queryString = 'workflowid=1&itemid=' + data.ApplicationRequestDetailID;
        viewModel.loadWorkflowConsole("ApplicationRequest", queryString, false);
    },

    OpenGazetteConsoleButton: function () {
        var queryString = 'gazetteDetailID=' + viewModel.CurrentGazette.GazetteDetailID();//&callback=ConsoleCallback
        viewModel.loadConsole("GazetteConsole", "Default", queryString, true);
    },

    OpenGazetteConsole: function (data) {
        var queryString = 'gazetteDetailID=' + data.GazetteDetailID;//&callback=ConsoleCallback
        viewModel.loadConsole("GazetteConsole", "Default", queryString, true);
    },

    OpenWorkflow: function (data) {
        var queryString = 'workflowid=1&itemid=' + data.ApplicationRequestDetailID();
        viewModel.loadWorkflowConsole("ApplicationRequest", queryString, true);
    }
});
</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">
                Gazettes
            </li>
        </ul>
    </div>

    <div class="row">
        <div class="col">
            <div class="card">
                <div class="card-header navbar">
                    <h4 class="card-title">Next Gazette</h4>
                </div>
                <div class="card-body">
                    <table class="fill-content clickable">
                        <thead>
                            <tr>
                                <th>Gazette Number</th>
                                <th>Publish Date</th>
                                <th>Notice Expiry Date</th>
                                <th>Number Of Applications</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr data-bind="click: OpenGazetteConsoleButton">
                                <td data-bind="html: CurrentGazette.GazetteNumber"></td>
                                <td data-bind="html: FormatDate(CurrentGazette.GazettePrintDate)"></td>
                                <td data-bind="html: FormatDate(CurrentGazette.GazetteNoticeExpiryDate)"></td>
                                <td data-bind="html: CurrentGazette.NumberOfApplications"></td>
                            </tr>
                        </tbody>
                    </table>

                    <div class="clearfix"></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>