<div
  id="sidebar-communities-manage"
  data-user-communities-memberships='{{ user_communities_memberships | tojson }}'
  data-record-community-endpoint='{{ record_ui["links"]["communities"] }}'
  data-record-community-search-endpoint='{{ record_ui["links"]["communities-suggestions"] }}'
  data-record-community-search-config='{{ search_app_rdm_record_communities_config(app_id="InvenioAppRdm.RecordCommunitiesSuggestions", endpoint=record_ui["links"]["communities-suggestions"]) | tojson }}'
  data-record-user-community-search-endpoint='{{ record_ui["links"]["user-communities-suggestions"] }}'
  data-record-user-community-search-config='{{ search_app_rdm_record_user_communities_config(app_id="InvenioAppRdm.RecordUserCommunitiesSuggestions", endpoint=record_ui["links"]["communities-suggestions"]) | tojson }}'
  data-pending-communities-search-config='{{ search_app_rdm_record_requests_config(app_id="InvenioAppRdm.RecordRequests", endpoint=record_ui["links"]["requests"]) | tojson }}'
  data-permissions='{{ permissions | tojson }}'
  data-record='{{ record_ui | tojson }}'
  class='sidebar-container'
>

  <h2 class="ui medium top attached header">{{ _("Communities") }}</h2>

  <div class="ui segment bottom attached rdm-sidebar">
    <div class="ui fluid placeholder">
      <div class="image header">
        <div class="line"></div>
        <div class="line"></div>
      </div>
      <div class="image header">
        <div class="line"></div>
        <div class="line"></div>
      </div>
      <div class="image header">
        <div class="line"></div>
        <div class="line"></div>
      </div>
    </div>
  </div>
</div>
