{{ define "content" }}
<p class="bg-size-200 bg-pos-0 hover:bg-pos-100
	bg-gradient-to-br from-slate-800 via-zinc-600 to-amber-500
	bg-clip-text text-lg font-bold text-transparent
	transition-all duration-500"
>
	Settings
</p>

<form id="settings_form_displayname" class="flex flex-col" action="/api/settings/user/display_name" method="POST">
	<p class="text-sm" for="display_name">Display Name</p>
	<div class="flex gap-2">
		<input class="tixe-input w-full" type="text" placeholder="{{ .user.DisplayName }}" name="display_name" id="display_name"/>
		<button id="settings_submit_displayname" class="w-fit p-1 border-2 rounded-md drop-shadow-md bg-slate-50 hover:bg-slate-200 transition-colors" type="submit">
			Update
		</button>
	</div>
</form>

<div class="p-8">
	<div class="flex gap-1">
		<p class="text-xs">tixë version:</p>
		<p class="text-xs font-bold text-amber-500">{{ .version }}</p>
	</div>
</div>
{{ end }}