cannery/lib/cannery_web/live/invite_live/form_component.html.leex

<h2 class="title text-xl text-primary-500">
  <%= @title %>
</h2>

<%= f = form_for @changeset, "#",
  id: "invite-form",
  class: "grid grid-cols-3 justify-center items-center space-y-4",
  phx_target: @myself,
  phx_change: "validate",
  phx_submit: "save" %>

  <%= label f, :name, class: "title text-lg text-primary-500" %>
  <%= text_input f, :name, class: "input input-primary col-span-2" %>
  <span class="col-span-3">
    <%= error_tag f, :name %>
  </span>

  <%= label f, :uses_left, class: "title text-lg text-primary-500" %>
  <%= number_input f, :uses_left, min: 0, class: "input input-primary col-span-2" %>
  <span class="col-span-3">
    <%= error_tag f, :uses_left %>
  </span>

  <div class="flex flex-row justify-center items-center space-x-4 col-span-3">
    <%= submit "Save", class: "btn btn-primary",
      phx_disable_with: "Saving..." %>
  </div>
</form>