{{ 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 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="w-full p-1 border-2 rounded-md placeholder-slate-800 focus:outline-none" type="text" placeholder="{{ .user.DisplayName }}" name="display_name" id="display_name"/>
		<button 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>
{{ end }}