@using System.Text.RegularExpressions
@using Leica.Spider.BusinessCenter.Frontend.Models
@using Leica.Spider.BusinessCenter.Frontend.Utils
@using Leica.Spider.BusinessCenter.WCFInterfaces
@model WcfUser
@{
    var currentPrivileges = Session.UserPrivileges;
    ViewBag.Title = Lang.Raw("IDS_SHELL_USER_PROFILE") + " - " + Model.UserName;
    ViewBag.currentMenuItem = "User";
    ViewBag.subMenuItem = "userDetails";
    var entries = ViewBag.UserDataEntries as UserContactFormEntry[];
    var canEditEmailPreferences = !string.IsNullOrEmpty(Model.EmailAddress) && Regex.IsMatch(Model.EmailAddress, WcfUser.EmailValidationExpression);
    var emailNotificationEnabled = (Model.Preferences.NotificationChannels & NotificationChannels.Email) == NotificationChannels.Email;
    var restrictions = ViewBag.UserNameAndPasswordRestrictions as UserNameAndPasswordRestrictionsViewModel;
}

@section scripts {
    @Scripts.Render("~/bundles/User/ConsumerDetails")
    @Scripts.Render("~/bundles/PendingChanges")
    @Scripts.Render("~/bundles/ShowPassword")
}

@section styles {
    @Styles.Render("~/Areas/User/UserDetails")
}

<div>
<div class="wrapper-content">
<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_USER_PRODUCTS_VIEW_TAB_HEADER_PRODUCT_DATA")
        </a>
    </li>
    <li>
        <a data-toggle="tab"
           href="#preferences">
            @Lang.Html("IDS_MENU_ITEM_PREFERENCES")
        </a>
    </li>
</ul>
<form method="post"
      enctype="multipart/form-data"
      autocomplete="off"
      id="editUserForm">
