@using Leica.Spider.BusinessCenter.WCFInterfaces
@using Leica.Spider.BusinessCenter.Frontend.Utils
@model Leica.Spider.BusinessCenter.Frontend.Models.Settings.UserInterfacePreferencesViewModel
@{
    ViewBag.Title = Lang.Raw("IDS_MENU_ITEM_UI_PREFERENCES");
    var isEditDisabled = ViewBag.UserRole == UserPrivileges.SupportViewer || ViewBag.UserRole == UserPrivileges.Operator || !Application.IsClmValid ? "disabled" : "";
}

@section styles {
    @Styles.Render("~/Content/Leaflet/all")
    @Styles.Render("~/Styles/Admin/UIPreferences/Index")
}

@section scripts {
    @Scripts.Render("~/bundles/PendingChanges")
    @Scripts.Render("~/bundles/jqueryval")
    @Scripts.Render("~/Scripts/Admin/UIPreferences/Index")
    <leaflet-scripts />
    @Scripts.Render("~/bundles/ShowPassword")
}

<form asp-action="SaveAll" method="post" enctype="multipart/form-data">
    <div id="settings"
         class="tabs-container inputForm">
        <ul class="nav nav-tabs nav-justified tabs-header">
            <li class="active">
                <a data-toggle="tab"
                   href="#documents">
                    @Lang.Html("IDS_CONFIGURATION_VIEW_DOCUMENTS_LABEL")
                </a>
            </li>
            <li>
                <a data-toggle="tab"
                   href="#map">
                    @Lang.Html("IDS_CONFIGURATION_VIEW_TAB_SIDEMENU_HEADER_MAP")
                </a>
            </li>
            <li>
                <a data-toggle="tab"
                   href="#threshold">
                    @Lang.Html("IDS_CONFIGURATION_VIEW_TAB_SIDEMENU_HEADER_THRESHOLDS")
                </a>
            </li>
            <li>
                <a data-toggle="tab"
                   href="#corporateDesign">
                    @Lang.Html("IDS_CONFIGURATION_VIEW_TAB_SIDEMENU_HEADER_CORPORATE_DESIGN")
                </a>
            </li>
        </ul>
        <div class="tab-content">
            <div sbc-validation-summary="All"></div>

            <div id="documents"
                 class="tab-pane active">
                <partial name="_SettingsDocumentsPartial.cshtml" for="Documents" />
            </div>

            <div id="map"
                 class="tab-pane">
                <partial name="_SettingsMapPartial.cshtml" for="Maps" />
            </div>

            <div id="threshold"
                 class="tab-pane">
                <partial name="_SettingsThresholdPartial.cshtml" for="Threshold" />
            </div>

            <div id="corporateDesign"
                 class="tab-pane">
                <partial name="_SettingsThemePartial.cshtml" model='("", Model.CorporateDesign.Themes, (int?) null, "")' />
            </div>
        </div>

        <footer>
            <a asp-controller="UserInterfacePreferences"
               asp-action="Index"
               class="btn btn-default cancelLink"
               name="CancelTab">
                @Lang.Html("IDS_CANCEL")
            </a>
            <input name="Save"
                   type="submit"
                   class="btn btn-primary @isEditDisabled"
                   id="SaveSettings"
                   value="@Lang.Attr("IDS_TABLE_MESSAGES_SAVE")" />
        </footer>
    </div>
</form>

<script type="text/javascript">
    var userRole = '@ViewBag.UserRole';
    var hasEditPagePermission = '@Session.CanEditSettings(Application)';
    var Localisation_SBC_HTTP_Message_Valid = @Lang.JsString("IDS_SETTINGS_SBC_HTTP_API_ACTIVE_MESSAGE");
    var Localisation_SBC_HTTP_Message_Invalid = @Lang.JsString("IDS_SETTINGS_SBC_HTTP_API_INACTIVE_MESSAGE");
    var defaultThemePrefix = '@ThemesConst.ThemeNameDefaultPrefix';
    var Localization_Delete_Theme_Tooltip = @Lang.JsString("IDS_CONFIGURATION_VIEW_DELETE_THEME_TOOLTIP");
    var Localization_Ambiguity_Fixing_Warning = @Lang.JsString("IDS_CONFIGURATION_VIEW_AMBIGUITY_FIXING_WARNING");
    var Localisation_Delete_SapInconsistency = @Lang.JsString("IDS_DELETE_SAPINCONSISTENCY_HEADER");
    var Localisation_IDS_OK = @Lang.JsString("IDS_OK");
    var Localisation_Inconsistenty_File_Error_Header = @Lang.JsString("IDS_CONFIGURATION_VIEW_SAP_INCONSISTENTY_FILE_ERROR_HEADER");
    var Localisation_Inconsistenty_File_Missing = @Lang.JsString("IDS_CONFIGURATION_VIEW_SAP_INCONSISTENTY_FILE_MISSING");
    var Localisation_Inconsistenty_File_Duplicated = @Lang.JsString("IDS_CONFIGURATION_VIEW_SAP_INCONSISTENTY_FILE_DUPLICATED");
    var Localisation_Map_Layers_Load_Failed = @Lang.JsString("IDS_CONFIGURATION_VIEW_MAP_LAYER_FAIL_MSG");
    var Localisation_Map_Server_URL_Failed = @Lang.JsString("IDS_CONFIGURATION_VIEW_ERROR_SERVER_ADDRESS");
    var Localisation_Tile_Server_URL_Failed = @Lang.JsString("IDS_CONFIGURATION_VIEW_ERROR_TILE_ADDRESS");
    var Localisation_Projection_Not_Supported = @Lang.JsString("IDS_CONFIGURATION_VIEW_PROJECTION_NOT_SUPPORTED");
    var Localisation_Map_Provider_Username_Required = @Lang.JsString("IDS_CONFIGURATION_VIEW_ERROR_USERNAME_REQUIRED");
    var Localisation_Map_Provider_Password_Required = @Lang.JsString("IDS_CONFIGURATION_VIEW_ERROR_PASSWORD_REQUIRED");
    var Localisation_Map_Provider_Credentials_Wrong = @Lang.JsString("IDS_CONFIGURATION_VIEW_MAP_CREDENTIAL_WRONG");
    var Localisation_Map_Provider_Algorithm_Not_Supported = @Lang.JsString("IDS_CONFIGURATION_VIEW_ERROR_ALGORITHM_NOTSUPPORTED");
    var Localisation_Map_Provider_Connection_Failed = @Lang.JsString("IDS_CONFIGURATION_VIEW_ERROR_CONNECTION_FAILED");
    var Localisation_Map_Provider_No_Wms_Compliant_Xml = @Lang.JsString("IDS_CONFIGURATION_VIEW_ERROR_WMS_COMPLIANT_XML");
    var Localisation_Map_Provider_Cors_Authorization_Header = @Lang.JsString("IDS_CONFIGURATION_VIEW_ERROR_CORS_AUTHORIZATION_HEADER");
    var Localisation_Map_Provider_Cors_Origin_Header = @Lang.JsString("IDS_CONFIGURATION_VIEW_ERROR_CORS_ORIGIN_HEADER");
    var Localisation_Www_Authenticate_Header_Not_Exposed = @Lang.JsString("IDS_CONFIGURATION_VIEW_ERROR_WWW_AUTHENTICATE_HEADER_NOT_EXPOSED");
</script>