@using SsoUserStatus = Leica.Spider.BusinessCenter.WCFInterfaces.SsoUserStatus
@using Leica.Spider.BusinessCenter.Frontend.Utils
@{
    ViewBag.Title = Lang.Raw("IDS_MENU_USERS_EDIT_USERS");
    var searchString = ViewBag.SearchString;
}

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

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

<script>
        Handlebars.registerHelper('getStatusText',
            function (status) {
                switch (status) {
                    case 1:
                        return @Lang.JsString("IDS_USER_STATUS_ACTIVE");
                    case 2:
                        return @Lang.JsString("IDS_USER_STATUS_PENDING");
                    case 3:
                        return @Lang.JsString("IDS_USER_STATUS_SUSPENDED");
                }
                return '';
            });
            Handlebars.registerHelper('getSsoStatusIcon',
                function (status) {
                    switch (status) {
                        case @((int)SsoUserStatus.Unlinked):
                            return "icon-unlink5"
                        case @((int)SsoUserStatus.LinkedAndActive):
                            return "icon-link5";
                        case @((int)SsoUserStatus.LinkedAndInactive):
                            return "icon-link5";
                        }
                    return '';
            });
            Handlebars.registerHelper('getSsoUserStatusText',
                function (status) {
                    switch (status) {
                        case @((int)SsoUserStatus.Unlinked):
                            return @Lang.JsString("IDS_SSO_USER_STATUS_UNLINKED");
                        case @((int)SsoUserStatus.LinkedAndActive):
                            return @Lang.JsString("IDS_SSO_USER_STATUS_LINKED_AND_ACTIVE");
                        case @((int)SsoUserStatus.LinkedAndInactive):
                            return @Lang.JsString("IDS_SSO_USER_STATUS_LINKED_AND_INACTIVE");
                    }
                    return '';
                });
        Handlebars.registerHelper('hideNone',
            function (v) {
                return v === @Lang.JsString("IDS_DEALER_NONE") ? '' : v;
            });

        Handlebars.registerHelper('getAddSubUrl',
            function (data) {
                return new Handlebars.SafeString(window.rootDir + 'Subscriptions/Add?userId=' + data.Id + '&from=' + window.rootDir + 'IndividualUsers');
            });
</script>

