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

@{
    ViewBag.Title = "Reports";
    Layout = "~/Views/Shared/_LayoutBlank.cshtml";
}

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

    @Html.Raw("$.extend(ViewModel" + Model.AjaxRequestTicket + ".prototype,")
    {
        userID: ko.observable(@Model.UserID),
        userRoles: ko.mapping.fromJSON('@Html.Raw(Model.UserRoles.ToJson(JsonSerializerOptions.None))'),
        lookups: @Html.Raw(Model.Lookups.ToJson(JsonSerializerOptions.None)),
        reportDefinition: ko.mapping.fromJSON('@Html.Raw(Model.ReportDefinition.ToJson(JsonSerializerOptions.None))'),
        reportDefinitionCriterias: ko.mapping.fromJSON('@Html.Raw(Model.ReportDefinition.ReportDefinitionCriterias.ToJson(JsonSerializerOptions.None))')
    });
</script>

<h1 class="page-title">@Model.ReportDefinition.Title Report</h1>

<div id="@(new HtmlString("mainDiv" + Model.AjaxRequestTicket))" class="clearfix uppercaseElements container_12 portlet console-content">
    <div id="scroller">
        <fieldset>
            <section data-bind='foreach: viewModel.GetCriterias()' class="container">
                <div class="row">
                    <div class="col_6">
                        <label data-bind="text: Question()"></label>
                        <br />
                        <div data-bind="template: { name: 'capId_' + CaptureFieldID() }"></div>
                    </div>
                </div>
            </section>
            <section data-bind='visible: viewModel.GetCriterias().length==0' class="container">
                <div class="row">
                    <div class="col_12">
                        <label>The report does not contain any additional criteria. Click on Run Report to generate the required report.</label>
                    </div>
                </div>
            </section>
            <div style="text-align:right; margin-top:0.5em;">
                <span>
                    Export Report As:
                    <input name="reportType" type="radio" data-bind="checked: reportType" value="PDF" />PDF
                    <input name="reportType" type="radio" data-bind="checked: reportType" value="EXCEL" />EXCEL
                </span>
                <br /><br />
                <button type="submit" data-bind="click: viewModel.RunReport">Run Report</button>
            </div>
        </fieldset>
    </div>
</div>

@Html.Partial("Afx/Form/CaptureFieldTemplates")

<script type="text/javascript">
    @Html.Raw("$.extend(ViewModel" + Model.AjaxRequestTicket + ".prototype,")
        {
        reportType: ko.observable('PDF'),
        GetLookupValues: function (listName) {
            var s = this;
            var lookups = s.lookups;

            for (var l = 0; l < lookups.length; l++) {
                if (lookups[l].ListName == listName) {
                    return app.utils.cleanIntegrationLookup(lookups[l].List);
                }
            }
        },
        GetCriterias: function () {
            var self = this;
            var array = [];

            $.each(self.reportDefinitionCriterias(), function (i, item) {
                var pickerFIeldObjectName = item.ReportingServicesField() + "Picker";

                //Extend the base viewmodel so that the pickers can subscribe against this value.
                eval("$.extend(self, { " + pickerFIeldObjectName + ": ko.observable() });");

                $.extend(item, {
                    PickerFieldObject: ko.observable(pickerFIeldObjectName),
                    Value: ko.observable()
                });

                array.push(item);
            });

            return array;
        },

        RunReport: function () {
            var self = this;
            if (self.IsReportCriteriaValid()) {
                var url = app.serviceUrl + "ReportViewer.ashx";

                var userName = '@Model.UserName';

                var queryString = '?reportDefinitionID=' + self.reportDefinition.ReportDefinitionID() + '&reportType=' + self.reportType() + '&Username=' + userName;

                $.each(self.reportDefinitionCriterias(), function (i, item) {
                    var value = self.GetCriteriaValue(item);
                    queryString += '&' + item.ReportingServicesField() + '=' + (value == "" ? "-1" : value);
                });

                window.open(url + queryString, null, null, null);
            }

            return false;
        },

        IsReportCriteriaValid: function () {
            var self = this;
            var e = [];

            $.each(self.reportDefinitionCriterias(), function (i, item) {
                var valObj = self.GetCriteriaValue(item);

                var captureFieldID = item.CaptureFieldID();
                if ((captureFieldID == 1 ||
                    captureFieldID == 2 ||
                    captureFieldID == 3 ||
                    captureFieldID == 4 ||
                    captureFieldID == 6 ||
                    captureFieldID == 8 ||
                    captureFieldID == 10 ||
                    captureFieldID == 11 ||
                    captureFieldID == 12 ||
                    captureFieldID == 14 ||
                    captureFieldID == 16 ||
                    captureFieldID == 17 ||
                    captureFieldID == 20 ||
                    captureFieldID == 22) &&
                    (valObj == null || valObj == "")) {
                    e.push("Field " + item.Question() + " is mandatory.");
                }
            });

            if (e.length > 0) {
                app.dialogs.showError.fire({title: 'Validation Errors', html: "<div class='form-validation-msg'><h3>Report Errors</h3>" + e.join('<br />') + "</div>"});
            }

            return e.length == 0;
        },

        GetCriteriaValue: function (criteria) {
            var valObj = "";

            var captureFieldID = criteria.CaptureFieldID();
            if (captureFieldID == 19 || captureFieldID == 20) {
                valObj = eval("viewModel." + criteria.PickerFieldObject())();
            }

            if (captureFieldID == 23) {
                try {
                    valObj = eval("viewModel." + criteria.PickerFieldObject())();
                    if (valObj !== null && valObj !== undefined && valObj != "" && valObj.toLowerCase().indexOf("<key>") != -1) {
                        valObj = $.xml2json(valObj).key;
                    }
                } catch (e) {
                    valObj = "-1";
                }
            }

            if (valObj == "") {
                if (typeof valObj == "string" || valObj.Key === undefined) {
                    valObj = criteria.Value();

                    try {
                        var v = valObj;
                        var d = new Date(v);
                        if (String(d) != "NaN" && d.getMonth()) {
                            valObj = app.converters.makeDateFormat(v, app.converters.DateFormat);
                        } else {
                            if (typeof valObj == "object") {
                                valObj = (typeof valObj.Key == "string") ? valObj.Key : valObj.Key();
                            }
                        }
                    } catch (e) {
                        valObj = valObj;
                    }
                } else {
                    valObj = valObj.Key();
                }
            }

            if (valObj === null || valObj === undefined) {
                valObj = "";
            }

            return valObj;
        }
    });
</script>


<script type="text/javascript">
    function ConsoleCallback() {
        window.location.reload();
    }

    @Html.Raw("var viewModel = new ViewModel" + Model.AjaxRequestTicket + "();")

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