{% extends "base.html" %}
{% block title %}Nouveau Fil de Discussion{% endblock %}
{% block content %}
<h2 class="text-2xl font-semibold mb-4">Créer un nouveau fil de discussion</h2>
<!-- Affichage du nom d'utilisateur (pour information) -->
<p class="text-gray-600 mb-4">Vous postez en tant que : <span class="font-semibold text-blue-700">{{ username }}</span></p>

<form method="POST" action="{{ url_for('new_thread') }}" class="space-y-4">  <!-- Espacement vertical -->
    <div>
        <label for="title" class="block text-sm font-medium text-gray-700">Titre :</label>
        <input type="text" name="title" id="title" required
               class="mt-1 block w-full p-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent">  <!-- Style de l'input -->
    </div>
    <div>
        <label for="content" class="block text-sm font-medium text-gray-700">Message initial :</label>
        <textarea name="content" id="content" rows="5" required
                  class="mt-1 block w-full p-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent"></textarea>  <!-- Style du textarea -->
    </div>
    <button type="submit"
            class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded transition-colors duration-200">
        Créer
    </button>
</form>
{% endblock %}