<%= render HeaderCompactComponent.new(title: "Log in") %>

<%= render MainCompactComponent.new do %>
  <h2>Change your password</h2>

  <%= form_for(resource, as: resource_name, url: password_path(resource_name), html: { method: :put }) do |f| %>
    <%= render "devise/shared/error_messages", resource: resource %>
    <%= f.hidden_field :reset_password_token %>

    <p class="mb-1">
      <%= f.label :password, "New password" %>
    </p>
    <p>
      <%= f.password_field :password, autofocus: true, autocomplete: "new-password", class: "w-full" %>
      <% if @minimum_password_length %>
        <br><em class="text-sm text-gray-500">(<%= @minimum_password_length %> characters minimum)</em>
      <% end %>
    </p>
    <p class="mb-1">
      <%= f.label :password_confirmation, "Confirm new password" %>
    </p>
    <p>
      <%= f.password_field :password_confirmation, autocomplete: "new-password", class: "w-full" %>
    </p>
    <p class="mt-8">
      <%= f.submit "Change my password", class: 'btn-md btn-blue w-full' %>
    </p>
  <% end %>

  <%= render "devise/shared/links" %>
<% end %>