<div class="tab-content">
<div sbc-validation-summary="All"></div>
<div id="details"
     class="tab-pane active">
    <div id="registerNewUser">
        <h4 class="form-title">@Lang.Html("IDS_USER_PROFILE_CREDENTIALS_LABEL")</h4>
        <div id="loginData">
            <div class="editColumns">
                <div class="columnLeft">
                    <div class="username form-group editorField">
                        <label asp-for="UserName">@Lang.Html("IDS_USERS_VIEW_DF_USERID_LABEL")</label>
                        @{
                            <input type="text"
                                   asp-for="UserName"
                                   autocomplete="off"
                                   class="form-control"
                                   disabled="disabled"/>
                            <div class="note">
                                @Lang.Html("IDS_USERS_VIEW_DF_SBCUSERNAME_TOOLTIP")
                            </div>
                            <span asp-validation-for="UserName"></span>
                        }
                    </div>
                    <div class="userpassword form-group editorField">
                        <label asp-for="Password">@Lang.Html("IDS_USERS_VIEW_DF_PASSWORD_LABEL")</label>
                        @{
                            <input class="form-control"
                                   asp-for="Password"
                                   disabled="disabled"
                                   type="password"
                                   placeholder="@Lang.Attr("IDS_RINEX_DATA_REPOSITORY_CONNECT_CREDENTIALS_PASSWORD_UNCHANGED")"
                                   sbc-password-eye
                            />
                            <div class="note">
                                @Lang.Html("IDS_USERS_VIEW_DF_SBCPASSWORD_TOOLTIP")
                            </div>
                            <span asp-validation-for="Password"></span>
                        }
                    </div>

                    <div class="ntripusername editorField form-group">
                        <label asp-for="NtripUserName">@Lang.Html("IDS_USERS_VIEW_DF_NTRIPUSERNAME_LABEL")</label>
                        @if (Model != null)
                        {
                            <input type="text"
                                   asp-for="NtripUserName"
                                   autocomplete="off"
                                   class="form-control"
                                   disabled="@(restrictions != null && !restrictions.CanChangeNtripAndGpuidUsername ? "disabled" : null)"/>
                        }
                        else
                        {
                            <input type="text"
                                   asp-for="NtripUserName"
                                   autocomplete="off"
                                   class="form-control"/>
                        }
                        <div class="note">
                            @Lang.Html("IDS_USERS_VIEW_DF_NTRIPUSERNAME_TOOLTIP")
                        </div>
                        <span asp-validation-for="NtripUserName"></span>
                    </div>
                    <div class="ntrippassword editorField">
                        <label asp-for="NtripPassword">@Lang.Html("IDS_USERS_VIEW_DF_NTRIPPASSWORD_LABEL")</label>
                        <input type="password" asp-for="NtripPassword"
                               autocomplete="off"
                               disabled="@(restrictions != null && !restrictions.CanChangeNtripAndGpuidPassword ? "disabled": null)"
                               sbc-password-eye
                               value="@Model.NtripPassword" />
                        <div class="note">
                            @Lang.Html("IDS_USERS_VIEW_DF_NTRIPPASSWORD_TOOLTIP")
                        </div>
                        <span asp-validation-for="NtripPassword"></span>
                    </div>
                </div>
            </div>
        </div>
        <h4 class="form-title">@Lang.Html("IDS_USER_PERSONAL_DATA")</h4>
        <div id="contactcategory"
             class="editColumns">
            <div class="columnLeft">
                <div class="firstName form-group">
                    <label asp-for="FirstName">@Lang.Html("IDS_USERS_VIEW_DF_FIRST_NAME_LABEL")</label>
                    <input type="text"
                           asp-for="FirstName"/>
                    <span asp-validation-for="FirstName"></span>
                </div>
                <div class="lastName form-group">
                    <label asp-for="LastName">@Lang.Html("IDS_USERS_VIEW_DF_LAST_NAME_LABEL")</label>
                    <input type="text"
                           asp-for="LastName"/>
                    <span asp-validation-for="LastName"></span>
                </div>
                <div class="email form-group">
                    <label asp-for="EmailAddress">@Lang.Html("IDS_USERS_VIEW_DF_EMAIL_LABEL")</label>
                    <input type="text"
                           asp-for="EmailAddress"
                           class="form-control"/>
                    <span asp-validation-for="EmailAddress"></span>
                </div>
                <div class="defaultLanguage form-group">
                    <label asp-for="DefaultLanguage">@Lang.Html("IDS_USERS_VIEW_DF_LANGUAGE_LABEL")</label>
                    <select asp-for="DefaultLanguage"
                            data-languagecombo="1"
                            class="form-control"
                            asp-items='new SelectList(Context.GetLanguageDictionary(), "Key", "Value", Application.DefaultLanguage)'>
                    </select>
                </div>
                @{
                    //mobile phone
                    var mobilePhoneEntry = entries?.FirstOrDefault(e => e.Label == Constants.MobilePhone);

                    if (mobilePhoneEntry != null && mobilePhoneEntry.IsPublished)
                    {
                        <div class="mobilephone form-group">
                            <label asp-for="MobilePhone">
                                @Lang.Html("IDS_USERS_VIEW_DF_MOBILE_PHONE_LABEL") @(mobilePhoneEntry.IsMandatory ? "*" : "")
                            </label>
                            <input type="text"
                                   asp-for="MobilePhone"
                                   class="form-control"/>
                            <span asp-validation-for="MobilePhone"></span>
                        </div>
                    }
                }
            </div>
            <div class="columnRight previlegeSection">
                @{
                    // Company
                    var companyEntry = entries?.FirstOrDefault(e => e.Id == 9);
                    if (companyEntry != null && companyEntry.IsPublished)
                    {
                        <div class="company editorField">
                            <label asp-for="Company">
                                @Lang.Html("IDS_USERS_VIEW_DF_COMPANY_LABEL")
                            </label>
                            <input type="text"
                                   asp-for="Company"
                                   class="form-control"/>
                            <span asp-validation-for="Company"></span>
                        </div>
                    }
                    //Picture
                    var pictureEntry = entries?.FirstOrDefault(e => e.Id == 8);
                    if (pictureEntry != null && pictureEntry.IsPublished)
                    {
                        <div class="picture form-group">
                            <label asp-for="Picture">@Lang.Html("IDS_USERS_VIEW_DF_PICTURE_LABEL") @(pictureEntry.IsMandatory ? "*" : "")</label>
                            <div class="pictureUpload">
                                <div class="uploadInput">
                                    <input type="file"
                                           asp-for="Picture"
                                           class="form-control"
                                           accept="image/*"
                                           data-role="none"
                                           size="41px"/>
                                </div>
                            </div>
                            <div id="pictureThumbnail">
                                @if (Model != null && Model.Picture != null && Model.Picture.Length > 0)
                                {
                                    var picture = Model.Picture;
                                    var imageSrc = $"data:image/png;base64,{Convert.ToBase64String(picture)}";
                                    <img class="PromotionalPicture" alt="@Model.UserName"
                                         src="@imageSrc"/>
                                    <input type="hidden"
                                           id="imageHidden"
                                           name="imageHidden"
                                           value="@imageSrc"/>
                                }
                                else
                                {
                                    <span class="icon icon100 icon2-camera2 iconcamera2"></span>
                                }
                            </div>
                            <span asp-validation-for="Picture"></span>
                        </div>
                    }
                }
            </div>
        </div>
    </div>
