@model HackerNet.Web.Models.SignupLoginViewModel
@{
  ViewData["Title"] = "Créer un compte";
}

<div class="shadow-xl p-6">
  <h1 class="font-semibold text-xl text-indigo-500">@ViewData["Title"]</h1>

  <form asp-action="Signup" method="post">
    <label asp-for="@Model.Username"></label>
    <input class="mt-4 bg-gray-100 rounded-xl px-2 py-4 block w-full" asp-for="@Model.Username" />
    <span class="text-red-700 text-sm block" asp-validation-for="@Model.Username"></span>

    <label asp-for="@Model.Password"></label>
    <input class="mt-4 bg-gray-100 rounded-xl px-2 py-4 block w-full" asp-for="@Model.Password" />
    <span class="text-red-700 text-sm block" asp-validation-for="@Model.Password"></span>

    <div class="mt-4 flex justify-end">
      <button type="submit" class="px-4 py-2 text-indigo-500 font-semibold rounded-xl bg-indigo-100">Créer un compte</button>
    </div>
  </form>
</div>