<% provide(:title, "Edit user") %>
<% provide(:button_text, 'Save changes') %>

<div class="container mx-auto px-4 py-8">
  <div class="max-w-md mx-auto">
    <!-- 标题 -->
    <h1 class="text-2xl font-bold text-center mb-8">Update your profile</h1>

    <!-- 表单区域 -->
    <div class="card bg-base-100 shadow-lg">
      <div class="card-body">
        <%= render 'form' %>
      </div>
    </div>

    <!-- 头像编辑区 -->
    <div class="card bg-base-100 shadow-lg mb-8">
      <div class="card-body items-center text-center">
        <%= gravatar_for @user, size: 100, class: "rounded-full ring ring-primary ring-offset-2" %>

        <%= link_to "https://gravatar.com/emails",
                    target: "_blank",
                    rel: "noopener noreferrer",
                    class: "btn btn-outline btn-sm gap-2 mt-4" do %>
          <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-8l-4-4m0 0L8 8m4-4v12" />
          </svg>
          Change Avatar
        <% end %>
      </div>
    </div>

  </div>
</div>