<datatable id="usersTable"
           source="@Url.Action("List")"
           search="@Lang.Attr("IDS_INDIVIDUALUSERS_SEARCH")"
           search-value="@searchString"
           default-sort-index="3"
           default-sort-order="asc"
           id-field="Id"
           edit-url-template="@(!Session.CanEditUsers(Application) ? null : Url.Action("Edit", "IndividualUsers", new
                                                                             {
                                                                                 id = DataTableTagHelper.IdPlaceholder
                                                                             }))"
           view-url-template="@Url.Action("View", "IndividualUsers", new
                                  {
                                      id = DataTableTagHelper.IdPlaceholder
                                  })"
           delete-url-template="@(!Session.CanDeleteUsers(Application) ? null : Url.Action("Delete", "IndividualUsers"))">

    <datatable-filter value="0"
                      text="@Lang.Attr("IDS_DASHBOARD_SUBSCRIBERS")" />
    <datatable-filter value="1"
                      text="@Lang.Attr("IDS_DASHBOARD_USER_SUBSCRIPTIONS_EXPIRED_OR_PENDING")" />
    <datatable-filter value="2"
                      text="@Lang.Attr("IDS_DASHBOARD_WITHOUT_SUBSCRIPTIONS")" />

    @if (Session.CanAddUsers(Application))
    {
        <datatable-button url="@Url.Action("Add")"
                          icon="icon-plus2"
                          tooltip="@Lang.Attr("IDS_USERS_ADD_USER_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_INDIVIDUALUSERS_VIEW_COLUMN_HEADER_NAME_REGISTRATION")">
        <div class="tooltip icon status icon-user iconUserStatus{{Status}}">
            <span>{{getStatusText Status}}</span>
        </div>
        @if (ViewBag.ShowSsoStatus)
        {
                <a class="icon {{getSsoStatusIcon SsoUserStatus}} iconSsoUserStatus{{SsoUserStatus}}"
                   data-toggle="tooltip"
                   data-container="body"
                   title="{{getSsoUserStatusText SsoUserStatus}}">
                </a>
        }
    </datatable-column>

    <datatable-column field="UserName"
                      sortable="true"
                      header="@Lang.Attr("IDS_MESSAGES_VIEW_GRID_COLUMN_HEADER_SENDER")"
                      class="displayName">
        <span class="entityName">{{UserName}}</span><br />
        {{FirstName}} {{LastName}}
    </datatable-column>

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

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

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

    <datatable-column field="RegistrationDate"
                      sortable="true"
                      header="@Lang.Attr("IDS_INDIVIDUALUSERS_VIEW_COLUMN_HEADER_NAME_REGDATE")">
        {{RegistrationDate}}
    </datatable-column>
    @if (Session.CanUnlockUsers(Application))
    {
        <datatable-column field="UnlockDate"
                          sortable="false"
                          class="actionColumn unlockDate"
                          searchable="false">
            {{#if UnlockDate}}
                <a class="icon icon-lock4 commandIcon unlockUser"
                   data-toggle="tooltip"
                   data-container="body"
                   title="@Lang.Attr("IDS_UNLOCK_CAPTION")"
                   data-id="{{Id}}">
                </a>
            {{/if}}
        </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 currentLoginUserId = '@ViewBag.LoginUserId';
    var activeUserSubscriptionStatus = '@ViewBag.activeUserSubscriptionStatus';
    var canDeleteUsers = '@Session.CanDeleteUsers(Application)';
    var canEditUsers = '@Session.CanEditUsers(Application)';
    var canUnlockUsers = '@Session.CanUnlockUsers(Application)';
    var CanAddSubscription = '@Session.CanAddSubscription(Application)';
    var Localisation_Error = @Lang.JsString("IDS_ERROR");
    var Localisation_Close = @Lang.JsString("IDS_CLOSE");
    var Localisation_Search = @Lang.JsString("IDS_INDIVIDUALUSERS_SEARCH");
    var Localisation_Delete_Yes = @Lang.JsString("IDS_YES");
    var Localisation_Delete_No = @Lang.JsString("IDS_NO");
    var Localisation_Delete_Dialog_Header = @Lang.JsString("IDS_DELETE_DIALOG_HEADER");
    var Localisation_Unlock_Dialog_Header = @Lang.JsString("IDS_UNLOCK_DIALOG_HEADER");
    var Localisation_Delete_Dialog_Confirmation = @Lang.JsString("IDS_DELETE_DIALOG_CONFIRMATION_MESSAGE");
    var Localisation_Unlock_Dialog_Confirmation = @Lang.JsString("IDS_UNLOCK_DIALOG_CONFIRMATION_MESSAGE");
    var Localisation_Delete_Dialog_Confirmation_Multi_Selection = @Lang.JsString("IDS_DELETE_DIALOG_CONFIRMATION_MESSAGE_MULTI_USER");
    var Localisation_Delete_Dialog_Confirmation_Multi_Self_Selection = @Lang.JsString("IDS_DELETE_DIALOG_CONFIRMATION_MESSAGE_MULTI_USER_SELF_SELECTION");
    var Localisation_Delete_Dialog_Confirmation_Multi_User = @Lang.JsString("IDS_DELETE_DIALOG_CONFIRMATION_MESSAGE_MULTI_USER");
    var Localisation_Delete_Dialog_Confirmation_Multi_User_Self_Selection = @Lang.JsString("IDS_DELETE_DIALOG_CONFIRMATION_MESSAGE_MULTI_USER_SELF_SELECTION");
    var Localisation_Unlock_Dialog_Confirmation_Multi_User = @Lang.JsString("IDS_UNLOCK_DIALOG_CONFIRMATION_MESSAGE_MULTI_USER");
    var Localization_Delete_Error = @Lang.JsString("IDS_USERS_VIEW_USER_DELETE_ERROR");
    var Localization_User_Unlock_Error = @Lang.JsString("IDS_USERS_VIEW_USER_UNLOCK_ERROR");
    var Localization_Deleted = @Lang.JsString("IDS_USERS_VIEW_USER_DELETED");
    var Localization_User_Unlocked = @Lang.JsString("IDS_USERS_VIEW_USER_UNLOCKED");
    var Localization_Multi_Delete_Error = @Lang.JsString("IDS_USERS_VIEW_USERS_DELETE_ERROR");
    var Localization_Delete_Error_Resolve_Dependencies = @Lang.JsString("IDS_USERS_VIEW_USERS_DELETE_ERROR_RESOLVE_DEPENDENCIES");
    var Localization_Users_Unlock_Error = @Lang.JsString("IDS_USERS_VIEW_USERS_UNLOCK_ERROR");
    var Localization_Multi_Deleted = @Lang.JsString("IDS_USERS_VIEW_USERS_DELETED");
    var Localization_Users_Unlocked = @Lang.JsString("IDS_USERS_VIEW_USERS_UNLOCKED");
    var Localisation_RegDate = @Lang.JsString("IDS_INDIVIDUALUSERS_VIEW_COLUMN_HEADER_NAME_REGDATE");
    var Localisation_Subscription = @Lang.JsString("IDS_USERS_GRID_COLUMN_HEADER_SUBSCRIPTION");
    var Localisation_Subscription_Tooltip = @Lang.JsString("IDS_USERS_GRID_COLUMN_ADD_SUBSCRIPTION_TOOLTIP");
    var Localisation_NotificationButtonEnabledTooltip = @Lang.JsString("IDS_NOTIFICATIONBUTTON_INDIVIDUALS_ENABLED_TOOLTIP");
    var Localisation_NotificationButtonDisabledTooltip = @Lang.JsString("IDS_NOTIFICATIONBUTTON_INDIVIDUALS_DISABLED_TOOLTIP");
</script>