{% 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 'forum_list' %}" class="text-[#4395AB] hover:text-[#2d6b7c]">← Назад к списку</a>
    </div>

    <div class="bg-white rounded-xl shadow-sm p-6">
        <h1 class="text-2xl font-bold text-gray-800 mb-6">Создать новую тему</h1>

        <form method="post">
            {% csrf_token %}
            <div class="mb-4">
                <label class="block text-gray-700 font-medium mb-2">Заголовок</label>
                <input type="text" name="title" required class="w-full border rounded-lg p-3 focus:outline-none focus:border-[#4395AB]" placeholder="Введите заголовок темы">
            </div>
            <div class="mb-4">
                <label class="block text-gray-700 font-medium mb-2">Содержание</label>
                <textarea name="content" rows="10" required class="w-full border rounded-lg p-3 focus:outline-none focus:border-[#4395AB]" placeholder="Опишите вашу проблему или вопрос..."></textarea>
            </div>
            <div class="flex gap-3">
                <button type="submit" class="bg-[#4395AB] text-white px-6 py-2 rounded-lg hover:bg-[#2d6b7c] transition">
                    Создать тему
                </button>
                <a href="{% url 'forum_list' %}" class="bg-gray-300 text-gray-700 px-6 py-2 rounded-lg hover:bg-gray-400 transition">
                    Отмена
                </a>
            </div>
        </form>
    </div>
</div>
{% endblock %}