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

{% block title %}Редактировать комментарий{% endblock %}

{% block content %}
<div class="container mx-auto px-4 py-6 max-w-3xl">
    <div class="mb-4">
        <a href="{% url 'topic_detail' comment.topic.id %}" class="text-[#4395AB] hover:text-[#2d6b7c]">← Назад к теме</a>
    </div>

    <div class="bg-white rounded-xl shadow-sm p-6">
        <h1 class="text-xl font-bold text-gray-800 mb-4">Редактировать комментарий</h1>

        <form method="post">
            {% csrf_token %}
            <textarea name="content" rows="6" required class="w-full border rounded-lg p-3 focus:outline-none focus:border-[#4395AB]">{{ comment.content }}</textarea>
            <div class="flex gap-3 mt-4">
                <button type="submit" class="bg-[#4395AB] text-white px-6 py-2 rounded-lg hover:bg-[#2d6b7c] transition">
                    Сохранить
                </button>
                <a href="{% url 'topic_detail' comment.topic.id %}" class="bg-gray-300 text-gray-700 px-6 py-2 rounded-lg hover:bg-gray-400 transition">
                    Отмена
                </a>
            </div>
        </form>
    </div>
</div>
{% endblock %}