@using System.Globalization;
@using System.Linq
@using Leica.Spider.BusinessCenter.Core.GlobalUtils
@using Leica.Spider.BusinessCenter.Core.Model
@using Leica.Spider.BusinessCenter.Frontend.FeatureManager;
@using Leica.Spider.BusinessCenter.Frontend.Models;
@using Leica.Spider.BusinessCenter.Frontend.Utils
@using Leica.Spider.BusinessCenter.WCFInterfaces
@using Microsoft.AspNetCore.Html
@using QuotaCode = Leica.Spider.BusinessCenter.WCFInterfaces.QuotaCode
@using ServicePackageRestrictionType = Leica.Spider.BusinessCenter.WCFInterfaces.ServicePackageRestrictionType
@using SubscriptionStatus = Leica.Spider.BusinessCenter.WCFInterfaces.SubscriptionStatus
@model Leica.Spider.BusinessCenter.Frontend.Areas.User.Models.ShowSubscriptionsViewModel
@{
    var currentPrivilege = Session.UserPrivileges.ToCoreModel();
}

<div class="modal fade"
     id="RenewSubscriptionModal"
     tabindex="-1"
     role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button"
                        class="close modalClose"
                        data-dismiss="modal"
                        aria-hidden="true">
                    &times;
                </button>
                @Lang.Html("IDS_USER_MYSUBSCRIPTIONS_CONFIRM_RENEWAL_TITLE")
            </div>
            <div class="modal-body">
                <span class="renewNow">@Lang.Html("IDS_USER_MYSUBSCRIPTIONS_CONFIRM_RENEWAL_DESCRIPTION_RENEW_NOW")</span>
                <span class="markForRenew">@Lang.Html("IDS_USER_MYSUBSCRIPTIONS_CONFIRM_RENEWAL_DESCRIPTION_MARK_FOR_RENEW")</span>
            </div>
            <div class="modal-footer">
                <button type="button"
                        class="btn btn-primary"
                        id="ConfirmRenewalButton">
                    @Lang.Html("IDS_YES")</button>
                <button type="button"
                        class="btn btn-default"
                        data-dismiss="modal">
                    @Lang.Html("IDS_NO")</button>
            </div>
        </div>
    </div>
</div>

