<% provide(:title, "Éditer") %>
<div class="container">
  <div class="edit-form">
    <h2 class="edit-form-title">Mettre à jour mon Profil <i class="fas fa-user-edit"></i></h2>

    <%= simple_form_for(resource, as: resource_name, url: registration_path(resource_name), html: { method: :put }) do |f| %>
      <%= f.error_notification %>

      <div class="form-inputs">
      <%= f.input :email, required: true, autofocus: true %>
      <%= f.input :firstname, label: 'Prénom' %>
      <%= f.input :lastname, label: 'Nom' %>
      <%= f.input :username, required: true, label: 'Pseudo' %>
      <%= f.input :description, label: 'Description' %>
      <%= f.input :age, label: "Âge" %>


      <%= f.input :current_password,
      label: "Votre mot de passe actuel",
      hint: "Rentrez votre mot de passe pour confirmer les changements.",
      required: true,
      input_html: { autocomplete: "current-password" } %>

      <%= f.input :password,
                  label: "Mot de passe",
                  hint: "Laissez vide si vous voulez garder votre mot de passe actuel.",
                  required: false,
                  input_html: { autocomplete: "new-password" } %>
      <%= f.input :password_confirmation,
                  required: false,
                  input_html: { autocomplete: "new-password" } %>
    </div>

      <div class="form-actions">
        <%= f.button :submit, "Mettre à jour", :class => "connex-btn" %>
      </div>
    <% end %>

    <%= link_to "Supprimer mon compte", registration_path(resource_name), data: { confirm: "Etes vous sure?" }, method: :delete, class:"btn btn-danger" %>

    <%= link_to "Retour", :back %>
  </div>
</div>

<% provide(:title, "Profil") %>