{% extends 'base.html' %}
{% load static %}

{% block title %}Расписание преподавателя{% endblock %}

{% block content %}
<div>
    <div class="mb-6">
        <a href="{% url 'schedule' %}" class="text-indigo-600 hover:text-indigo-800">
            <i class="fas fa-arrow-left mr-2"></i>Назад к общему расписанию
        </a>
    </div>

    <div class="bg-white rounded-xl shadow-sm overflow-hidden">
        <div class="bg-indigo-600 text-white px-6 py-3">
            <h1 class="text-xl font-bold">Расписание: {{ teacher.last_name }} {{ teacher.first_name }}</h1>
        </div>
        
        <div class="overflow-x-auto p-4">
            <table class="w-full">
                <thead>
                    <tr class="bg-gray-100">
                        <th class="px-4 py-2 text-left">День</th>
                        <th class="px-4 py-2 text-left">Дата</th>
                        <th class="px-4 py-2 text-left">Группа</th>
                        <th class="px-4 py-2 text-left">Предмет</th>
                        <th class="px-4 py-2 text-left">Тема</th>
                    </tr>
                </thead>
                <tbody>
                    {% for date in dates %}
                        {% for item in schedule_by_date|get_item:date %}
                        <tr class="border-t">
                            <td class="px-4 py-3">{{ date|date:"l"|slice:":2" }}</td>
                            <td class="px-4 py-3">{{ date|date:"d.m.Y" }}</td>
                            <td class="px-4 py-3">{{ item.group.name }}</td>
                            <td class="px-4 py-3">{{ item.subject.name }}</td>
                            <td class="px-4 py-3">{{ item.topic|default:"—" }}</td>
                        </tr>
                        {% empty %}
                        <tr class="border-t">
                            <td class="px-4 py-3">{{ date|date:"l"|slice:":2" }}</td>
                            <td class="px-4 py-3">{{ date|date:"d.m.Y" }}</td>
                            <td colspan="3" class="px-4 py-3 text-gray-400">Нет занятий</td>
                        </tr>
                        {% endfor %}
                    {% endfor %}
                </tbody>
            </table>
        </div>
    </div>
</div>

<script>
    function get_item(dict, key) {
        return dict[key] || [];
    }
    window.get_item = get_item;
</script>
{% endblock %}