{% extends "base.html" %}
{% load sass_tags %}
{% load static i18n %}
{% block title %}Members{% endblock %}

{% block head-open-graph %}
  <meta property="og:title" content="{{ topic.title }}" />
  <meta property="og:type" content="article" />
  <meta property="og:url" content="{{ request.build_absolute_uri }}" />
  <meta property="og:image" content="https://maidstone-hackspace.org.uk/static/images/android-chrome-192x192.png" />
{% endblock head-open-graph %}

{% block css %}
  <link rel="stylesheet" href="{% static 'spirit/stylesheets/styles.all.min.css' %}">
    <link href="{% sass_src 'sass/project.scss' %}" rel="stylesheet">
  {{ super.block }}
{% endblock css %}

{% block head-extra %}

    <script src="{% static "spirit/scripts/all.min.js" %}"></script>

    <script>
	$( document ).ready(function() {
        $.tab();
        $( 'a.js-post' ).postify( {
            csrfToken: "{{ csrf_token }}",
        } );
        $('.js-messages').messages();
        {% if user.is_authenticated %}
            $.notification( {
                notificationUrl: "{% url "spirit:topic:notification:index-ajax" %}",
                notificationListUrl: "{% url "spirit:topic:notification:index-unread" %}",
                mentionTxt: "{% trans "{user} has mention you on {topic}" %}",
                commentTxt: "{% trans "{user} has commented on {topic}" %}",
                showAll: "{% trans "Show all" %}",
                empty: "{% trans "No new notifications, yet" %}",
                unread: "{% trans "unread" %}",
            } );
        {% endif %}
	});
	</script>
{% endblock head-extra %}

{% block content %}
<div class="container">
  <h2>Users</h2>

  <div class="list-group">
    {% for user in user_list %}
      <a href="{% url 'users:detail' user.username %}" class="list-group-item">
        <h4 class="list-group-item-heading">{{ user.username }}</h4>
      </a>
    {% endfor %}
  </div>
</div>
{% endblock content %}
