{% extends "templates/base.html" %}
{% block title %}{{ _('Community') }}{% endblock %}

{% block content %}
<div class="common-page-style">
  <div class="container">

    <input class="search" id="search-user" placeholder="{{ _('Try a Name, Company, or Industry') }}">

    <div class="course-home-headings">{{ _("Community") }} </div>

    <div class="empty-state alert alert-dismissible hide" id="search-empty-state">
      <a href="#" class="close-search-empty-state" aria-label="close">&times;</a>
      <div>
        <img class="icon icon-xl" src="/assets/frappe/images/ui-states/search-empty-state.svg">
      </div>
      <div class="empty-state-text">
        <div class="empty-state-heading">{{ _("No results found") }}</div>
        <div class="course-meta">{{ _("Try some other keyword or explore our community") }}</div>
      </div>
    </div>

    <div class="member-parent">
      {% for user in users %}
      {{ widgets.MemberCard(member=user, show_course_count=False, avatar_class="avatar-large") }}
      {% endfor %}
    </div>
    {% if user_count > user_details | length %}
    <div class="mt-10 d-flex justify-content-center">
      <div class="button is-secondary" id="load-more" data-start="30" data-count="{{ user_count }}">{{ _("Load More") }}</div>
    </div>
    {% endif %}
  </div>
</div>
{% endblock %}