@using Leica.Spider.BusinessCenter.Frontend.Utils
@model Leica.Spider.BusinessCenter.Frontend.Models.NotificationsModel
@{
    var toTextBoxVal = string.Empty;
    var isFromContact = ViewContext.RouteData.Values["action"].ToString() == "Contact";
    ViewBag.Title = Lang.Raw(isFromContact ? "IDS_NOTIFICATIONS_EMAIL_CONTACT" : "IDS_NOTIFICATIONS_HEADER");
    bool isBrokerEnabled = ViewBag.BrokerEnabled ?? false;
    var canSendPush = !isFromContact && Application.IsSmartNetLicense;
}

@section styles {
    @Styles.Render("~/Styles/Admin/Notifications/Index")
    @Styles.Render("~/Content/summernote")
}

@section scripts {
    @Scripts.Render("~/bundles/PendingChanges")
    @Scripts.Render("~/Scripts/Admin/Notifications/Index")
    @Scripts.Render("~/bundles/summernote")
}



<form class="smart-form"
      method="post">
    <div class="tabs-container inputForm"
         id="notifications">
        <ul class="nav nav-tabs nav-justified tabs-header">
            <li class="active">
                <a data-toggle="tab"
                   href="#email">@Lang.Html("IDS_NOTIFICATIONS_EMAIL")</a>
            </li>
            @if (canSendPush)
            {
                <li>
                    <a data-toggle="tab"
                       href="#push">@Lang.Html("IDS_NOTIFICATIONS_PUSH")</a>
                </li>
            }
        </ul>
        <div class="tab-content">
            <div sbc-validation-summary="All"></div>
            <div id="email"
                 class="tab-pane active">
                <h4>@Lang.Html("IDS_NOTIFICATIONS_EMAIL_COMPOSE")</h4>
                <div class="editColumns cf">
                    <div class="columnLeft">
                        @if (!isFromContact)
                        {
                            <div class="mailids editorField">
                                <span>
                                    <a data-select-recipients="email"
                                       href="#">
                                        @Lang.Html("IDS_NOTIFICATIONS_EMAIL_TO_LABEL")</a>
                                </span>
                                <input type="text" id="emailIds" name="emailIds"
                                        value="@toTextBoxVal" readonly="readonly" data-to-field="true"
                                       />
                                <div class="note">@Lang.Html("IDS_NOTIFICATIONS_EMAIL_TO_TOOL_TIP")</div>
                            </div>
                        }
                        <div class="emailsubject editorField">
                            <label>@Lang.Html("IDS_NOTIFICATIONS_EMAIL_SUBJECT_LABEL")</label>
                            <input type="text" asp-for="EmailSubject" id="emailSubject" />
                        </div>
                        <div class="emailbody editorField">
                            <textarea asp-for="EmailBody" id="emailBody"></textarea>
                        </div>
                    </div>
                </div>
            </div>

            @if (canSendPush)
            {
                <div id="push"
                     class="tab-pane">
                    @if (isBrokerEnabled)
                    {
                        <h4>@Lang.Html("IDS_NOTIFICATIONS_EMAIL_COMPOSE")</h4>
                        <div class="editColumns cf">
                            <div class="columnLeft">
                                <div class="mailids editorField">
                                    <span>
                                        <a data-select-recipients="push"
                                           href="#">
                                            @Lang.Html("IDS_NOTIFICATIONS_EMAIL_TO_LABEL")</a>
                                    </span>
                                    <input type="text" name="pushIds" id="pushIds" value="@toTextBoxVal"
                                           readonly="readonly" data-to-field="true"/>
                                    <div class="note">@Lang.Html("IDS_NOTIFICATIONS_PUSH_TO_TOOL_TIP")</div>
                                </div>
                                <div class="pushbody editorField">
                                    <textarea id="pushBody" asp-for="PushMessage" maxlength="256"></textarea>
                                </div>
                            </div>
                        </div>
                    }
                    else
                    {
                        <h4>@Lang.Html("IDS_NOTIFICATIONS_PUSH_DISABLED")</h4>
                    }
                </div>
            }

            <input type="hidden"
                   id="workingModeTab"
                   name="workingModeTab"/>
            <input type="hidden"
                   id="selectedUserIds"
                   name="selectedUserIds"/>
            <input type="hidden"
                   id="selectedUserGroupIds"
                   name="selectedUserGroupIds"/>

        </div>

        <footer>
            <input type="submit"
                   id="btnSendEmail"
                   value="@Lang.Attr("IDS_NOTIFICATIONS_EMAIL_SEND_BUTTON")"
                   class="btn btn-primary"/>
        </footer>
    </div>
