@using Leica.Spider.BusinessCenter.Frontend.Utils

@Styles.Render("~/Styles/Admin/SystemPanel/OverConsumption")
@Scripts.Render("~/Scripts/Admin/SystemPanel/OverConsumption")

@{
    string searchString = ViewBag.filterString;
}
<script>

    Handlebars.registerHelper('hideNone',
        function (v) {
            return v === @Lang.JsString("IDS_DEALER_NONE") ? '' : v;
        });

    Handlebars.registerHelper('getAddSubUrl',
        function (data) {
            return new Handlebars.SafeString(window.rootDir + 'Subscriptions/Add?userId=' + data.Id + '&from=' + window.rootDir + 'IndividualUsers');
        });
    Handlebars.registerHelper('getLastLogin',
        function (data) {
            return data.LastLogin || new Handlebars.SafeString("<div class='infobox'>" + @Lang.JsString("IDS_CLM_OVERCONSUMPTION_NEVER") + "</div>");
        });
</script>

<div id="resolveOverConsumption" class="dialogContentPlaceholder">
    <div id="userLookUp"
         class="individualUsers">
        <div class="instructiontext">
            <label>@Lang.Html("IDS_CLM_OVERCONSUMPTION_INSTRUCTION_TEXT")</label>
        </div>
        <div class="allUsers">
            <datatable id="usersTable"
                       source="@Url.Action("GetOverConsumptionUsers","SystemPanel")"
                       search="@Lang.Attr("IDS_INDIVIDUALUSERS_SEARCH")"
                       search-value="@searchString"
                       default-sort-index="2"
                       default-sort-order="asc"
                       id-field="Id">

                <datatable-column field="RegistrationDate"
                                  sortable="true"
                                  header="@Lang.Attr("IDS_INDIVIDUALUSERS_VIEW_COLUMN_HEADER_NAME_REGDATE")">
                    {{RegistrationDate}}
                </datatable-column>

                <datatable-column field="UserName"
                                  sortable="true"
                                  header="@Lang.Attr("IDS_MESSAGES_VIEW_GRID_COLUMN_HEADER_SENDER")"
                                  class="displayName">
                    <span class="entityName">{{UserName}}</span><br />
                    {{FirstName}} {{LastName}}
                </datatable-column>

                <datatable-column field="Company"
                                  sortable="true"
                                  header="@Lang.Attr("IDS_USERS_VIEW_DF_COMPANY_LABEL")">
                    {{Company}}
                </datatable-column>

                @if (Session.CanViewSalesOrg())
                {
                    <datatable-column field="DistributionChannelName"
                                      sortable="true">
                        <datatable-header>
                            @Lang.Html("IDS_DISTRIBUTION_CHANNEL_LABEL") <br />
                            @Lang.Html("IDS_USERS_VIEW_DF_DEALER_LABEL")
                        </datatable-header>
                        <datatable-cell>
                            {{hideNone DistributionChannelName}} <br />
                            {{hideNone DealerName}}
                        </datatable-cell>
                    </datatable-column>
                }
                else if (Session.CanViewDealer())
                {
                    <datatable-column field="DealerName"
                                      header="@Lang.Attr("IDS_USERS_VIEW_DF_DEALER_LABEL")">
                        {{hideNone DealerName}}
                    </datatable-column>
                }

                <datatable-column field="UserPrivileges"
                                  sortable="true"
                                  header="@Lang.Attr("IDS_INDIVIDUALUSERS_VIEW_COLUMN_HEADER_NAME_PRIVILEGE")">
                    {{UserPrivileges}}
                </datatable-column>
                <datatable-column field="SubscriptionsCount"
                                  sortable="true"
                                  header="@Lang.Attr("IDS_CLM_OVERCONSUMPTION_SUBSCOUNT")">
                    {{SubscriptionsCount}}
                </datatable-column>
                <datatable-column field="MaxSimultaneousAccess"
                                  sortable="true"
                                  header="@Lang.Attr("IDS_CLM_OVERCONSUMPTION_MAXCONNCOUNT")">
                    {{MaxSimultaneousAccess}}
                </datatable-column>
                <datatable-column field="LastLogin"
                                  sortable="true"
                                  header="@Lang.Attr("IDS_CLM_OVERCONSUMPTION_LASTROVERLOGIN")">
                    {{getLastLogin this}}
                </datatable-column>
            </datatable>

            <input type="hidden"
                   autofocus="autofocus" />
        </div>
    </div>
    <div id="progressbar"></div>
