scinote-web/app/views/projects/index/modals/_edit_folder_contents.html.erb

<div class="modal-header">
  <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  <h4 class="modal-title">
    <%= t('projects.index.modal_edit_folder.title', folder: folder.name) %>
  </h4>
</div>
<%= form_with model: folder, url: project_folder_path(folder ,format: :json), method: :put, remote: true do |f| %>
  <div class="modal-body">
      <p><%= t('projects.index.modal_edit_folder.description') %></p>
      <div class="row">
        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 sci-input-container">
          <label><%= t('projects.index.modal_edit_folder.folder_name_field') %></label>
          <%= f.text_field :name, autofocus: true, class: "sci-input-field" %>
        </div>
      </div>

  </div>
  <div class="modal-footer">
    <button type="button" class="btn btn-secondary" data-dismiss="modal"><%=t "general.cancel" %></button>
    <button class="btn btn-primary" type="submit"><%=t "projects.index.modal_edit_folder.submit" %></button>
  </div>
<% end %>