lujanfernaud/prevy

<div class="container topics-container">
  <div class="row">
    <div class="col-md-12 mb-3">

      <h2 class="text-center mt-2rem mb-2rem pt-2 pb-2">
        <%= @group.name %> Roles
      </h2>

      <div class="box topics-box mt-4 mb-2rem p-2">

        <div class="row p-3">
          <div class="col-md-12">

            <div class="roles-organizers-moderators-container mb-2rem">
              <h3 class="mb-2rem">Organizers & Moderators</h3>

              <%= render partial: "user",
                collection: @organizers_and_moderators, as: :user,
                locals: {
                  group: @group,
                  user_collection: @organizers_and_moderators
                } %>
            </div>

            <div class="roles-members-container">
              <h3 class="mb-2rem">Members</h3>

              <% unless @members.empty? %>
                <%= render partial: "user",
                  collection: @members, as: :user,
                  locals: { group: @group, user_collection: @members } %>
              <% else %>
                <p class="mb-0">
                  Right now there are no users with a <em>member</em> role.
                </p>
              <% end %>
            </div>

          </div>
        </div><!-- ./row -->

      </div>

    </div>
  </div>
</div>