@for (var i = 0; i < Model.Subscriptions.Count; i++)
{
    <div class="well">
    <div class="title">
        <h5>@Model.Subscriptions[i].SubscriptionId</h5>
        <div class="tools">
            @{
                var sub = Model.Subscriptions[i];
                if (sub.CanBeRenewed && Model.CanRenewSubscriptions)
                {
                    <a id="RenewSubscription-@i"
                       data-toggle="modal"
                       data-target="#RenewSubscriptionModal"
                       class="renew btn btn-primary btn-sm"
                       data-renew-url="@Url.Action("RenewSubscription", "IndividualUsers", new
                                       {
                                           Area = "User",
                                           Id = Model.Subscriptions[i].SubscriptionId
                                       })">
                        @Lang.Html("IDS_SUBSCRIPTIONS_RENEW")
                    </a>
                }
                else if (sub.MarkForAutoRenewal)
                {
                    <div class="alert alert-success permanent">@Lang.Html("IDS_SUBSCRIPTIONS_RENEW_CONFIRMATION")</div>
                }

                if (Model.Subscriptions[i].IsEnterprise)
                {
                    <a asp-controller="EnterpriseConsumers"
                       asp-action="Index"
                       asp-area=""
                       asp-route-packageId="@Model.Subscriptions[i].ServicePackageId"
                       asp-route-subId="@Model.Subscriptions[i].SubscriptionId"
                       asp-route-subOwnerId="@Model.Subscriptions[i].UserId"
                       class="btn btn-primary btn-sm">
                        @Lang.Html("IDS_USER_MANAGE_ES_CONSUMERS_LABEL")
                    </a>
                }
            }
        </div>
    </div>

    <div class="content">
    <div class="row editcolumns">
    <div class="col-lg-6 col-md-12 col-sm-12 col-xs-12 subscriptionDetails">
    <div class="row">
        <div class="col-lg-6 col-xs-6">
            <label>@Lang.Html("IDS_SUBSCRIPTIONS_PACKAGE_LOOKUP_TITLE")</label>
            <label class="help-block">(@Lang.Html("IDS_PACKAGES_VIEW_DF_NAME_LABEL"))</label>
        </div>
        <div class="col-lg-6 col-xs-6">
            <label>
                @Model.Subscriptions[i].PackageName
            </label>
        </div>
    </div>
    <div class="row">
        <div class="col-lg-6 col-xs-6">
            <label>@Lang.Html("IDS_PACKAGES_VIEW_DF_ARTICLE_NUMBER_LABEL")</label>
        </div>
        <div class="col-lg-6 col-xs-6">
            <label>
                @Model.Subscriptions[i].ArticleNumber
            </label>
        </div>
    </div>
    <div class="row">
        <div class="col-lg-6 col-xs-6">
            <label>@Lang.Html("IDS_PACKAGES_VIEW_DF_LIFETIME_LABEL")</label>
        </div>
        <div class="col-lg-6 col-xs-6">
            <label>
            @switch (Model.Subscriptions[i].Lifetime)
            {
                case 0:
                    @Lang.Html("IDS_LIFETIME_TRIAL")
                    break;
                case 1:
                    @Lang.Html("IDS_LIFETIME_MONTH")
                    break;
                case 2:
                    @Lang.Html("IDS_LIFETIME_3MONTH")
                    break;
                case 3:
                    @Lang.Html("IDS_LIFETIME_6MONTH")
                    break;
                case 4:
                    @Lang.Html("IDS_LIFETIME_9MONTH")
                    break;
                case 5:
                    @Lang.Html("IDS_LIFETIME_YEAR")
                    break;
                case 6:
                    @Lang.Html("IDS_LIFETIME_2YEARS")
                    break;
                case 7:
                    @Lang.Html("IDS_LIFETIME_3YEARS")
                    break;
                case 10:
                    @Lang.Html("IDS_LIFETIME_5YEARS")
                    break;
                case 8:
                    @Lang.Html("IDS_LIFETIME_UNLIMITED")
                    break;
                case 9:
                    @Lang.Html("IDS_LIFETIME_14DAYS")
                    break;
            }
            </label>
        </div>
    </div>
    <div class="row">
        <div class="col-lg-6 col-xs-6">
            <label>@Lang.Html("IDS_SUBSCRIPTIONS_VIEW_DF_CONSUMPTION_LIMIT_LABEL")</label>
        </div>
        <div class="col-lg-6 col-xs-6">
            <label id="lblConsumptionLimit-@i">
                @if (Model.Subscriptions[i].QuotaCode == QuotaCode.XposRinexAndVRinexEpochs)
                {
                    @Lang.FormatEpochs(Model.Subscriptions[i].ArticleConsumptionLimit)
                }
                else if (Model.Subscriptions[i].QuotaCode == QuotaCode.ConnectionTime)
                {
                    @Lang.FormatDurationToHoursMinutes(Model.Subscriptions[i].ArticleConsumptionLimit, false)
                }
                else
                {
                    @Lang.Html("IDS_QUOTA_TYPE_NONE")
                }
            </label>
        </div>
    </div>
    @if (!string.IsNullOrEmpty(Model.Subscriptions[i].LeicaSensorSerialNumber))
    {
        <div class="row">
            <div class="col-lg-6 col-xs-6">
                <label for="lblLeicaSensorSerialNumber">@Lang.Html("IDS_SUBSCRIPTIONS_VIEW_DEVICE_LEICA_SENSOR_SERIAL_NUMBER")</label>
            </div>
            <div class="col-lg-6 col-xs-6">
                <span id="lblLeicaSensorSerialNumber">@Model.Subscriptions[i].LeicaSensorSerialNumber</span>
            </div>
        </div>
    }
    <div class="row">
        <div class="col-lg-6 col-xs-6">
            <label>@Lang.Html("IDS_SUBSCRIPTIONS_VIEW_DF_SUBSCRIPTIONS_ID_LABEL")</label>
        </div>
        <div class="col-lg-6 col-xs-6">
            <label>
                @Model.Subscriptions[i].SubscriptionId
            </label>
        </div>
    </div>
    @if (!currentPrivilege.IsDealerLevel())
    {
        <div class="row">
            <div class="col-lg-6 col-xs-6">
                <label>@Lang.Html("IDS_USERS_VIEW_DF_DEALER_LABEL")</label>
            </div>
            <div class="col-lg-6 col-xs-6">
                <label>
                    @(string.IsNullOrEmpty(Model.User.DealerName) ? (object)Lang.Html("IDS_DEALER_NONE") : Model.User.DealerName)
                </label>
            </div>
        </div>
    }
    <div class="row">
        <div class="col-lg-6 col-xs-6">
            <label>@Lang.Html("IDS_PRODUCTS_VIEW_DF_STATUS_LABEL")</label>
        </div>
        <div class="col-lg-6 col-xs-6">
            @{
                IHtmlContent labelText = null;
                string labelClass = null;
                switch (Model.Subscriptions[i].Status)
                {
                    case SubscriptionStatus.Active:
                        labelText = Lang.Html("IDS_SUBSCRIPTION_STATUS_ACTIVE");
                        break;
                    case SubscriptionStatus.Pending:
                        if (Model.Subscriptions[i].ServicePackageId == Model.NewlySubscribedPackageId)
                        {
                            labelText = Lang.Html("IDS_USER_SUBSCRPTIONS_VIEW_AWAITING_ACTIVATION_MESSAGE");
                            labelClass = "text-warning";
                        }
                        else
                        {
                            labelText = Lang.Html("IDS_SUBSCRIPTION_STATUS_PENDING");
                        }
                        break;
                    case SubscriptionStatus.Inactive:
                        labelText = Lang.Html("IDS_SUBSCRIPTION_STATUS_EXCEEDED");
                        labelClass = "stateIndicator text-danger";
                        break;
                    case SubscriptionStatus.ActiveAndExpired:
                        labelText = Lang.Html("IDS_SUBSCRIPTION_STATUS_EXPIRED");
                        labelClass = "stateIndicator text-danger";
                        break;
                }
            }
            <label class="@labelClass">@labelText</label>
            @if (Model.Subscriptions[i].IsXposExceeded)
            {
                <span class="statusIndicator">(@Lang.Html("IDS_SUBSCRIPTION_STATUS_RINEXEXCEEDED"))</span>
            }
            <input type="hidden"
                   id="status-@i"
                   name="status-@i"
                   value="@Convert.ToInt32(Model.Subscriptions[i].Status)"/>
        </div>
    </div>
    <div class="row">
        <div class="col-lg-6 col-xs-6">
            <label>@Lang.Html("IDS_SUBSCRIPTIONS_VIEW_DF_CREATED_DATE_LABEL")</label>
        </div>
        <div class="col-lg-6 col-xs-6">
            <label>
                @Model.Subscriptions[i].CreatedDate?.ToString(DateFormats.Date)
            </label>
        </div>
    </div>
    <div class="row">
        <div class="col-lg-6 col-xs-6">
            <label>@Lang.Html("IDS_SUBSCRIPTIONS_VIEW_DF_FIRSTACTIVATION_DATE_LABEL")</label>
        </div>
        <div class="col-lg-6 col-xs-6">
            <label id="lblInitialActivation-@i">
                @if (Model.Subscriptions[i].FirstActivationDate.HasValue && Model.Subscriptions[i].Status != SubscriptionStatus.Pending)
                {
                    @Model.Subscriptions[i].FirstActivationDate?.ToString(DateFormats.Date)
                }
            </label>
        </div>
    </div>
    <div class="col-lg col-sm">
        <h3>@Lang.Html("IDS_PACKAGES_VIEW_DF_LIFETIME_LABEL")</h3>
    </div>
    <div class="row">
        <div class="col-lg-6 col-xs-6">
            <label for="lblstartDate-@i">@Lang.Html("IDS_SUBSCRIPTIONS_VIEW_DF_START_DATE_LABEL")</label>
        </div>
        <div class="col-lg-6 col-xs-6">
            <label id="lblstartDate-@i">
                @if (ViewBag.editStatusBool == true && Model.Subscriptions[i].Status == SubscriptionStatus.Pending)
                {
                    @DateTime.Now.ToString(DateFormats.Date)
                }
                else
                {
                    @Model.Subscriptions[i].StartDate?.ToString(DateFormats.Date)
                }
            </label>
        </div>
    </div>
    <div class="row">
        <div class="col-lg-6 col-xs-6">
            <label for="lblrenewalDate-@i">@Lang.Html("IDS_SUBSCRIPTIONS_MOBILE_VIEW_DF_RENEWAL_DATE_LABEL")</label>
        </div>
        <div class="col-lg-6 col-xs-6">
            <label id="lblrenewalDate-@i"
                   class="lblRenewalDate">
                @if (Model.Subscriptions[i].ExpiryDate.HasValue && Model.Subscriptions[i].Status != SubscriptionStatus.Pending)
                {
                    @Model.Subscriptions[i].RenewalDate?.ToString(DateFormats.Date)
                }
            </label>
            <input type="hidden"
                   id="renewDate-@i"
                   value="@(Model.Subscriptions[i].RenewalDate?.ToString(DateFormats.Date))"/>
        </div>
    </div>
    <div class="row">
        <div class="col-lg-6 col-xs-6 Paddingbottom">
            <label>@Lang.Html("IDS_SUBSCRIPTIONS_VIEW_DF_DAYS_TO_GO_LABEL")</label>
        </div>
        <div class="col-lg-6 col-xs-6">
            <label id="lblDaystogo-@i">
            @if (Model.Subscriptions[i].ExpiryDate.HasValue && Model.Subscriptions[i].Status != SubscriptionStatus.Pending)
            {
                @((Model.Subscriptions[i].RenewalDate.Value.Date - DateTime.Today).TotalDays)
            }
            </label>
        </div>
    </div>
    <div class="subscriptionPeriod">
        @if (Model.Subscriptions[i].Status != SubscriptionStatus.Pending)
        {
            var totalDays = Model.Subscriptions[i].RenewalDate != null && Model.Subscriptions[i].StartDate != null ? (Convert.ToDateTime(Model.Subscriptions[i].RenewalDate).Date - Convert.ToDateTime(Model.Subscriptions[i].StartDate)).TotalDays : 0;
            var remainingDays = Model.Subscriptions[i].RenewalDate != null ? (Convert.ToDateTime(Model.Subscriptions[i].RenewalDate).Date - DateTime.Today.Date).TotalDays : 0;
            var renewalDays = Model.Subscriptions[i].RenewalDate != null && Model.Subscriptions[i].ExpiryDate != null ? (Convert.ToDateTime(Model.Subscriptions[i].ExpiryDate).Date - Convert.ToDateTime(Model.Subscriptions[i].RenewalDate).Date).TotalDays : 0;
            var daysPercentage = totalDays > 0 ? remainingDays / totalDays : 0;
            var daysToExceed = Model.Subscriptions[i].ExpiryDate != null ? (Convert.ToDateTime(Model.Subscriptions[i].ExpiryDate) - DateTime.Today).TotalDays : 0;
            <div class="row">
                <div class="col-lg-10 col-sm-12">
                    <div class="value row">
                        <div class="col-lg-3 col-xs-4 small">
                            @Lang.Html("IDS_SUBSCRIPTIONS_VIEW_DF_START_DATE_LABEL")
                        </div>
                        <div class="col-lg-6 col-xs-4 text-center small text-nowrap">
                            @if (remainingDays < 0 && renewalDays >= 0)
                            {
                                if (Model.Subscriptions[i].Status == SubscriptionStatus.ActiveAndExpired)
                                {
                                    <span class="value">@Lang.Html("IDS_SUBSCRIPTIONS_PROGRESSBAR_EXPIRED_MESSAGE")</span>
                                }
                                else
                                {
                                    <span class="value">@(daysToExceed >= 0 ? Lang.Html("IDS_SUBSCRIPTIONS_PROGRESSBAR_GRACE_PERIOD") : Lang.Html("IDS_SUBSCRIPTIONS_PROGRESSBAR_EXPIRED_MESSAGE"))</span>
                                }
                            }
                            else
                            {
                                if (Model.Subscriptions[i].Status == SubscriptionStatus.ActiveAndExpired)
                                {
                                    <span class="value">@Lang.Html("IDS_SUBSCRIPTIONS_PROGRESSBAR_EXPIRED_MESSAGE")</span>
                                }
                                else
                                {
                                    <span class="value">@Lang.Html("IDS_SUBSCRIPTIONS_PROGRESSBAR_CONSUMING")</span>
                                }
                            }
                        </div>
                        <div class="col-lg-3 col-xs-4 text-right small">
                            @Lang.Html("IDS_SUBSCRIPTIONS_MOBILE_VIEW_DF_RENEWAL_DATE_LABEL")
                        </div>
                    </div>
                    <div class="progress">
                        @if (remainingDays < 0 && renewalDays >= 0)
                        {
                            if (Model.Subscriptions[i].Status == SubscriptionStatus.ActiveAndExpired)
                            {
                                <div class="progress-bar progress-bar-danger"
                                     style="@string.Format(CultureInfo.InvariantCulture, "width:{0:0%}", 1)">
                                </div>
                            }
                            else
                            {
                                <div class="progress-bar progress-bar-@(daysToExceed >= 0 ? "pending" : "danger")"
                                     style="@string.Format(CultureInfo.InvariantCulture, "width:{0:0%}", 1)">
                                </div>
                            }
                        }
                        else
                        {
                            if (Model.Subscriptions[i].Status == SubscriptionStatus.ActiveAndExpired)
                            {
                                <div class="progress-bar progress-bar-danger"
                                     style="@string.Format(CultureInfo.InvariantCulture, "width:{0:0%}", 1)">
                                </div>
                            }
                            else
                            {
                                <div class="progress-bar progress-bar-success progress-bar-striped active"
                                     style="@string.Format(CultureInfo.InvariantCulture, "width:{0:0%}", daysPercentage > 1 ? 1.0 : daysPercentage)">
                                </div>
                            }
                        }
                    </div>
                    <div class="value row">
                        <div class="col-lg-3 col-xs-4 small">
                            @($"{Convert.ToDateTime(Model.Subscriptions[i].StartDate):yyyy-MM-dd}")
                        </div>
                        <div class="col-lg-6 col-xs-4 text-center small text-wrap">
                            @if (Model.Subscriptions[i].Status != SubscriptionStatus.ActiveAndExpired)
                            {
                                if (remainingDays < 0 && renewalDays >= 0)
                                {
                                    <span class="value">@Lang.Html("IDS_SUBSCRIPTIONS_PROGRESSBAR_RENEWAL_MESSAGE", (Convert.ToDateTime(Model.Subscriptions[i].ExpiryDate) - DateTime.Today).TotalDays)</span>
                                }
                                else
                                {
                                    <span class="value">@Lang.Html("IDS_SUBSCRIPTIONS_PROGRESSBAR_DAYS_REMAINING", remainingDays)</span>
                                }
                            }
                        </div>
                        <div class="col-lg-3 col-xs-4 text-right small">
                            @($"{Model.Subscriptions[i].RenewalDate:yyyy-MM-dd}")
                        </div>
                    </div>
                </div>
                <div class="col-lg-2"></div>
            </div>
        }
    </div>
    <div class="consumption">
        @if (Model.Subscriptions[i].SubscriptionConsumptionLimit > 0)
        {
            <div class="col-lg col-sm">
                <h3>@Lang.Html(Model.Subscriptions[i].QuotaCode == QuotaCode.ConnectionTime ? "IDS_SUBSCRIPTIONS_VIEW_CONSUMPTION_RTK_CHART" : "IDS_SUBSCRIPTIONS_VIEW_CONSUMPTION_XPOS_RINEX_CHART")</h3>
            </div>

            <div class="row">
                <div class="col-lg-6 col-xs-6">
                    <label for="lblConsumed-@i">@Lang.Html("IDS_SUBSCRIPTIONS_VIEW_DF_CONSUMED_LABEL")</label>
                </div>
                <div class="col-lg-6 col-xs-6">
                    <label id="lblConsumed-@i">
                        @(Model.Subscriptions[i].QuotaCode == QuotaCode.ConnectionTime ? Lang.FormatDurationWithPercent(Model.Subscriptions[i].Consumed, Model.Subscriptions[i].SubscriptionConsumptionLimit) : Lang.FormatEpochsWithPercent(Model.Subscriptions[i].Consumed, Model.Subscriptions[i].SubscriptionConsumptionLimit))
                    </label>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-6 col-xs-6">
                    <label for="lblRemaining-@i">@Lang.Html("IDS_SUBSCRIPTIONS_VIEW_DF_REMAINING_LABEL")</label>
                </div>
                <div class="col-lg-6 col-xs-6">
                    <label id="lblRemaining-@i">
                        @(Model.Subscriptions[i].QuotaCode == QuotaCode.ConnectionTime ? Lang.FormatDurationWithPercent(Model.Subscriptions[i].Remaining, Model.Subscriptions[i].SubscriptionConsumptionLimit) : Lang.FormatEpochsWithPercent(Model.Subscriptions[i].Remaining, Model.Subscriptions[i].SubscriptionConsumptionLimit))
                    </label>
                </div>
            </div>

            if (Model.Subscriptions[i].Status != SubscriptionStatus.Pending)
            {
                var usagePercentage = 1 - (double) (Model.Subscriptions[i].SubscriptionConsumptionLimit - Model.Subscriptions[i].Remaining) / Model.Subscriptions[i].SubscriptionConsumptionLimit;
                if (usagePercentage <= 0)
                {
                    usagePercentage = 1;
                }
                <div class="row">
                    <div class="col-lg-10 col-sm-12">
                        <div class="progress">
                            <div class="progress-bar @(Model.Subscriptions[i].Remaining < 1 ? "progress-bar-danger" : "progress-bar-success progress-bar-striped active")"
                                 role="progressbar"
                                 aria-valuenow="70"
                                 aria-valuemin="0"
                                 aria-valuemax="100"
                                 style="@string.Format(CultureInfo.InvariantCulture, "width:{0:0%}", usagePercentage > 1 ? 1.0 : usagePercentage)">
                            </div>
                        </div>
                        <div class="value row">
                            <div class="col-lg-4 col-xs-4 small">
                                @(Model.Subscriptions[i].QuotaCode == QuotaCode.ConnectionTime ? Lang.FormatDuration("IDS_UNIT_HOURS", 0) : Lang.FormatEpochs(0))
                            </div>
                            <div class="col-lg-4 col-xs-4 text-center small text-nowrap">
                                @(Model.Subscriptions[i].Remaining < 1
                                    ? (object)Lang.Html(Model.Subscriptions[i].QuotaCode == QuotaCode.ConnectionTime ? "IDS_SUBSCRIPTIONS_VIEW_ALL_HOURS_CONSUMED" : "IDS_SUBSCRIPTIONS_VIEW_ALL_EPOCHS_CONSUMED")
                                    : string.Format("{0} {1}", Model.Subscriptions[i].QuotaCode == QuotaCode.ConnectionTime
                                        ? Lang.FormatDurationToHoursMinutes(Model.Subscriptions[i].Remaining)
                                        : Lang.FormatEpochs(Model.Subscriptions[i].Remaining),
                                        Lang.Raw("IDS_SUBSCRIPTIONS_MOBILE_VIEW_DF_REMAINING_LABEL")))
                            </div>
                            <div class="col-lg-4 col-xs-4 text-right small">
                                @(Model.Subscriptions[i].QuotaCode == QuotaCode.ConnectionTime ? Lang.FormatDuration("IDS_SUBSCRIPTIONS_MOBILE_UNIT_CONSUMED_REMAINING_HRS", Model.Subscriptions[i].SubscriptionConsumptionLimit) : Lang.FormatEpochs(Model.Subscriptions[i].SubscriptionConsumptionLimit))
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-2"></div>
                </div>
            }
        }
    </div>
    </div>
    <div class="col-lg-6 col-md-12 col-sm-12 col-xs-12 regionDetails">
        <feature name="@(SbcFeatureFlags.SubscriptionConsumptionDetails)">
            @if (Model.Subscriptions[i].InstallationQuotaHistory!= null && Model.Subscriptions[i].InstallationQuotaHistory.Count() > 0)
            {
                <partial name="~/Views/shared/_SubscriptionConsumptionTabsHeaderPartial.cshtml"
                         model='new SubscriptionConsumptionViewModel{ Index = i, QuotaCode = Model.Subscriptions[i].QuotaCode, SubscriptionId = Model.Subscriptions[i].SubscriptionId }'/>
            }
        </feature>
       @if (Model.Subscriptions[i].RestrictionType == ServicePackageRestrictionType.Region)
        {
            <h3>@Lang.Html("IDS_WORKING_AREA")</h3>
            <div id="RegionSelector-@i"
                 class="ui-tabs-vertical"
                 data-regions="@Model.Subscriptions[i].AllRegions.Select(r => r.Item2).ToArray().ToJson()"
                 data-regions-geometry="@Model.RegionGeography.ToArray().ToJson()"
                 data-regions-per-subscription="@Model.Subscriptions[i].RegionsPerSubscription"
                 data-selected-regions="@Model.Subscriptions[i].AllRegions.Where(r => r.Item1).Select(r => r.Item2.Id).ToArray().ToJson()">
            </div>
        }
    </div>
    </div>
    </div>
    </div>
}

