{#
  SPDX-FileCopyrightText: 2016-2024 CERN.
  SPDX-License-Identifier: MIT
#}

{% extends "invenio_communities/base.html" %}

{%- set title = _("Search communities") -%}

{%- block javascript %}
    {{ super() }}
    {{ webpack['invenio-communities-search.js'] }}
{%- endblock %}

{%- block page_body %}
<div class="ui container fluid page-subheader-outer compact ml-0-mobile mr-0-mobile">
  <div class="ui container community-search page-subheader flex align-items-center justify-space-between">
    <h1 class="ui large header m-0">{{_("Communities")}}</h1>
    {%- block new_community_button %}
    {% if permissions.can_create %}
      <a class="ui button positive left labeled icon m-0" href="{{ config.COMMUNITIES_ROUTES['new'] }}">
        <i class="plus icon" aria-hidden="true"></i>
        {{ _('New community') }}
      </a>
    {% endif %}
    {%- endblock new_community_button %}
  </div>
</div>
<div id="communities-search" class="rel-mt-2"
    data-invenio-search-config='{{search_app_communities_config(app_id="InvenioCommunities.Search") | tojson }}'
    data-permissions='{{ permissions | tojson }}'
    >
</div>
{%- endblock page_body %}