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

<div class="modal" id="new-project-folder-modal" tabindex="-1" role="dialog" aria-labelledby="new-project-folder-modal-label">
  <%= form_with model: @project_folder, class: 'new_project_folder', data: { remote: true } do |f| %>
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-label="<%= t('general.close') %>"><i class="sn-icon sn-icon-close"></i></button>
          <h4 class="modal-title" id="new-project-folder-modal-label">
            <%= t('projects.index.modal_new_project_folder.modal_title') %>
          </h4>
        </div>
        <div class="modal-body">
          <p><%= t('projects.index.modal_new_project_folder.description') %></p>
          <div class="form-group sci-input-container">
            <%= f.hidden_field :parent_folder_id %>
            <%= f.hidden_field :archived %>
            <label><%= t('projects.index.modal_new_project_folder.name') %></label>
            <%= f.text_field :name, placeholder: t('projects.index.modal_new_project_folder.name_placeholder'), class: 'sci-input-field' %>
          </div>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-secondary" data-dismiss="modal"><%= t('general.cancel') %></button>
          <%= f.submit t('projects.index.modal_new_project_folder.create'), class: 'btn btn-primary' %>
        </div>
      </div>
    </div>
  <% end %>
</div>