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

{% block title %}Сдача задания{% endblock %}

{% block content %}
<div>
    <div class="mb-6">
        <a href="{% url 'my_assignments' %}" 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 p-6">
        <div class="mb-4 pb-4 border-b">
            <h1 class="text-xl font-bold text-gray-800">{{ assignment.title }}</h1>
            <p class="text-gray-500 mt-1">{{ assignment.subject.name }}</p>
            <p class="text-sm text-gray-500 mt-1">
                <i class="fas fa-calendar-alt mr-1"></i>Срок сдачи: {{ assignment.deadline|date:"d.m.Y" }}
                {% if assignment.deadline < now.date %}
                <span class="text-red-600 ml-2">(Просрочено)</span>
                {% elif assignment.deadline == now.date %}
                <span class="text-orange-500 ml-2">(Сегодня последний день)</span>
                {% else %}
                <span class="text-green-600 ml-2">(Осталось {{ assignment.deadline|timeuntil }})</span>
                {% endif %}
            </p>
        </div>

        <div class="mb-6">
            <h3 class="font-semibold text-gray-700 mb-2"><i class="fas fa-info-circle mr-1 text-indigo-500"></i>Описание</h3>
            <p class="text-gray-600">{{ assignment.description|default:"Нет описания" }}</p>
        </div>

        <form method="post" enctype="multipart/form-data">
            {% csrf_token %}
            
            <div class="mb-6">
                <h3 class="font-semibold text-gray-700 mb-2"><i class="fas fa-paperclip mr-1 text-indigo-500"></i>Прикреплённые файлы</h3>
                
                {% if submission.files.all %}
                <div class="space-y-2 mb-3">
                    {% for file in submission.files.all %}
                    <div class="flex items-center justify-between bg-gray-50 p-2 rounded-lg">
                        <div class="flex items-center">
                            <i class="fas fa-file-{% if file.filename|slice:'-4:' == '.pdf' %}pdf{% else %}alt{% endif %} text-gray-500 mr-2"></i>
                            <span class="text-sm">{{ file.filename }}</span>
                            <span class="text-xs text-gray-400 ml-2">(загружен {{ file.uploaded_at|date:"d.m.Y H:i" }})</span>
                        </div>
                        {% if can_edit %}
                        <button type="submit" name="action" value="delete_file" class="text-red-500 hover:text-red-700 text-sm"
                                onclick="return confirm('Удалить файл?')">
                            <i class="fas fa-trash"></i>
                        </button>
                        <input type="hidden" name="file_id" value="{{ file.id }}">
                        {% endif %}
                    </div>
                    {% endfor %}
                </div>
                {% else %}
                <p class="text-gray-400 text-sm">Файлы не прикреплены</p>
                {% endif %}
                
                {% if can_edit %}
                <div class="mt-3">
                    <label class="block text-sm text-gray-600 mb-1">Добавить файл:</label>
                    <input type="file" name="file" class="w-full border rounded-lg p-2">
                    <button type="submit" name="action" value="add_file" class="mt-2 bg-indigo-600 text-white px-4 py-2 rounded-lg hover:bg-indigo-700">
                        <i class="fas fa-upload mr-1"></i>Загрузить файл
                    </button>
                </div>
                {% endif %}
            </div>
            
            {% if can_edit and submission.status == 'not_submitted' %}
            <div class="border-t pt-4">
                <button type="submit" name="action" value="submit" class="bg-green-600 text-white px-6 py-2 rounded-lg hover:bg-green-700">
                    <i class="fas fa-check-circle mr-1"></i>Сдать задание
                </button>
            </div>
            {% elif submission.status == 'on_time' %}
            <div class="border-t pt-4">
                <div class="bg-green-50 text-green-700 p-3 rounded-lg">
                    <i class="fas fa-check-circle mr-1"></i>Задание сдано {{ submission.submitted_at|date:"d.m.Y" }}
                </div>
            </div>
            {% elif not can_edit %}
            <div class="border-t pt-4">
                <div class="bg-red-50 text-red-700 p-3 rounded-lg">
                    <i class="fas fa-lock mr-1"></i>Срок сдачи истёк. Редактирование недоступно.
                </div>
            </div>
            {% endif %}
        </form>
    </div>
</div>
{% endblock %}