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

<script>
@Html.Raw("$.extend(ViewModel" + Model.AjaxRequestTicket + ".prototype,")
{
        applicationAnalytics_ApplicationPerRegion: ko.observable(@Html.Raw(Model.ApplicationAnalytics_ApplicationPerRegion.ToJson(JsonSerializerOptions.None)))
});
</script>

@*<div class="col-sm-12 col-lg-6 col-xl-3">*@
    <div class="card">
        <div class="card-header">
            <div class="card-title">Count of application per region</div>
        </div>
        <div class="card-body" data-bind="foreach:applicationAnalytics_ApplicationPerRegion">
            <div class="d-flex statusblock" data-bind="click: function() { window.location.href = $data.ViewName;}">
                <div class="flex-1 pt-1 ml-2">
                    <h6 class="fw-bold mb-1" data-bind="text:Description"></h6>
                </div>
                <div class="d-flex ml-auto align-items-center">
                    <h3 class="text-info fw-bold" data-bind="text:Total"></h3>
                </div>
            </div>
            <div class="separator-dashed" data-bind="visible:$index() != (viewModel.applicationAnalytics_ApplicationRequestTypeSummmary.length-1)"></div>
        </div>
    </div>
@*</div>*@