<Layouts.authenticated flash={@flash} current_scope={@current_scope} current_organization={nil}>
  <.header>
    {@page_title}
    <:subtitle>Create a new organization to manage your sites and devices</:subtitle>
  </.header>

  <div class="max-w-2xl">
    <.form for={@form} id="organization-form" phx-change="validate" phx-submit="save">
      <.input field={@form[:name]} type="text" label="Organization Name" required />

      <div class="flex gap-3 mt-6">
        <.button phx-disable-with="Creating..." variant="primary">Create Organization</.button>
        <.button navigate={~p"/orgs"}>Cancel</.button>
      </div>
    </.form>
  </div>
</Layouts.authenticated>
