Byte4/acebook-byte4

<%= form_for(resource, as: resource_name, url: registration_path(resource_name), html: { method: :put }) do |f| %>
  <%= devise_error_messages! %>
  <div class="card border-dark mb-3 signup-sheet mx-auto">
    <div class="card-header">Edit Account Info</div>
    <div class="card-body text-dark" id= "edit-acct-info-sheet">
      <h5 class="card-title">First Name</h5>
      <div class="field">
        <%= f.text_field :first_name, autofocus: true, autocomplete: "first_name", required: true, class: "form-control"  %>
      </div>
 
      <h5 class="card-title">Last Name</h5>
      <div class="field">
        <%= f.text_field :last_name, autocomplete: "last_name", required: true, class: "form-control"  %>
      </div>
      <h5 class="card-title">Profile picture</h5>
      <div class="field">
        <%= f.file_field :avatar %>
      </div>
      <h5 class="card-title">About Me</h5>
      <div class="field">
        <%= f.text_area :about_me, autocomplete: "about_me", required: true, class: "form-control"  %>
      </div>
      <h5 class="card-title">Email</h5>
      <div class="field">
        <%= f.email_field :email, autofocus: true, autocomplete: "email", required: true, class: "form-control"  %>
      </div>
      <% if devise_mapping.confirmable? && resource.pending_reconfirmation? %>
        <div>Currently waiting confirmation for: <%= resource.unconfirmed_email %></div>
      <% end %>
      <h5 class="card-title">Password</h5>
      <div class="field">
        <i>(leave blank if you don't want to change it)</i><br />
        <%= f.password_field :password, autocomplete: "off", class: "form-control" %>
        <% if @minimum_password_length %>
          <br />
          <em><%= @minimum_password_length %> characters minimum</em>
        <% end %>
      </div>
      <h5 class="card-title">Password confirmation</h5>
      <div class="field">
        <%= f.password_field :password_confirmation, autocomplete: "off", class: "form-control" %>
      </div>
      <h5 class="card-title">Current password</h5>
      <div class="field">
        <i>(we need your current password to confirm your changes)</i><br />
        <%= f.password_field :current_password, autocomplete: "off", class: "form-control" %>
      </div>
      <div class="action">
        <%= link_to "Back", :back, class: "btn btn-success float-left" %>
        <%= f.submit "Update", id: "update", class: "btn btn-primary float-right" %>
      </div>
      <% end %>
     </div>
    </div>
  </div>
 
  <div class="card border-danger mb-3 signup-sheet mx-auto" id="delete-account-form">
    <div class="card-header">Cancel my account</div>
    <div class="card-body text-dark">
      <h5 class="card-title">Unhappy?</h5>
      <%= button_to "Delete my account", registration_path(resource_name), class: "btn btn-danger", data: { confirm: "Are you sure?" }, method: :delete %>
    </div>
    <div class="card-footer bg-transparent border-danger">This will permanently delete your account</div>
  </div>