{% extends "groups/group_base.html" %}
{% load i18n %}
{% load staticfiles %}

{% block title %} {% trans "Explore Groups" %} - {{ block.super }} {% endblock %}

{% block body_class %}groups explore{% endblock %}

{% block body %}
  <div class="page-header">
    {% if user.is_authenticated %}
    <a href="{% url "group_create" %}" class="btn btn-primary pull-right">{% trans "Create a New Group" %}</a>
    {% endif %}
    <h2>{% trans "Explore Groups" %}</h2>
  </div>

  <div class="btn-group pull-right" role="group" aria-label="sort">
    <div class="btn-group pull-right" role="group">
      <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
        <i class="fa fa-sort-alpha-asc fa-lg"></i>
        <i class="fa fa-angle-down fa-lg"></i>
      </button>
      <ul class="dropdown-menu" id="sort">
        <li><a data-value="-date" data-filter="order_by" class="selected" ng-click="single_choice_listener($event)">{% trans "Most recent" %}</a></li>
        <li><a data-value="date" data-filter="order_by" ng-click="single_choice_listener($event)">{% trans "Less recent" %}</a></li>
        <li><a data-value="title" data-filter="order_by" ng-click="single_choice_listener($event)">{% trans "A - Z" %}</a></li>
        <li><a data-value="-title" data-filter="order_by" ng-click="single_choice_listener($event)">{% trans "Z - A" %}</a></li>
        <li><a data-value="-popular_count" data-filter="order_by" ng-click="single_choice_listener($event)">{% trans "Most popular" %}</a></li>
      </ul>
    </div>
  </div>

<div class="row">
  <div class="col-md-12">
    <div class="row">
      <div class="tab-content col-sm-12" id="search-content">
        {% include "groups/_group_list_item.html" %}
      </div>
    </div>
  </div>
</div>

{% include 'search/_pagination.html' %}
{% endblock %}

{% block extra_script %}
  <script type="text/javascript">
  SEARCH_URL = '{% url 'api_dispatch_list' api_name='api' resource_name='groups' %}'
  </script>
  {% with include_spatial='false' %}
  {% include 'search/search_scripts.html' %}
  {% endwith %}
{% endblock extra_script %}

