{{define "auth"}}
<div id="logindiv">
    <form class="space-y-6" hx-target="#ancestor" hx-swap="outerHTML">
      <div>
        <label For="username" class="block text-sm font-medium leading-6 text-white-900">username</label>
        <div class="mt-2">
          <input id="username" name="username" autocomplete="username"          class="rounded-md text-center text-black" required />
        </div>
      </div>
      <div>
        <label For="password" class="block text-sm font-medium leading-6 text-white-900">password</label>
        <div class="mt-2">
          <input id="password" name="password" type="password" required class="rounded-md text-center text-black" />
        </div>
      </div>
      <div>
        <button type="submit" hx-post="/login" class="justify-center rounded-md bg-indigo-600 px-3 py-1.5 text-sm font-semibold leading-6 text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600">Log in</button>
        <button type="submit" hx-post="/signup" class="justify-center rounded-md bg-indigo-600 px-3 py-1.5 text-sm font-semibold leading-6 text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600">Sign up</button>
      </div>
    </form>
</div>
{{end}}