</div>

<script type="text/x-handlebars-template"
        id="tmplProgressBar">
    <table class="progressbar" cellpadding="0" cellspacing="0">
        {{#each Features}}
        {{#if IsCounted}}
        {{#ifCond Feature '==' @Lang.JsString("CLM_IDS_LICENSE_VIEW_LICENSE_FEATURE_USER_LICENSES")}}
        <tr>
            <td>{{Feature}}</td>
            <td class="progressValue dataValue">
                <div class="progress">
                    <div class="value" style="{{{GetWidthInPercentage NumberInUse NumberAvailable @int.MaxValue}}}"></div>
                    <div class="percentMessage">{{{GetPercentageMessage NumberInUse NumberAvailable @int.MaxValue}}}</div>
                </div>
            </td>
            <td class="datastate">
                <div class="licenseIcon license icon-circle2 iconLicenseFeature{{{GetFeatureStatusIcon ComputedStatus}}}"></div>
                <div class="message">{{ComputedStatusMessage}}</div>
            </td>
        </tr>
        {{/ifCond}}
        {{/if}}
        {{/each}}
    </table>
</script>

<script type="text/javascript">
    var Clm$config = Object.freeze({
        indexUrl: '@Url.Action("GetOverConsumptionUsers")',
        resolveUserUrl: '@Url.Action("ResolveUserOverconsumption")'
    });

    var userStatus = '@ViewBag.usersStatus';
    var userRole = '@ViewBag.UserRole';
    var currentLoginUserId = '@Session.CurrentUserId';
    var Localisation_SubsCount = @Lang.JsString("IDS_CLM_OVERCONSUMPTION_SUBSCOUNT");
    var Localisation_MaxSimConnCount = @Lang.JsString("IDS_CLM_OVERCONSUMPTION_MAXCONNCOUNT");
    var Localisation_Error = @Lang.JsString("IDS_ERROR");
    var Localisation_Close = @Lang.JsString("IDS_CLOSE");
    var Localisation_Search = @Lang.JsString("IDS_INDIVIDUALUSERS_SEARCH");
    var Localisation_Status_Active = @Lang.JsString("IDS_USER_STATUS_ACTIVE");
    var Localisation_Status_Pending = @Lang.JsString("IDS_USER_STATUS_PENDING");
    var Localisation_Status_Suspended = @Lang.JsString("IDS_USER_STATUS_SUSPENDED");
    var Localisation_Subscription = @Lang.JsString("IDS_USERS_GRID_COLUMN_HEADER_SUBSCRIPTION");
    var Localisation_Subscription_Tooltip = @Lang.JsString("IDS_USERS_GRID_COLUMN_ADD_SUBSCRIPTION_TOOLTIP");
    var Localisation_AddToolTip = @Lang.JsString("IDS_USERS_ADD_USER_TOOLTIP");
    var Localisation_View = @Lang.JsString("IDS_VIEW_CAPTION");
    var Localisation_SuspendUser = @Lang.JsString("IDS_CLM_OVERCONSUMPTION_SUSPEND");
    var Localisation_ActionOk = @Lang.JsString("IDS_CLM_OVERCONSUMPTION_SUSPEND_OK");
    var Localisation_ActionError = @Lang.JsString("IDS_CLM_OVERCONSUMPTION_SUSPEND_ERROR");
    var Localisation_LicenseStatus = @Lang.JsString("CLM_IDS_LICENSE_VIEW_LICENSE_STATUS");
    var Localisation_ResolveTitle = @Lang.JsString("CLM_IDS_CLM_OVERCONSUMPTION_RESOLVE_TITLE");
    var Localisation_Deactivate = @Lang.JsString("IDS_CLM_OVERCONSUMPTION_DEACTIVATE");
    var Localisation_Deactivate_Dialog_Header = @Lang.JsString("IDS_DEACTIVATE_DIALOG_HEADER");
    var Localisation_Deactivate_Cannot_Deactivate_Own = @Lang.JsString("IDS_DEACTIVATE_DIALOG_CANNOT_DEACTIVATE_OWN");
    var Localisation_Deactivate_Dialog_Confirmation_Multi_User_Self_Selection = @Lang.JsString("IDS_DEACTIVATE_DIALOG_CONFIRMATION_MESSAGE_MULTI_USER_SELF_SELECTION");
    var Localisation_Deactivate_Yes = @Lang.JsString("IDS_YES");
    var Localisation_Deactivate_No = @Lang.JsString("IDS_NO");
</script>