{{define "teampew"}}
<div>
<h2 class="text-xl mb-4">Join {{.}} Team</h2>
<form hx-post="/join-team" hx-target="#ancestor">
    <input type="hidden" name="team" value="{{.}}">
  <div class="mb-1">
      <button type="submit" name="role" value="guesser" class="w-full bg-{{.}}-500 text-white py-2 px-4 rounded">
      Join as Guesser
    </button>
  </div>
  <div>
      <button type="submit" name="role" value="mime" class="w-full bg-{{.}}-700 text-white py-2 px-4 rounded">
      Join as Mime
    </button>
  </div>
</form>
</div>
{{end}}