{% extends 'staff.html' %}

{% load bootstrap3 accounts_tags i18n %}

{% block roomstab %} class="active"{% endblock %}

{% block content %}

<h1>{% trans "Rooms" %}</h1>

{% if request|orga %}
<p><a href="{% url 'add-room' %}" class="btn btn-success">{% trans "Add a room" %}</a><p>
{% endif %}

<div class="row">
  {% for room in room_list %}
  <div class="col-xs-6 col-sm-4">
    <h2>
      <a href="{% url 'show-room' room.slug %}">{{ room }}</a>
      <span class="glyphicon glyphicon-volume-{% if room.sound %}up{% else %}off{% endif %}"></span>
    </h2>
    {% if room.label %}<p>{{ room.label }}</p>{% endif %}
    <p>
    {{ room.capacity }} {% trans "place" %}{{ room.capacity|pluralize }}
    {% if request|staff %}
    |
    <span{% if room.unscheduled_talks %} class="text-danger" data-toggle="tooltip" data-placement="bottom" title="{% trans "Some talks are not scheduled yet." %}"{% endif %}>
    {{ room.talks.count }} {% trans "talk" %}{{ room.talks.count|pluralize }}
    </span>
    {% if request|orga %}
    |
    <a href="{% url 'edit-room' room.slug %}">{% bootstrap_icon "pencil" %}</a>
    {% endif %}
    {% endif %}
    </p>
  </div>
    {% cycle '' '<div class="clearfix visible-xs"></div>' %}
    {% cycle '' '' '<div class="clearfix hidden-xs"></div>' %}
  {% empty %}
  <div class="col-xs-12"><em>{% trans "No rooms." %}</em></div>
  {% endfor %}
</div>

{% endblock %}

{% block js_end %}
{{ block.super }}
<script type="text/javascript">
$(function () {
  $('[data-toggle="tooltip"]').tooltip()
})
</script>
{% endblock %}