<div class="well">
  <%= bootstrap_form_for(@step, url: protocol_steps_path(@protocol, format: :json), authenticity_token: true, multipart: true, data: { role: "new-step-form", type: :json }) do |f| %>
    <h4><%= t("protocols.steps.new.add_step_title") %></h4>
    <%= render partial: "empty_step.html.erb", locals: {step: @step, f: f} %>
    <div class="align-right">
      <button type="button" data-action="cancel-new" class="btn btn-secondary">
        <%= t("general.cancel")%>
      </button>
      <%= f.button t("protocols.steps.new.add_step"), class: 'btn btn-primary step-save', onclick: "processStep(event, false);" %>
    </div>
  <% end %>
</div>
