Untitled

<% @participations.accepted.includes(:member, :participant).order(participation_number: :asc).each_with_index do |participation, index| %>
    <div class='row course_participants' style="height: 34px;">
      <div class='col-md-1 col-sm-1 col-xs-1'>
        <div class='p-1'>
          <%#= participation.participation_number %>
          <% if params[:referrer] == 'display_moved_participations' %>
            <%= participation.course.participations.accepted.size + (index + 1) %>
          <% else %>
            <%= index + 1 %>
          <% end %>
        </div>
      </div>
      <div class='col-md-2 col-sm-2 col-xs-2'>
        <div class='p-1'>
          <%= participation.participant.full_name %>
        </div>
      </div>
      <div class='col-md-3 col-sm-3 col-xs-3' ondblclick="open_member_modal(<%= participation.member.id %>);">
        <div class='p-1'>
          <%= participation.member.full_name %>
        </div>
      </div>
      <div class='col-md-2 col-sm-2 col-xs-2'>
        <div class='p-1'>
          <%= participation.member.phone %>
        </div>
      </div>
      <div class='col-md-1 col-sm-1 col-xs-1'>
        <div class='p-1'>
          <%= participation.participant.experience %>
        </div>
      </div>
      <div class='col-md-3 col-sm-3 col-xs-3'>
        <div class='position-relative pr-0 course-invitations-<%= participation.participant_id %> r-0 ps-5 h-100'>
          <% if participation.participant.course_invitations.suggestions.any? %>
            <%= render 'course_invitations/index/list', '@course_invitations': participation.participant.suggested_invitations_for_this_course(participation.course) %>
          <% else %>
            <div class="ps-4 position-absolute start-50 top-50 translate-middle">
              <%= link_to new_course_invitation_path(participant_id: participation.participant_id, status: 'pending', invitation_type: 'suggestion', related_course_id: participation.course_id), remote: true, class: 'text-center p-1 bg-light px-3 shadow-sm' do %>
                <i class="fa-solid fa-pen"></i>
              <% end %>
            </div>
          <% end %>
        </div>
      </div>
    </div>
  <% end %>