<div class="modal fade" tabindex="-1" role="dialog" id="load-operational-criteria-modal">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
      <div class="modal-header">
        <h4 class="modal-title">Add Operation Criteria for Load Testing</h4>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="<%= I18n.t(:close) %>"></button>>
      </div>

      <form name="load_operation_criteria_form" method="post" action="/projects/<%= @project.id %>/load_operation_criteria" class="form-horizontal">

        <div class="modal-body">

          <div class="form-group form-group-sm row">
            <label class="col-sm-3 form-control-label" for="contact_header">Operation:</label>
            <div class="col-sm-9">
              <select name="operation"  class="form-control" style="width: 100%">
                <% @project.recent_load_operations.sort.each do |x| %>
                    <option class="<%= x %>"><%= x %></option>
                <% end %>
              </select>
            </div>
          </div>

          <div class="form-group form-group-sm row">
            <label class="col-sm-3 form-control-label" for="contact_header">Average (ms):</label>
            <div class="col-sm-9">
              <input type="numer" name="average_time" min="10"  class="form-control"  style="width: 120px"/>
            </div>
          </div>

          <div class="form-group form-group-sm row">
            <label class="col-sm-3 form-control-label" for="contact_header">Slowest (ms):</label>
            <div class="col-sm-9">
              <input type="number" name="slowest_time" min="10" class="form-control"  style="width: 120px"/>
            </div>
          </div>

        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" data-dismiss="modal" data-bs-dismiss="modal"><%= I18n.t(:close) %></button>
          <input type="submit" class="btn btn-primary" value="<%= I18n.t(:save) %>"/>
        </div>

      </form>


    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div><!-- /.modal -->