</form>

@if (!isFromContact)
{
<div id="selectContacts"
     class="dialogContentPlaceholder">
    <div class="separator"></div>
    <div class="cf"
         id="radioUsersOrGroups">
        <input type="radio"
               id="rbtnusers"
               name="UsersOrGroups" /><label>@Lang.Html("IDS_NOTIFICATIONS_EMAIL_SELECT_INDIVIDUAL_USERS")</label>
            <input type="radio"
                   id="rbtnGroups"
                   name="UsersOrGroups" /><label>@Lang.Html("IDS_NOTIFICATIONS_EMAIL_SELECT_GROUPS")</label>
            </div>

            <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 '';
                        });
            </script>
            <datatable id="usersTable"
                       source="@Url.Action("ListUsers", "Notifications")"
                       search="@Lang.Attr("IDS_INDIVIDUALUSERS_SEARCH")"
                       search-value="@string.Empty"
                       default-sort-index="3"
                       default-sort-order="asc"
                       id-field="Id">

                <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")" />

                <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>
                </datatable-column>

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

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

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

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

            </datatable>

            <datatable id="UserGroupsTable"
                       source="@Url.Action("ListGroups", "Notifications")"
                       search="@Lang.Attr("IDS_USERGROUPS_SEARCH")"
                       search-value="@string.Empty"
                       default-sort-index="2"
                       default-sort-order="asc"
                       id-field="Id">

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

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

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

            </datatable>

        </div>
}
<div>
    <partial name="~/Views/Shared/_BootstrapModalDialog.cshtml" model='"selectNotificationContacts"' />
</div>
<script type="text/javascript">
    var Localisation_SelectContactDialogTitle = @Lang.JsString("IDS_NOTIFICATIONS_EMAIL_SELECT_CONTACTS");
    var Localisation_Mail = @Lang.JsString("IDS_NOTIFICATIONS_EMAIL");
    var Localisation_PushNotification = @Lang.JsString("IDS_NOTIFICATIONS_PUSH");
    var Localisation_Error = @Lang.JsString("IDS_ERROR");
    var Localisation_Close = @Lang.JsString("IDS_CLOSE");
    var Localisation_Selected = @Lang.JsString("IDS_SUBSCRIPTIONS_LOOKUP_SELECTED_HEADER");
    var Localisation_Yes = @Lang.JsString("IDS_YES");
    var Localisation_No = @Lang.JsString("IDS_NO");
    var Localisation_Send_Email_Confirmation_Header = @Lang.JsString("IDS_NOTIFICATIONS_SEND_EMAIL_CONFIRMATION_HEADER");
    var Localisation_Send_Push_Confirmation_Header = @Lang.JsString("IDS_COMPOSE_NOTIFICATION_CONFIRM_NOTIFICATION_HEADER");
    var Localisation_Total = @Lang.JsString("IDS_INDIVIDUALUSERS_TEXT_TOTAL");
    var Localisation_Hits = @Lang.JsString("IDS_INDIVIDUALUSERS_TEXT_HITS");
    var Localisation_Close = @Lang.JsString("IDS_CLOSE");
    var Localisation_SearchUsers = @Lang.JsString("IDS_INDIVIDUALUSERS_SEARCH");
    var Localisation_SearchUserGroups = @Lang.JsString("IDS_USERGROUPS_SEARCH");
    var Localisation_Send = @Lang.JsString("IDS_NOTIFICATIONS_EMAIL_SEND_BUTTON");
    var Localisation_Cancel = @Lang.JsString("IDS_CANCEL");
    var Localisation_Validation_Empty_Subject = @Lang.JsString("IDS_NOTIFICATIONS_EMAIL_EMPTY_SUBJECT");
    var Localisation_Validation_Empty_Body = @Lang.JsString("IDS_NOTIFICATIONS_EMAIL_EMPTY_BODY");
    var Localisation_Validation_Empty_Subject_And_Body = @Lang.JsString("IDS_NOTIFICATIONS_EMAIL_EMPTY_SUBJECT_AND_BODY");
    var Localisation_Validation_Empty_PushMessage = @Lang.JsString("IDS_COMPOSE_NOTIFICATION_VIEW_EMPTY_PUSH_MESSAGE");
</script>