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

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

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

<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 + 'GroupSubscriptions/Add?userGroupId=' + data.Id + '&from=' + window.rootDir + 'UserGroups');
        });
</script>
<datatable id="UserGroupsTable"
           source="@Url.Action("List", new{isEveryoneGroupRequired = true})"
           search="@Lang.Attr("IDS_USERGROUPS_SEARCH")"
           search-value="@searchString"
           default-sort-index="2"
           default-sort-order="asc"
           id-field="Id"
           edit-url-template="@(!Session.CanEditGroup(Application) ? null : Url.Action("Edit", "UserGroups", new
                              {
                                  id = DataTableTagHelper.IdPlaceholder
                              }))"
           view-url-template="@Url.Action("View", "UserGroups", new
                              {
                                  id = DataTableTagHelper.IdPlaceholder
                              })"
           delete-url-template="@(!Session.CanDeleteGroup(Application) ? null : Url.Action("Delete", "UserGroups"))">

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

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

    <datatable-column field="UserGroupName"
                      sortable="true"
                      header="@Lang.Attr("IDS_USER_GROUPS_VIEW_GROUP_GRID_COLUMN_HEADER_NAME")"
                      class ="displayName">
        {{UserGroupName}}
    </datatable-column>

    <datatable-column field="Description"
                      sortable="true"
                      header="@Lang.Attr("IDS_USERGROUPS_VIEW_GRID_COLUMN_HEADER_DESCRIPTION")">
        {{Description}}
    </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"
                          sortable="true"
                          header="@Lang.Attr("IDS_USERS_VIEW_DF_DEALER_LABEL")">
            {{hideNone DealerName}}
        </datatable-column>
    }

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

    @if (Session.CanAddSubscription(Application))
    {
        <datatable-column class="actionColumn addSubscription">
            <a class="icon icon-certificate commandIcon"
               data-toggle="tooltip"
               data-container="body"
               href="{{getAddSubUrl this}}"
               title="@Lang.Attr("IDS_USERS_GRID_COLUMN_ADD_SUBSCRIPTION_TOOLTIP")">
            </a>
        </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 restrictDealerAdminActions = false;
    var userRole = '@ViewBag.UserRole';
    var hasDeletePermission = '@Session.CanDeleteGroup(Application)';
    var hasEditPermission = '@Session.CanEditGroup(Application)';
    var hasAddSubPermission = '@Session.CanAddSubscription(Application)';
    var Localisation_Error = @Lang.JsString("IDS_ERROR");
    var Localisation_Close = @Lang.JsString("IDS_CLOSE");
    var Localisation_Search = @Lang.JsString("IDS_USERGROUPS_SEARCH");
    var Localisation_Delete_Yes = @Lang.JsString("IDS_YES");
    var Localisation_Delete_With_Everyone_Group = @Lang.JsString("IDS_USERGROUPS_MULTI_DELETE_WITH_EVERYONE_GROUP_ALERT");
    var Localisation_Delete_No = @Lang.JsString("IDS_NO");
    var Localisation_Delete_Dialog_Header = @Lang.JsString("IDS_DELETE_DIALOG_HEADER");
    var Localisation_Delete_Dialog_Confirmation = @Lang.JsString("IDS_DELETE_DIALOG_CONFIRMATION_MESSAGE");
    var Localisation_Delete_Dialog_Confirmation_Multi_Selection = @Lang.JsString("IDS_DELETE_DIALOG_CONFIRMATION_MESSAGE_MULTI_USERGROUPS");
    var Localization_Delete_Error = @Lang.JsString("IDS_USERGROUP_DELETE_ERROR");
    var Localization_Deleted = @Lang.JsString("IDS_USERGROUP_DELETED");
    var Localization_Multi_Delete_Error = @Lang.JsString("IDS_USERS_VIEW_USERGROUPS_DELETE_ERROR");
    var Localization_Delete_Error_Resolve_Dependencies = @Lang.JsString("IDS_USERS_VIEW_USERGROUPS_DELETE_ERROR_RESOLVE_DEPENDENCIES");
    var Localization_Multi_Deleted = @Lang.JsString("IDS_USERS_VIEW_USERGROUPS_DELETED");
    var Localisation_Subscription_Tooltip = @Lang.JsString("IDS_USERS_GRID_COLUMN_ADD_SUBSCRIPTION_TOOLTIP");
    var Localisation_DeleteSubscriptions = @Lang.JsString("IDS_USERGROUPS_DELETE_GROUP_MEMBER_SUBSCRIPTION_DELETETION_ALERT_HEADER");
    var Localisation_NotificationButtonEnabledTooltip = @Lang.JsString("IDS_NOTIFICATIONBUTTON_GROUPS_ENABLED_TOOLTIP");
    var Localisation_NotificationButtonDisabledTooltip = @Lang.JsString("IDS_NOTIFICATIONBUTTON_GROUPS_DISABLED_TOOLTIP");
</script>