{% extends 'layouts/base.html' %}
{% block title %} SRCT RoomList • {{ floor.building.name }} {{ floor.number }}{% endblock %}
{% block content %}

{% load humanize %}

<div class="page-header" id="banner">
  <div class="row">
    <div class="col-lg-12 text-center">
      <h1><strong>SRCT</strong>ROOMLIST</h1>
      <p class="lead"><strong>{{ floor.building.name }} {{ floor.number|ordinal }}</strong></p>
    </div>
  </div>
</div>

{% load gravatar %}

<div class="row">

  {% for student in students %}
  <div class="col-sm-3 text-center">
    <img class="img-circle img-responsive center center-block" src="{% gravatar_url student.user.email 100 %}" alt="{{ student.user.first_name }} Gravatar picture">
    <h4><a href="#">{{ student.user.first_name }} {{ student.user.last_name }}</a></h4>
    <h5><em>{{ student.major.name }}</em></h5>
    <h5><strong><a href="#">{{ student.room }}</a></strong></h5>
  </div>
  {% endfor %}
</div>

<br />

<div class="row">
  <div class="col-md-8 col-md-offset-2">
    <div class="alert alert-info text-center"><strong><em>Depending on individual privacy settings, not all students may be displayed.</em></strong></div>
  </div>
</div>

{% endblock %}