<partial name="_RegionSelectorPartial"/>
<partial name="_InstallationRegionsPartial" />
<script type="text/javascript">
    var count = '@Model.Subscriptions.Count';
    var currentUserRole = '@currentPrivilege';
    var today = '@Html.GetNowAsJsDateString()';
    var Localisation_Status_Active = @Lang.JsString("IDS_SUBSCRIPTION_STATUS_ACTIVE");
    var Localisation_Status_Pending = @Lang.JsString("IDS_SUBSCRIPTION_STATUS_PENDING");
    var Localisation_Status_Expired = @Lang.JsString("IDS_SUBSCRIPTION_STATUS_EXPIRED");
    var Localisation_Status_Exceeded = @Lang.JsString("IDS_SUBSCRIPTION_STATUS_EXCEEDED");
    var Localisation_Unit_Hours = @Lang.JsString("IDS_SUBSCRIPTIONS_UNIT_HOURS");
    var Localisation_Unit_Minutes = @Lang.JsString("IDS_SUBSCRIPTIONS_UNIT_MINUTES");
    var Localisation_Renewing_Message = @Lang.JsString("IDS_USER_SUBSCRIPTIONS_RENEWING_MESSAGE");
    const ConsumptionDetails = @Html.Raw(Model.ConsumptionDetails.ToJson());
</script>