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

{% block title %}Мои задания{% endblock %}

{% block content %}
<div>
    <div class="mb-6">
        <h1 class="text-2xl font-bold text-gray-800">Мои задания</h1>
        <p class="text-gray-500">Список всех заданий с дедлайнами</p>
    </div>

    <div class="space-y-4">
        {% for assignment in assignments %}
        <div class="bg-white rounded-xl shadow-sm overflow-hidden">
            <div class="border-l-4 
                {% if assignment.deadline < now.date %}border-red-500
                {% elif assignment.submission_status == 'on_time' %}border-green-500
                {% elif assignment.submission_status == 'late' %}border-yellow-500
                {% else %}border-gray-300{% endif %}">
                
                <div class="p-5">
                    <div class="flex justify-between items-start">
                        <div>
                            <h3 class="text-lg font-semibold text-gray-800">{{ assignment.title }}</h3>
                            <p class="text-sm text-gray-500 mt-1">
                                <i class="fas fa-book mr-1"></i>{{ assignment.subject.name }}
                            </p>
                        </div>
                        <div class="text-right">
                            <span class="text-sm font-medium 
                                {% if assignment.deadline < now.date %}text-red-600
                                {% else %}text-gray-600{% endif %}">
                                <i class="fas fa-calendar-alt mr-1"></i>
                                Срок: {{ assignment.deadline|date:"d.m.Y" }}
                            </span>
                            <div class="mt-1">
                                {% if assignment.submission_status == 'on_time' %}
                                <span class="bg-green-100 text-green-700 px-2 py-1 rounded-full text-xs">
                                    <i class="fas fa-check-circle mr-1"></i>Сдано
                                </span>
                                {% elif assignment.submission_status == 'late' %}
                                <span class="bg-yellow-100 text-yellow-700 px-2 py-1 rounded-full text-xs">
                                    <i class="fas fa-clock mr-1"></i>Сдано с опозданием
                                </span>
                                {% else %}
                                <span class="bg-gray-100 text-gray-600 px-2 py-1 rounded-full text-xs">
                                    <i class="fas fa-hourglass-half mr-1"></i>Не сдано
                                </span>
                                {% endif %}
                            </div>
                        </div>
                    </div>
                    
                    <p class="text-gray-600 mt-3 text-sm">{{ assignment.description|default:"Нет описания" }}</p>
                    
                    {% if assignment.files %}
                    <div class="mt-3">
                        <p class="text-xs text-gray-500 mb-1"><i class="fas fa-paperclip mr-1"></i>Прикреплённые файлы:</p>
                        <div class="flex flex-wrap gap-2">
                            {% for file in assignment.files %}
                            <a href="{{ file.file.url }}" target="_blank" class="text-sm text-indigo-600 hover:text-indigo-800 bg-indigo-50 px-2 py-1 rounded">
                                <i class="fas fa-file mr-1"></i>{{ file.filename }}
                            </a>
                            {% endfor %}
                        </div>
                    </div>
                    {% endif %}
                    
                    <div class="mt-4">
                        <a href="{% url 'submit_assignment' assignment.id %}" 
                           class="inline-flex items-center text-indigo-600 hover:text-indigo-800 text-sm font-medium">
                            {% if assignment.submission_status == 'not_submitted' %}
                            <i class="fas fa-upload mr-1"></i>Сдать задание
                            {% else %}
                            <i class="fas fa-edit mr-1"></i>Редактировать
                            {% endif %}
                            <i class="fas fa-chevron-right ml-1 text-xs"></i>
                        </a>
                    </div>
                </div>
            </div>
        </div>
        {% empty %}
        <div class="bg-white rounded-xl shadow-sm p-8 text-center text-gray-500">
            <i class="fas fa-tasks text-4xl mb-3 block"></i>
            <p>У вас нет заданий</p>
        </div>
        {% endfor %}
    </div>
</div>
{% endblock %}