@using Leica.Spider.BusinessCenter.WCFInterfaces
@using Leica.Spider.BusinessCenter.Frontend.Utils
@{
    ViewBag.Title = Lang.Raw("IDS_USER_GROUPS_VIEW_TAB_HEADER_SUBSCRIPTIONS");
    var showUploadErp = Application.IsSmartNetLicense;
    string searchString = ViewBag.filterString;
}

@section styles {
    @Styles.Render("~/Styles/Admin/Subscriptions/Index")
}

@section scripts {
    @Scripts.Render("~/Scripts/Admin/Subscriptions/Index")
}

<script>
    var QuotaCodeEnum = {
        '@QuotaCode.ConnectionTime': '@((int)QuotaCode.ConnectionTime)',
        '@QuotaCode.XposRinexAndVRinexEpochs': '@((int)QuotaCode.XposRinexAndVRinexEpochs)'
    };
   
    var getRemainingPercentage = function (data) {
        var remainingPercentage =
            data.IsXposExceeded || data.ConsumedPercent >= 100
                ? 100
                : (100 * data.Remaining / data.QuotaLimit);
        if (remainingPercentage > 0) {
            return remainingPercentage.toFixed(2) + "%";
        } else {
            return "100%";
        }
    };
    Handlebars.registerHelper('getRemainingPercentage', getRemainingPercentage);

    Handlebars.registerHelper('getStatusText',
        function (status) {
            switch (status) {
                case 1:
                    return @Lang.JsString("IDS_SUBSCRIPTION_STATUS_ACTIVE");
                case 2:
                    return @Lang.JsString("IDS_SUBSCRIPTION_STATUS_PENDING");
                case 3:
                    return @Lang.JsString("IDS_SUBSCRIPTION_STATUS_EXCEEDED");
                case 4:
                    return @Lang.JsString("IDS_SUBSCRIPTION_STATUS_EXPIRED");
            }
            return '';
        });

    Handlebars.registerHelper('getStatusIcon',
        function (isEnterprise) {
            return isEnterprise ? 'icon-bookmark' : 'icon-certificate';
        });

    Handlebars.registerHelper('getRegionRestrictionText',
        function (status) {
            if (status > 0) {
                return @Lang.JsString("IDS_SUBSCRIPTION_REGIONRESTRICTION_MAX");
            } else if (status < 0) {
                return @Lang.JsString("IDS_SUBSCRIPTION_REGIONRESTRICTION_NOREGION");
            } else if (status == 0) {
                return @Lang.JsString("IDS_SUBSCRIPTION_REGIONRESTRICTION_BETWEEN");
            }
            return '';
        });

    Handlebars.registerHelper('getRegionRestrictionIcon',
        function (status) {
            if (status > 0) {
                return "Max";
            } else if (status < 0) {
                return "NoRegion";
            } else if (status == 0) {
                return "Between";
            }
        });

    Handlebars.registerHelper('checkRegionResStatus',
        function (restrictionStatus) {
            return restrictionStatus != null;
        });

    Handlebars.registerHelper('checkSapStatus',
        function (sapStatus) {
            return typeof (sapStatus) === 'boolean';
        });

    Handlebars.registerHelper('getSapStatusIcon',
        function (sapStatus) {
            return sapStatus ? 'OK' : 'Wrong';
        });

    Handlebars.registerHelper('getEditUrl',
        function (data) {
            if ('@Session.CanEditSubscription(Application)' == 'True')
                return new Handlebars.SafeString(window.rootDir + 'Subscriptions/Edit?userId=' + data.UserId + '&packageId=' + data.PackageId);
            else
                return '';
        });

    Handlebars.registerHelper('getViewUrl',
        function (data) {
            return new Handlebars.SafeString(window.rootDir + 'Subscriptions/View?userId=' + data.UserId + '&packageId=' + data.PackageId);
        });

    Handlebars.registerHelper('showQuota',
        function (v) {
            return v == 0 ? true : false;
        });

    Handlebars.registerHelper('showEmpty',
        function (v) {
            return v === null ? '' : v;
        });

    Handlebars.registerHelper('hideNone',
        function (v) {
            return v === window.Localisation_Dealer_None ? '' : v;
        });

    Handlebars.registerHelper('getConsumedLabel',
        function (data) {
            if (data.IsXposExceeded || data.ConsumedPercent >= 100) {
                return '0%';
            }
            return getRemainingPercentage(data);
        });

    Handlebars.registerHelper('getExceededCssClass',
        function (data) {
            return data.IsXposExceeded || data.ConsumedPercent >= 100 ? 'exceeded' : '';
        });

    Handlebars.registerHelper('getConsumptionProgressTooltip',
        function (data) {
            var unit = "";
            var remaining = data.Remaining;
            var limit = data.QuotaLimit;
            if (data.QuotaCode == window.QuotaCodeEnum.ConnectionTime) {
                unit = window.Localisation_Hours;
                remaining = formatFloat(remaining, 2);
                limit = formatFloat(limit, 2);
            } else if (data.QuotaCode == window.QuotaCodeEnum.XposRinexAndVRinexEpochs) {
                unit = window.Localisation_Epochs;
            }
            return (remaining < 0 ? 0 : remaining) + " " + window.Localisation_Remaining + " / " + limit + " " + unit;
        });

    Handlebars.registerHelper('getQuotaInfoCsv',
        function (data) {
            switch (data.QuotaCode) {
                case @((int)QuotaCode.Invalid):
                    return '@Lang.Html("IDS_QUOTA_TYPE_NONE")';
                case @((int)QuotaCode.ConnectionTime):
                    return ['@Lang.Html("IDS_QUOTA_TYPE_RTK")', getRemainingPercentage(data)].join(' ');
                case @((int)QuotaCode.XposRinexAndVRinexEpochs):
                    return ['@Lang.Html("IDS_QUOTA_TYPE_XPOS")', getRemainingPercentage(data)].join(' ');
            }
            return '';
        });
