{$i18n.t("rexpro Settings")}

{$i18n.t("Theme")}

{$i18n.t("Language")}

{#if $i18n.language === "en-US" && !($config?.license_metadata ?? false)}

Couldn't find your language? Help us translate rexpro-ai!

{/if}

{$i18n.t("Notifications")}

{#if $user?.role === "admin" || (($user?.permissions.chat?.controls ?? true) && ($user?.permissions.chat?.system_prompt ?? true))}

{$i18n.t("System Prompt")}

</div>
		{/if}

{#if $user?.role === "admin" || (($user?.permissions.chat?.controls ?? true) && ($user?.permissions.chat?.params ?? true))}
			<div class="mt-2 space-y-3 pr-1.5">
				<div class="flex justify-between items-center text-sm">
					<div class="  font-medium">
						{$i18n.t("Advanced Parameters")}
					</div>
					<button
						class=" text-xs font-medium {($settings?.highContrastMode ??
						false)
							? 'text-gray-800 dark:text-gray-100'
							: 'text-gray-400 dark:text-gray-500'}"
						type="button"
						aria-expanded={showAdvanced}
						on:click={() => {
							showAdvanced = !showAdvanced;
						}}
						>{showAdvanced
							? $i18n.t("Hide")
							: $i18n.t("Show")}</button
					>
				</div>

{#if showAdvanced}
					<AdvancedParams
						admin={$user?.role === "admin"}
						custom={true}
						bind:params
					/>
				{/if}
			</div>
		{/if}
	</div>

<div class="flex justify-end pt-3 text-sm font-medium">
		<button
			class="px-3.5 py-1.5 text-sm font-medium bg-black hover:bg-gray-900 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full"
			on:click={() => {
				saveHandler();
			}}
		>
			{$i18n.t("Save")}
		</button>
	</div>
</div>