@model  Neo.LegitimateLicences.Applications.GazettingModel_AwaitingPrinting
@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,")
{
        gazettesAwaitingPrinting: ko.mapping.fromJSON('@Html.Raw(Model.GazettesAwaitingPrinting.ToJson(JsonSerializerOptions.FormatDateTime | JsonSerializerOptions.EscapeBackSlash))'),
        documentStoreLocationID: ko.observable(3), @* todo remove hardcoded bits *@
        entityID: ko.observable(1006)
});
</script>

<script type="text/javascript">
@Html.Raw("$.extend(ViewModel" + Model.AjaxRequestTicket + ".prototype,")
{
        OpenGazetteConsole: function (data) {
        $("#gazettesAwaitingPrinting").addClass("is-loading");
        var queryString = 'gazetteDetailID=' + data.GazetteDetailID;//&callback=ConsoleCallback
        document.location.href = "/GazetteConsole/Console?" + queryString;
        //viewModel.loadConsole("GazetteConsole", "Default", queryString, true);
    },

    SetGazetteAsPublished: function (gazetteDetailID) {
        var s = viewModel;

        app.dialogs.showConfirm.fire("Are you sure you want to set this gazette as published?")
            .then(
                function(dialogresult) {
                    if (dialogresult.value) {
                        var data = {
                            gazetteDetailID: gazetteDetailID,
                            comments: ''
                        };

                        $("#gazettesAwaitingPrinting").addClass("is-loading");

                        app.dataManager.post("GazetteConsole",
                            'SetGazetteAsPublished', data,
                            function (result) {
                                if (result != null) {
                                    if (result.ErrorMessage == "") {
                                        app.reload();
                                    }
                                    else {
                                        alert(result.ErrorMessage);
                                    }
                                }
                            }, null);
                    }                    
            });
    }

});
</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>
            <li class="separator">
                <i class="flaticon-right-arrow"></i>
            </li>
            <li class="nav-item">
                Gazettes awaiting printing
            </li>
        </ul>
    </div>

    <div class="row">
        <div class="col">
            <div class="card">
                <div class="card-header navbar">
                    <h4 class="card-title">Gazettes awaiting printing</h4>
                </div>
                <div class="card-body">
                    <div id="gazettesAwaitingPrinting" data-bind="visible: viewModel.gazettesAwaitingPrinting().length > 0"></div>
                    <div data-bind="visible: viewModel.gazettesAwaitingPrinting().length == 0">There are no gazettes awaiting printing at the moment.</div>
                    <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]);

        $("#gazettesAwaitingPrinting").dxDataGrid(
            {
                dataSource: viewModel.gazettesAwaitingPrinting,
                showColumnLines: false,
                showRowLines: true,
                rowAlternationEnabled: true,
                showBorders: true,
                allowColumnReordering: false,
                allowColumnResizing: true,
                onContentReady: function () {
                    widgets.applyFileUploaderBindings();
                },
                columns: [
                    { 
                        dataField: "GazetteNumber", 
                        caption: "Gazette Number",
                        cellTemplate: function (container, options) {                            
                            $('<a href="/GazetteConsole/Console?gazetteDetailID=' + options.data.GazetteDetailID() + '">' + options.data.GazetteNumber() + '</a>').appendTo(container);
                        }
                    },
                    { 
                        dataField: "GazetteType.Description", 
                        caption: "Gazette Type" 
                    },
                    {
                        caption: "Actions",
                        minWidth: 125,
                        cellTemplate: function (container, options) {
                            $('<span id="GazetteDocumentID' + options.data.GazetteDetailID() + '" data-fileuploader-bind="documentID:gazettesAwaitingPrinting()[' + options.row.dataIndex + '].GazetteDocumentID, itemID: gazettesAwaitingPrinting()[' + options.row.dataIndex + '].GazetteDetailID, entityID: entityID, documentTypeID: 500, documentStoreLocationID: documentStoreLocationID, scanEnabled: false, scanPreviewEnabled: false, fileTextBoxVisible: false, verificationStatusVisible:true, floatButtons:left, viewModelName:viewModel, relatedFieldKey:GazetteDocumentID, enabled:false" />').appendTo(container);
                            
                            $('<button class="btn btn-primary btn-sm" onclick="viewModel.SetGazetteAsPublished(' + options.data.GazetteDetailID() + ');">Set as published</button>').appendTo(container);
                        }
                    }
                ],
                paging: {
                    enabled: true,
                    pageSize:50
                }
                //,
                //selection: {
                //    mode: "single"
                //},
                //onSelectionChanged: function (selectedItems) {
                //    var data = selectedItems.selectedRowsData[0];
                //    if (data) {
                //        var event = { ctrlKey: false };
                //        $("#gazettesAwaitingPrinting").addClass("is-loading");
                //        viewModel.OpenGazetteConsole(data);
                //    }
                //}
            });
        
    });

</script>