</script>

<datatable id="SubscriptionsTable"
           source="@Url.Action("List")"
           search="@Lang.Attr("IDS_SUBSCRIPTION_SEARCH")"
           search-value="@searchString"
           default-sort-index="4"
           default-sort-order="desc"
           id-field="SubscriptionId"
           csv-filename="@(!Session.CanSeeCsvExport(Application) ? null : "ServiceData_Subscriptions.csv")"
           edit-url-template="{{getEditUrl this}}"
           view-url-template="{{getViewUrl this}}"
           delete-url-template="@(!Session.CanDeleteSubscription(Application) ? null : Url.Action("Delete", "Subscriptions"))">

    <datatable-filter value="0"
                      text="@Lang.Attr("IDS_SUBSCRIPTIONS_VIEW_TERMINATION_IN_30DAYS")" />
    <datatable-filter value="1"
                      text="@Lang.Attr("IDS_SUBSCRIPTIONS_VIEW_RENEWAL_IN_30DAYS")" />
    <datatable-filter value="2"
                      text="@Lang.Attr("IDS_SUBSCRIPTIONS_INCOMPLETE_REGIONAL_RESTRICTION_ONLY")" />
    @if (showUploadErp)
    {
        <datatable-filter value="3"
                      text="@Lang.Attr("IDS_SUBSCRIPTIONS_SAP_INCONSISTENT_ONLY")" />
    }

    @if (Application.IsSmartNetLicense)
    {
        <datatable-filter value="4"
                      text="@Lang.Attr("IDS_SUBSCRIPTIONS_ENTERPRISE_ONLY")" />
    }
    <datatable-filter value="5"
                      text="@Lang.Attr("IDS_SUBSCRIPTIONS_VIEW_DUE_FOR_RENEWAL")" />

    @if (Session.CanAddSubscription(Application))
    {
        <datatable-button url="@Url.Action("Add")"
                      icon="icon-plus2"
                      tooltip="@Lang.Attr("IDS_USERS_ADD_SUBSCRIPTION_TOOLTIP")" />
    }

    @if (Session.CanPerformSubscriptionBulkAction(Application, BulkActionType.Renew))
    {
        <datatable-bulk-action-button id="bulkActionRenewalButton"
                                      bulk-action-caption="@Lang.Attr("IDS_SUBSCRIPTIONS_BULK_RENEWAL_ACTION_CAPTION")"
                                      bulk-action-type="@BulkActionType.Renew"
                                      url="@Url.Action("SubscriptionBulkAction")"
                                      text="@Lang.Attr("IDS_SUBSCRIPTIONS_RENEW_BULK_ACTION")" />
    }

    <datatable-button id="notificationAddButton"
                      icon="icon-bubble-dots4"
                      tooltip="@Lang.Attr("IDS_NOTIFICATIONBUTTON_INDIVIDUALS_ENABLED_TOOLTIP")" />

    <datatable-column field="Status"
                      sortable="true"
                      csv-template="{{getStatusText Status}}"
                      header="@Lang.Attr("IDS_PACKAGES_VIEW_GRID_COLUMN_HEADER_STATUS")">
        <div class="cellContainer statusCell">
            <div class="tooltip icon status {{getStatusIcon IsEnterprise}} iconSubscriptionStatus{{Status}}">
                <span>{{getStatusText Status}}</span>
            </div>
            {{#if (checkRegionResStatus RegionalRestrictionStatus)}}
            <div class="tooltip icon status icon-make-group iconSubscriptionRegions{{getRegionRestrictionIcon RegionalRestrictionStatus}}">
                <span>{{getRegionRestrictionText RegionalRestrictionStatus}}</span>
            </div>
            {{/if}}
            {{#if (checkSapStatus SapInconsistentStatus)}}
            <div class="tooltip icon icon-shuffle iconSapInconsistent{{getSapStatusIcon SapInconsistentStatus}}">
                {{#if SapInconsistentStatus}}
                <span>@Lang.Html("IDS_SUBSCRIPTIONS_SAP_INCONSISTENCY_OK")</span>
                {{else}}
                <span>@Lang.Html("IDS_SUBSCRIPTIONS_SAP_INCONSISTENCY_WRONG")</span>
                {{/if}}
            </div>
            {{/if}}
            {{#if IsXposExceeded}}
            <div class="tooltip icon icon2-XposSmall statusIndicator">
                <span>@Lang.Html("IDS_SUBSCRIPTION_STATUS_EXCEEDED")</span>
            </div>
            {{/if}}
        </div>
    </datatable-column>

    <datatable-column field="SubscriptionId"
                      sortable="true"
                      header="@Lang.Attr("IDS_SUBSCRIPTIONS_VIEW_GRID_COLUMN_HEADER_CONSUMPTION_SUBSCRIPTION_ID")"
                      class="displayName">
        <span class="entityName">{{SubscriptionId}}</span>
    </datatable-column>

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

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

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

    <datatable-column field="QuotaLimit"
                      sortable="true"
                      csv-template="{{getQuotaInfoCsv this}}"
                      header="@Lang.Attr("IDS_PACKAGES_VIEW_GRID_COLUMN_HEADER_CONSUMPTION_LIMIT")">
        {{#if (showQuota QuotaLimit)}}
        @Lang.Html("IDS_QUOTA_TYPE_NONE")
        {{else}}
        <div>
            <div class="label">
                <span class="pull-left">
                    {{#ifCond QuotaCode '==' @((int)QuotaCode.ConnectionTime)}}
                    @Lang.Html("IDS_QUOTA_TYPE_RTK")
                    {{/ifCond}}
                    {{#ifCond  QuotaCode '==' @((int)QuotaCode.XposRinexAndVRinexEpochs)}}
                    @Lang.Html("IDS_QUOTA_TYPE_XPOS")
                    {{/ifCond}}
                </span>
                <span class="pull-right">{{getConsumedLabel this}}</span>
            </div>
            <div class="progress" data-toggle="tooltip" title="{{getConsumptionProgressTooltip this}}">
                <div class="progress-bar {{getExceededCssClass this}}" role="progressbar" aria-valuemin="0" aria-valuemax="100" style="width:{{getRemainingPercentage this}}"></div>
            </div>
        </div>
        {{/if}}

    </datatable-column>

    <datatable-column field="UserName"
                      csv-headers="@Lang.Attr("IDS_USER_GROUPS_VIEW_USER_GRID_COLUMN_HEADER_NAME");@Lang.Attr("IDS_USERS_VIEW_USER_GRID_COLUMN_HEADER_COMPANY")"
                      csv-template="{{UserName}};{{Company}}"
                      sortable="true">
        <datatable-header>
            @Lang.Html("IDS_USER_GROUPS_VIEW_USER_GRID_COLUMN_HEADER_NAME") <br />
            @Lang.Html("IDS_USERS_VIEW_USER_GRID_COLUMN_HEADER_COMPANY")
        </datatable-header>
        <datatable-cell>
            <div class="overflowText">{{UserName}}</div>
            {{Company}}
        </datatable-cell>
    </datatable-column>

    @if (Session.CanViewSalesOrg())
    {
        <datatable-column field="DistributionChannelName"
                      csv-headers="@Lang.Attr("IDS_DISTRIBUTION_CHANNEL_LABEL");@Lang.Attr("IDS_USERS_VIEW_DF_DEALER_LABEL")"
                      csv-template="{{hideNone DistributionChannelName}};{{hideNone DealerName}}"
                      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}}
                {{hideNone DealerName}}
            </datatable-cell>
        </datatable-column>
    }
    else if (Session.CanViewDealer())
    {
        <datatable-column field="DealerName"
                      csv-template="{{hideNone DealerName}}"
                      header="@Lang.Attr("IDS_USERS_VIEW_DF_DEALER_LABEL")">
            {{hideNone DealerName}}
        </datatable-column>
    }

    <datatable-column field="ArticleNumber"
                      sortable="true"
                      csv-headers="@Lang.Attr("IDS_PACKAGES_SUMMARY_GRID_COLUMN_ARTICLE_NO");@Lang.Attr("IDS_USER_GROUPS_VIEW_GROUP_GRID_COLUMN_HEADER_PACKAGE_NAME")"
                      csv-template="{{showEmpty ArticleNumber}};{{PackageName}}"
                      header="@Lang.Attr("IDS_SUBSCRIPTIONS_VIEW_GRID_COLUMN_HEADER_ARTICLE")">
        <div>{{showEmpty ArticleNumber}}</div>
        <div>{{PackageName}}</div>
    </datatable-column>

    <datatable-column field="CreationDate"
                      sortable="true"
                      csv-headers="@Lang.Attr("IDS_SUBSCRIPTIONS_VIEW_DF_CREATED_DATE_LABEL");@Lang.Attr("IDS_SUBSCRIPTION_CREATED_BY")"
                      csv-template="{{showEmpty CreationDate}};{{CreatedByUser}}"
                      header="@Lang.Attr("IDS_SUBSCRIPTION_CREATION")">
        <div>{{showEmpty CreationDate}}</div>
        <div>{{CreatedByUser}}</div>
    </datatable-column>
</datatable>

<div id="composeNoification"><partial name="~/Views/Notifications/_ComposeNotificationPartial.cshtml" model="null" /></div>
<div>
    <partial name="~/Views/Shared/_BootstrapModalDialog.cshtml" model='"composeNotificationDialog"' />
</div>
<div>
    <partial name="~/Views/Shared/_BootstrapModalDialog.cshtml" model='"notificationDiscardDialog"' />
</div>

<!-- To render subscription bulk action preview on modal dialog -->
<div>
    <partial name="_BulkActionPartial" model="null" />
</div>

<script type="text/javascript">
    var userRole = '@ViewBag.UserRole';
    var Localisation_NotificationButtonEnabledTooltip = @Lang.JsString("IDS_NOTIFICATIONBUTTON_SUBSCRIPTIONS_ENABLED_TOOLTIP");
    var Localisation_NotificationButtonDisabledTooltip = @Lang.JsString("IDS_NOTIFICATIONBUTTON_SUBSCRIPTIONS_DISABLED_TOOLTIP");
    var Localisation_Confirm_Delete_Limited = @Lang.JsString("IDS_DELETE_DIALOG_CONFIRMATION_MESSAGE_LIMITED_SUBSCRIPTION");
    var Localisation_Confirm_Delete_Unlimited = @Lang.JsString("IDS_DELETE_DIALOG_CONFIRMATION_MESSAGE_UNLIMITED_SUBSCRIPTION");
    var Localisation_Delete_Dialog_Confirmation_Multi_Selection = @Lang.JsString("IDS_DELETE_DIALOG_CONFIRMATION_MESSAGE_MULTI_SUBSCRIPTIONS");
    var Localisation_Delete_No = @Lang.JsString("IDS_NO");
    var Localisation_Delete_Dialog_Header = @Lang.JsString("IDS_DELETE_DIALOG_HEADER");
    var Localisation_Delete_Yes = @Lang.JsString("IDS_YES");
    var Localisation_Delete_No = @Lang.JsString("IDS_NO");
    var Localisation_Delete = @Lang.JsString("IDS_DELETE_CAPTION");
    var Localization_Multi_Delete_Error = @Lang.JsString("IDS_SUBSCRIPTIONS_VIEW_SUBSCRIPTIONS_DELETE_ERROR");
    var Localization_Deleted = @Lang.JsString("IDS_SUBSCRIPTIONS_VIEW_SUBSCRIPTION_DELETED");
    var Localization_Multi_Deleted = @Lang.JsString("IDS_SUBSCRIPTIONS_VIEW_SUBSCRIPTIONS_DELETED");
    var Localization_Delete_Error = @Lang.JsString("IDS_SUBSCRIPTIONS_VIEW_SUBSCRIPTION_DELETE_ERROR");
    var Localization_Multi_Delete_Error = @Lang.JsString("IDS_SUBSCRIPTIONS_VIEW_SUBSCRIPTIONS_MULTI_DELETE_ERROR");
    var Localisation_Delete_Enterprise_Subscription_Message = @Lang.JsString("IDS_SUBSCRIPTION_VIEW_ENTERPRISE_SUBSCRIPTION_DELETE_MESSAGE");
    var Localisation_Hours = @Lang.JsString("IDS_UNIT_HOURS");
    var Localisation_Epochs = @Lang.JsString("IDS_PACKAGES_VIEW_DF_UNIT_EPOCHS_LABEL");
    var Localisation_Remaining = @Lang.JsString("IDS_PACKAGES_VIEW_DF_REMAINING_LABEL");
</script>