<script lang="ts">
import { m } from '$lib/paraglide/messages.js';
</script>

<h2 class="text-xs font-bold tracking-widest text-ink-3 uppercase">
	{m.admin_section_users()}
</h2>

<label class="block">
	<span class="mb-1 block font-sans text-xs font-bold tracking-widest text-ink-3 uppercase">
		{m.admin_col_login()}
	</span>
	<input
		type="email"
		name="email"
		required
		autocomplete="email"
		class="w-full rounded-sm border border-line px-3 py-2 font-serif text-sm focus:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring"
	/>
</label>

<label class="block">
	<span class="mb-1 block font-sans text-xs font-bold tracking-widest text-ink-3 uppercase">
		{m.admin_label_initial_password()}
	</span>
	<input
		type="password"
		name="password"
		required
		class="w-full rounded-sm border border-line px-3 py-2 font-serif text-sm focus:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring"
	/>
</label>
