{% extends 'core/base.html' %}

{% load i18n %}

{% block content %}
    <h3>{% blocktrans %}All timetables{% endblocktrans %}</h3>
    <div class="row">
        <div class="col s12 m4">
            <h4>{% blocktrans %}Teachers{% endblocktrans %}</h4>
            <ul class="collection">
                {% for teacher in teachers %}
                    <li class="collection-item avatar">
                        <i class="circle">{{ teacher. }}</i>
                        <a href="{% url 'timetable_smart_plan' 'teacher' teacher.id %}">{{ teacher.first_name }}
                            <strong>{{ teacher.name }}</strong></a>
                    </li>
                {% endfor %}
            </ul>
        </div>

        <div class="col s12 m4">
            <h4>{% blocktrans%}Groups{% endblocktrans %}</h4>
            <ul class="collection">
                {% for group in groups %}
                    <li class="collection-item avatar">
                        <i class="circle">{{ group.name }}</i>
                        <a href="{% url 'timetable_smart_plan' 'group' group.id %}"><strong>{{ group.name }}</strong></a>
                        <p>
                            {{ group.text1|default:"" }} – {{ class.text2|default:"" }} <br>
                            Raum: {{ class.room.name|default:"---" }}
                        </p>
                    </li>
                {% endfor %}
            </ul>
        </div>

        <div class="col s12 m4">
            <h4>{% blocktrans %}Rooms{% endblocktrans %}</h4>
            <ul class="collection">
                {% for room in rooms %}
                    <li class="collection-item avatar">
                        <i class="circle">{{ room.shortcode }}</i>
                        <a href="{% url 'timetable_smart_plan' 'room' room.id %}"><strong>{{ room.name }}</strong></a>
                    </li>
                {% endfor %}
            </ul>
        </div>


    </div>

{% endblock %}