@model  Neo.LegitimateLicences.Dashboards.DashboardModel
@using Neo.Afx.ComponentModel
@using Neo.Afx.Security
@using Neo.Afx.Mvc
@using Neo.LegitimateLicences.Common;

@{
    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,")
{
        SelectedDashboard: ko.observable(''),
        LoadDashboard: function (obj, event) {
            document.location.href = '/#Dashboards/' + viewModel.SelectedDashboard();
        },
        fromDate: ko.observable(@Html.Raw(Model.ApplicationAnalytics_FromDate.ToJson(JsonSerializerOptions.FormatDateTime | JsonSerializerOptions.EscapeBackSlash))),
        toDate: ko.observable(@Html.Raw(Model.ApplicationAnalytics_ToDate.ToJson(JsonSerializerOptions.FormatDateTime | JsonSerializerOptions.EscapeBackSlash))),
        SearchApplicationAnalytics: function (obj, event) {
            var s = viewModel;
            if (s.fromDate() && s.toDate()) {
                $("#searchButton").addClass("is-loading");
                var data = {
                    fromDate: s.fromDate(),
                    toDate: s.toDate()
                };
                app.dataManager.post("Dashboards", "GetApplicationAnalytics", data,
                    function (result) {
                    $("#searchButton").removeClass("is-loading");
                    if (result != null) {
                        if (result.Success == true) {
                            $("#searchButton").removeClass("is-loading");
                            s.applicationAnalytics_ApplicationRequestTypeSummmary(result.ApplicationAnalytics_ApplicationRequestTypeSummmary);
                            s.applicationAnalytics_ApplicationCreatedBySummmary(result.ApplicationAnalytics_ApplicationCreatedBySummmary);
                            s.applicationAnalytics_ApplicationPerRegion(result.ApplicationAnalytics_ApplicationPerRegion);
                        } else {
                            $("#searchButton").removeClass("is-loading");
                            alert(result.errorMessage);
                        }
                    }
                }, null);
            }            
        },
});
</script>

<div id="@(new HtmlString("koContainer" + Model.AjaxRequestTicket))">
    <div class="page-header flex-lock">
        <h4 class="page-title">Home</h4>
        <ul class="breadcrumbs">
            <li class="nav-home">
                <a href="/">
                    <i class="flaticon-home"></i>
                </a>
            </li>
            <li class="separator">
                <i class="flaticon-right-arrow"></i>
            </li>
            <li class="nav-item">
                Dashboard
            </li>
            <li class="separator">
                <i class="flaticon-right-arrow"></i>
            </li>
            <li class="nav-item">
                @Html.Partial("DashboardDropdownOptions")
            </li>            
        </ul>
    </div>

    <div id="TabbedCard" class="card">
        <div class="card-body">
            <div class="row">
                <div class="col-sm-12 col-lg-4 col-xl-3">
                    <div class="form-group bmd-form-group">
                        <label class="bmd-label-floating">From Date:</label>
                        <input type="date" data-bind="value: fromDate" maxlength="20" class="form-control" />
                    </div>
                </div>
                <div class="col-sm-12 col-lg-4 col-xl-3">
                    <div class="form-group bmd-form-group">
                        <label class="bmd-label-floating">To Date:</label>
                        <input type="date" data-bind="value: toDate" maxlength="20" class="form-control" />
                    </div>
                </div>
            </div>
        </div> 
        <div class="card-footer">
            <button id="searchButton" class="btn btn-primary float-right" data-bind="click: SearchApplicationAnalytics">Search</button>
        </div>
    </div>

    <div class="card-columns">
        @if (SecurityHelper.UserHasAccessToSecurable(userSecurables, SecurableEnum.DashboardsModule_ApplicationAnalytics))
        {
            @Html.Partial("ApplicationAnalytics_ApplicationRequestTypeSummmary")
        }

        @if (SecurityHelper.UserHasAccessToSecurable(userSecurables, SecurableEnum.DashboardsModule_ApplicationAnalytics))
        {
            @Html.Partial("ApplicationAnalytics_ApplicationCreatedBySummmary")
        }

        @if (SecurityHelper.UserHasAccessToSecurable(userSecurables, SecurableEnum.DashboardsModule_ApplicationAnalytics))
        {
            @Html.Partial("ApplicationAnalytics_ApplicationPerRegion")
        }


    </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>