new.html.erb

<section class="content-header">
  <div class="container-fluid">
    <div class="row mb-2">
      <div class="col-sm-6">
        <% content_for :title, "New Request - #{current_partner ? current_user.display_name : @partner.name}" %>
        <h1><i class="fa fa-users"></i>&nbsp;&nbsp;
          New Request
          <small>for <%= current_partner ? current_user.display_name : @partner.name %></small>
        </h1>
      </div>
      <div class="col-sm-6">
        <ol class="breadcrumb float-sm-right">
          <li class="breadcrumb-item"><a href="<%= current_partner ? partner_user_root_path : dashboard_path %>"><i class="fa fa-home fa-lg"></i></a></li>
          <li class="breadcrumb-item"><a href="#">New Essentials Request</a></li>
        </ol>
      </div>
    </div>
  </div><!-- /.container-fluid -->
</section>

<section class="content">
  <div class="container-fluid">
    <div class="row">
      <div class="col-md-12">
        <!-- Default box -->
        <div class="card"
          data-controller="confirmation"
          data-confirmation-pre-check-path-value="<%= validate_partners_requests_path(format: :json) %>">
          <div class="card-body">
            <%= simple_form_for @partner_request, url: partners_requests_path(@partner_request),
              html: {role: 'form', class: 'form-horizontal'}, method: :post, data: { controller: 'form-input', confirmation_target: "form" } do |form| %>
              <%= form.input :comments, label: "Comments:", as: :text, class: "form-control", wrapper: :input_group %>
              <%= hidden_field_tag :partner_id, params[:partner_id] %>

              <table class='table'>
                <thead>
                <tr>
                  <th>Item Requested</th>
                  <th>Quantity</th>
                  <% if Flipper.enabled?(:enable_packs) && (current_partner ? current_partner.organization.request_units.any? : current_organization.request_units.any?) %>
                    <th>Units (if applicable)</th>
                  <% end %>
                </tr>
                </thead>
                <tbody class='fields'>
                  <%= render partial: 'item_request', locals: { form: form, item_units: @item_units } %>
                </tbody>
              </table>
              <div>
                <%= add_element_button('Add Another Item', container_selector: '.fields') do %>
                  <%= render partial: 'item_request', locals: { form: form, item_units: @item_units }, object: @partner_request.item_requests.build %>
                <% end %>
              </div>

              <hr>

          </div>
              <div class="card-footer">
                <!-- TODO(chaserx): we should add some js to prevent submission if the items selected are the blank option or any item has an empty quantity -->
                <%= form.submit("Submit Essentials Request", class: "btn btn-success", data: { action: "click->confirmation#openModal" }) %> <%= link_to "Cancel Request", (current_partner ? partners_requests_path : requests_path), class: "btn btn-danger" %>
              </div>
            <% end %>

          <%# Confirmation modal: See confirmation_controller.js for how this gets displayed %>
          <%# and app/controllers/partners/requests_controller.rb#validate for how it gets populated. %>
          <div id="partnerRequestConfirmationModal"
            class="modal confirm"
            aria-labelledby="partnerRequestConfirmationModal"
            aria-hidden="true"
            tabindex="-1"
            data-bs-backdrop="static"
            data-confirmation-target="modal">
          </div>
        </div>
      </div>
    </div>
  </div>
</section>