{% extends "base.html" %}

{% block styles %}
{{ super() }}
{% endblock %}

{% block scripts %}
{{ super() }}
<script type="text/javascript">
$('a[data-toggle="tooltip"]').tooltip({
    animated: 'fade',
    placement: 'bottom',
    html: true
});
</script>
{% endblock %}

{% block page_content %}
  <div class="row">

  {% if inv_topics != [] %}
  {% for support in inv_topics %}
  <div class="col-md-12">
  <div class="panel panel-info" id="deployments">
      <div class="panel-heading">{{ support.hashtag }}</div>
  <div class="panel-body"><p>
  <div class="panel-group" id="support{{ support.pid }}" role="tablist" aria-multiselectable="true">
  {% include "livesupport/support_item.html" %}
  </div>
  </div>
  </div>
  </div>
  {% endfor %}

  {% endif %}

<div class="row">
</div>

{% endblock %}