<.icon name="hero-pencil" class="text-violet-100" />
<.form for={@form} phx-submit="avatar" phx-change="avatar">
<.live_file_input
:if={@editing}
id="avatar-upload"
class="opacity-0 absolute top-0 left-0 bottom-0 right-0"
upload={@uploads.avatar}
/>
<.form for={@form} id="profile-form" phx-change="validate" phx-submit="submit">
<%= @account.name %>
@<%= @account.username %>@<%= @host %>
<.input :if={@editing} field={@form[:name]} label="Display Name" />
<%= {:safe, Earmark.as_html!(@account.summary || "")} %>
<.input :if={@editing} field={@form[:summary]} type="textarea" label="Bio" />
<.button :if={!@editing} phx-click="edit">Edit Profile
<.button :if={@editing} phx-click="edit" form="profile-form">Save Profile