</div>
<div id="preferences"
     class="tab-pane">
    <h4 class="form-title">@Lang.Html("IDS_USERS_PREFERENCES_NOTIFICATION_HEADER")</h4>
    <div class="userPreferences">
        <span class="help-block">@Lang.Html("IDS_USERS_PREFERENCES_NOTIFICATION_HEADER_INFO")</span>
        <div class="row">
            <div class="col-sm-12 col-md-6">
                <div class="preferencesemail">
                    <input type="checkbox"
                           name="chkEmailPreference"
                           id="chkEmailPreference"
                           value="true"
                           checked="@emailNotificationEnabled"
                           disabled="@(canEditEmailPreferences ? null : "disabled")"/>
                    <label for="chkEmailPreference">@Lang.Html("IDS_USERS_PREFERENCES_OPTION_EMAIL")</label>
                </div>
                @if (null != Model && Model.IsLoggedInToMobileApp && Application.IsSmartNetLicense)
                {
                    var pushNotificationEnabled = (Model.Preferences.NotificationChannels & NotificationChannels.Mobile) == NotificationChannels.Mobile;
                    <div class="preferencespushnotifications form-group">
                        <input type="checkbox"
                               name="chkPushNotiticationPreference"
                               id="chkPushNotiticationPreference"
                               value="true"
                               checked="@pushNotificationEnabled"
                               disabled="@(canEditEmailPreferences ? null : "disabled")"/>
                        <label for="chkPushNotiticationPreference">@Lang.Html("IDS_USERS_PREFERENCES_OPTION_MOBILE")</label>
                        <span class="tooltipNote">@Lang.Html("IDS_USERS_PREFERENCES_OPTION_MOBILE_TOOLTIP")</span>
                    </div>
                }
            </div>
        </div>
    </div>
    <h4 class="form-title">@Lang.Html("IDS_USERS_PREFERENCES_NTRIPCASTER_HEADER")</h4>
    <div class="userPreferences row">
        <div class="col-sm-12 col-md-6">
            <div class="ntripCasterHostName  form-group ">
                <label asp-for="Preferences.NtripCaster.HostName">
                    @Lang.Html("IDS_CONFIGURATION_VIEW_NTRIPCASTER_HOSTNAME_LABEL")
                </label>
                <input type="text"
                       asp-for="Preferences.NtripCaster.HostName"
                       class="form-control"
                       disabled="disabled"/>
                <span asp-validation-for="Preferences.NtripCaster.HostName"></span>
            </div>
            <div class="ntripCasterPortNo  form-group ">
                <label asp-for="Preferences.NtripCaster.PortNo">
                    @Lang.Html("IDS_CONFIGURATION_VIEW_NTRIPCASTER_PORT_LABEL")
                </label>
                <input type="text"
                       asp-for="Preferences.NtripCaster.PortNo"
                       class="form-control"
                       disabled="disabled"/>
                <span asp-validation-for="Preferences.NtripCaster.PortNo"></span>
            </div>
            <div class="form-group editorButton floatLeft">
                <a id="CheckNtripCaster"
                   class="btn btn-default checkConnectivity"
                   href="@Url.Action("CheckNtripCaster", "IndividualUsers")"
                   data-connectivity-data='{"hostname":"@Html.IdFor(m => m.Preferences.NtripCaster.HostName)", "port": "@Html.IdFor(m => m.Preferences.NtripCaster.PortNo)"}'>
                    @Lang.Html("IDS_CONFIGURATION_VIEW_NTRIPCASTER_CHECKBUTTON_LABEL")
                </a>
            </div>
        </div>
    </div>
</div>
</div>
<footer>
    <a asp-controller="Home"
       asp-action="Index"
       class="btn btn-default cancelLink"
       name="CancelTab">
        @Lang.Html("IDS_CANCEL")
    </a>
    <input name="SavePreferencesTab"
           type="submit"
           value="@Lang.Attr("IDS_TABLE_MESSAGES_SAVE")"
           class="btn btn-primary"/>
</footer>
</form>
<div>
    <partial name="~/Views/Shared/_BootstrapModalDialog.cshtml"
             model='"dialog-message"'/>
</div>
</div>
</div>
</div>
<script type="text/javascript">
    var userRole = '@currentPrivileges';
    var currentUserId = @Model.Id;
    var currentUserName = '@Model.UserName';
    if ('@canEditEmailPreferences' === "False") {
        $("[name='chkEmailPreference']").val('@emailNotificationEnabled')
    }
    var Localization_CheckConnectivity_Default = @Lang.JsString("IDS_USER_LOGIN_DETAILS_NTRIP_CHECKBUTTON_LABEL");
    var Localization_CheckConnectivity_Checking = @Lang.JsString("IDS_USER_LOGIN_DETAILS_NTRIP_CHECKBUTTON_CHECKING_LABEL");
    var Localization_CheckConnectivity_Failed = @Lang.JsString("IDS_USER_LOGIN_DETAILS_NTRIP_CHECKBUTTON_CHECK_FAILED_LABEL");
    var Localization_CheckConnectivity_Success = @Lang.JsString("IDS_USER_LOGIN_DETAILS_NTRIP_CHECKBUTTON_CHECK_SUCCESS_LABEL");
</script>