@using Leica.Spider.BusinessCenter.WCFInterfaces
@using Leica.Spider.BusinessCenter.Frontend.Models
@using Leica.Spider.BusinessCenter.Frontend.Utils
@model Leica.Spider.BusinessCenter.Frontend.Models.SubscriptionDetailViewModel
@{
    ViewBag.Title = Lang.Raw("IDS_SUBSCRIPTIONS_ADD_SUBSCRIPTION_HEADER") + " - " + Model.SubscriptionId;
    UserPrivileges currentPrivilege = ViewBag.UserRole;
    var regionGeography = Model.RegionGeography.ToArray();
}

@section styles {
    @Styles.Render("~/Content/Leaflet/all")
    @Styles.Render("~/Styles/Admin/Subscriptions/Add")
}

@section scripts {
    <leaflet-scripts />
    @Scripts.Render("~/Scripts/Admin/Subscriptions/Add")
    @Scripts.Render("~/bundles/PendingChanges")
    <partial name="_RegionSelectorPartial" />
}

<form enctype="multipart/form-data" autocomplete="off" class="smart-form" method="post">
    <div class="tabs-container inputForm">
        <ul class="nav nav-tabs nav-justified tabs-header">
            <li class="active">
                <a data-toggle="tab"
                   href="#details">
                    @Lang.Html("IDS_DETAILS_CAPTION")</a>
            </li>
            <li>
                <a data-toggle="tab"
                   href="#regionRestrictionsDetails">
                    @Lang.Html("IDS_SUBSCRIPTIONS_RESTRICTIONS")</a>
            </li>
        </ul>
        <div class="tab-content">
            <div sbc-validation-summary="All"></div>
            <div id="details"
                 class="tab-pane active">
                <div class="editColumns">
                    <div class="columnLeft">
                        <div class="instructiontext">
                            <label>@Lang.Html("IDS_SUBSCRIPTIONS_ADD_SUBSCRIPTION_INSTRUCTION")</label>
                        </div>
                        <h4>@Lang.Html("IDS_SUBSCRIPTIONS_SUBSCRIPTION_DETAILS_HEADER")</h4>

                        <partial name="_SubscriptionUserLookup" model='Tuple.Create(Model.UserId, "Add", default(int), default(string))' />

                        @{
                            var subscriptionPackageLookupModel = new SubscriptionPackageLookupViewModel
                            {
                                PackageId = Model.PackageId,
                                DisplayMode = "Add",
                                SubscriptionStartDate = DateTime.Now.ToLongDateString(),
                                Remaining = 0,
                                ExpectedArticleNumber = null
                            };
                        }
                        <partial name="_SubscriptionPackageLookup" model="@subscriptionPackageLookupModel" />

                        <div class="row">
                            <div class="col-lg-3 col-md-4 col-sm-4 col-xs-4">
                                <label>@Lang.Html("IDS_SUBSCRIPTIONS_VIEW_DF_SUBSCRIPTIONS_ID_LABEL")</label>
                            </div>
                            <div class="col-lg-4 col-md-5 col-sm-6 col-xs-8">
                                @Model.SubscriptionId
                                <input type="hidden"
                                       id="subscriptionId"
                                       name="subscriptionId"
                                       value="@Model.SubscriptionId"/>
                            </div>
                        </div>
                        @if (currentPrivilege == UserPrivileges.MasterAdmin)
                        {
                            <div class="row">
                                <div class="col-lg-3 col-md-4 col-sm-4 col-xs-4"><label>@Lang.Html("IDS_USERS_VIEW_DF_DISTRIBUTION_CHANNEL_LABEL")</label></div>
                                <div class="col-lg-4 col-md-5 col-sm-6 col-xs-8">
                                    <label id="lbldistributionChannelName"></label>
                                </div>
                            </div>
                        }
                        <div class="row">
                            <div class="col-lg-3 col-md-4 col-sm-4 col-xs-4">
                                <label>@Lang.Html("IDS_USERS_VIEW_DF_DEALER_LABEL")</label>
                            </div>
                            <div class="col-lg-4 col-md-5 col-sm-6 col-xs-8">
                                <label id="lblDealerName"></label>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-lg-3 col-md-4 col-sm-4 col-xs-4">
                                <label>@Lang.Html("IDS_SUBSCRIPTIONS_VIEW_DF_STATUS_LABEL")</label>
                            </div>
                            <div class="col-lg-4 col-md-5 col-sm-6 col-xs-8">
                                <label id="lblStatus"
                                       class="pull-left">
                                </label>
                                <input type="hidden"
                                       id="status"
                                       name="status"/>
                                <div class="pull-right">
                                    <input id="ActivateSubscription"
                                           name="ActivateSubscription"
                                           type="button"
                                           class="btn btn-default lookupbutton"
                                           value="@Lang.Attr("IDS_SUBSCRIPTIONS_ACTIVATE")"/>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-lg-3 col-md-4 col-sm-4 col-xs-4">
                                <label>@Lang.Html("IDS_SUBSCRIPTIONS_VIEW_DF_CREATED_DATE_LABEL")</label>
                            </div>
                            <div class="col-lg-4 col-md-5 col-sm-6 col-xs-8">
                                <label id="lblCreationdate"></label>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-lg-3 col-md-4 col-sm-4 col-xs-4">
                                <label>@Lang.Html("IDS_SUBSCRIPTIONS_VIEW_DF_FIRSTACTIVATION_DATE_LABEL")</label>
                            </div>
                            <div class="col-lg-4 col-md-5 col-sm-6 col-xs-8">
                                <label id="lblInitialActivation">@Model.FirstActivationDate</label>
                                <input type="hidden" asp-for="FirstActivationDate" />
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-lg-3 col-md-4 col-sm-4 col-xs-4">
                                <label>@Lang.Html("IDS_SUBSCRIPTIONS_VIEW_DF_START_DATE_LABEL")</label>
                            </div>
                            <div class="col-lg-4 col-md-5 col-sm-6 col-xs-8">
                                <label id="lblStartDate"></label>
                                <input type="hidden"
                                       id="startDate"
                                       name="startDate"/>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-lg-3 col-md-4 col-sm-4 col-xs-4">
                                <label asp-for="ExpiryDate">@Lang.Html("IDS_SUBSCRIPTIONS_VIEW_DF_EXPIRY_DATE_LABEL")</label>
                            </div>
                            <div class="col-lg-4 col-md-5 col-sm-6 col-xs-8">
                                <label id="lblExpiryDate"></label>
                                <input type="hidden"
                                       id="expiryDate"
                                       name="expiryDate"/>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-lg-3 col-md-4 col-sm-4 col-xs-4">
                                <label asp-for="RenewalDate">@Lang.Html("IDS_SUBSCRIPTIONS_VIEW_DF_RENEWAL_DATE_LABEL")</label>
                            </div>
                            <div class="col-lg-4 col-md-5 col-sm-6 col-xs-8">
                                <label id="lblRenewalDate"></label>
                                <input type="hidden"
                                       id="renewalDate"
                                       name="renewalDate"/>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-lg-3 col-md-4 col-sm-4 col-xs-4">
                                <label>@Lang.Html("IDS_SUBSCRIPTIONS_VIEW_DF_DAYS_TO_GO_LABEL")</label>
                            </div>
                            <div class="col-lg-4 col-md-5 col-sm-6 col-xs-8">
                                <label id="lbldaystogo"></label>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-lg-3 col-md-4 col-sm-4 col-xs-4">
                                <label>@Lang.Html("IDS_SUBSCRIPTIONS_VIEW_DF_CONSUMED_LABEL")</label>
                            </div>
                            <div class="col-lg-4 col-md-5 col-sm-6 col-xs-8">
                                <label id="lblConsumed"></label>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-lg-3 col-md-4 col-sm-4 col-xs-4">
                                <label>@Lang.Html("IDS_SUBSCRIPTIONS_VIEW_DF_REMAINING_LABEL")</label>
                            </div>
                            <div class="col-lg-4 col-md-5 col-sm-6 col-xs-8">
                                <label id="lblRemaining"
                                       class="pull-left">
                                </label>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
            <div id="regionRestrictionsDetails"
                 class="tab-pane">
                <div id="subscriptionRegionSelector"
                     data-regions-geometry="@regionGeography.ToJson()"
                     data-selected-regions="@(Model.AssignedRegionIds != null ? Model.AssignedRegionIds.ToJson() : "[]")">
                </div>
            </div>
        </div>

        <footer>
            <a href="@Url.Action("Index", ViewBag.NavigateTo.Contains("IndividualUsers") ? "IndividualUsers" : "Subscriptions")"
               class="btn btn-default cancelLink"
               name="CancelTab">
                @Lang.Html("IDS_CANCEL")</a>
            <input name="SaveDetailsTab"
                   type="submit"
                   value="@Lang.Attr("IDS_TABLE_MESSAGES_SAVE")"
                   class="btn btn-primary"/>
            <input name="SaveAndCloseDetailsTab"
                   type="submit"
                   value="@Lang.Attr("IDS_SAVE_AND_CLOSE")"
                   class="btn btn-primary"/>
        </footer>
    </div>
</form>

<div>
    <partial name="~/Views/Shared/_BootstrapModalDialog.cshtml" model='"SubscriptionUserLookup"' />
</div>
<partial name="~/Views/Shared/_BootstrapModalDialog.cshtml" model='"SubscritptionPackageLookup"' />

<script type="text/javascript">
    var RedirectTo = '@ViewBag.NavigateTo';
    var userRole = '@ViewBag.UserRole';
    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_Epochs_Unit = @Lang.JsString("IDS_PACKAGES_VIEW_DF_UNIT_EPOCHS_LABEL");
</script>