@using Leica.Spider.BusinessCenter.Frontend.Utils
@{
    ViewBag.Title = Lang.Raw("IDS_USER_GROUPS_VIEW_TAB_HEADER_GROUP_SUBSCRIPTIONS");
    string searchString = ViewBag.filterString;
}

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

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

<script>
    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");
            }
        });

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

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

    Handlebars.registerHelper('getEditUrl',
        function (data) {
            if ('@Session.CanEditGroupSubscription(Application)' == 'True' && data.Status != 1)
                return new Handlebars.SafeString(window.rootDir + 'GroupSubscriptions/Edit?userGroupId=' + data.UserGroupId + '&packageId=' + data.PackageId);
            else
                return '';
        });

    Handlebars.registerHelper('getViewUrl',
        function (data) {
            return new Handlebars.SafeString(window.rootDir + 'GroupSubscriptions/View?userGroupId=' + data.UserGroupId + '&packageId=' + data.PackageId);
        });
    </script>

<datatable id="GroupSubscriptionsTable"
               source="@Url.Action("List")"
               search="@Lang.Attr("IDS_GROUP_SUBSCRIPTION_SEARCH")"
               search-value="@searchString"
               default-sort-index="3"
               default-sort-order="asc"
               id-field="GroupSubscriptionId"
               edit-url-template="{{getEditUrl this}}"
               view-url-template="{{getViewUrl this}}"
               delete-url-template="@(!Session.CanDeleteGroupSubscription(Application) ? null : Url.Action("Delete", "GroupSubscriptions"))">

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

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

        <datatable-column field="Status"
                          sortable="true"
                          header="@Lang.Attr("IDS_PACKAGES_VIEW_GRID_COLUMN_HEADER_STATUS")">
            <div class="tooltip icon status icon-stack-user iconSubscriptionStatus{{Status}}">
                <span>{{getStatusText Status}}</span>
            </div>
        </datatable-column>

        <datatable-column field="GroupSubscriptionId"
                          sortable="true"
                          header="@Lang.Attr("IDS_GROUPSUBSCRIPTIONS_VIEW_GRID_COLUMN_HEADER_GROUPSUBSCRIPTION_ID")"
                          class ="displayName">
            <span class="entityName">{{GroupSubscriptionId}}</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="GroupName"
                          sortable="true"
                          header="@Lang.Attr("IDS_GROUPSUBSCRIPTIONS_VIEW_GRID_COLUMN_HEADER_GROUPNAME")">
            {{GroupName}}
        </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}}
                    {{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="ArticleNumber"
                          sortable="true"
                          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"
                          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>
<script type="text/javascript">
    var Searchfilter = '@ViewBag.filterString';
    var userRole = '@ViewBag.UserRole';
    var Localisation_Error = @Lang.JsString("IDS_ERROR");
    var Localisation_Close = @Lang.JsString("IDS_CLOSE");
    var Localisation_OK = @Lang.JsString("IDS_OK");
    var Localisation_Cancel = @Lang.JsString("IDS_CANCEL");
    var Localisation_NotificationButtonEnabledTooltip = @Lang.JsString("IDS_NOTIFICATIONBUTTON_GROUP_SUBSCRIPTIONS_ENABLED_TOOLTIP");
    var Localisation_NotificationButtonDisabledTooltip = @Lang.JsString("IDS_NOTIFICATIONBUTTON_GROUP_SUBSCRIPTIONS_DISABLED_TOOLTIP");
    var Localisation_Delete_Dialog_Confirmation = @Lang.JsString("IDS_DELETE_DIALOG_CONFIRMATION_MESSAGE_GROUP_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_Delete_Error_Resolve_Dependencies = @Lang.JsString("IDS_SUBSCRIPTIONS_VIEW_MULTI_SOME_DELETED");
</script>