{% extends "base.html" %}

{% block title %}{{ title }} - Gestion Scolaire{% endblock %}

{% block content %}
<div class="max-w-2xl mx-auto">
    <div class="mb-6">
        <a href="{{ url_for('assessments.list') }}" class="text-blue-600 hover:text-blue-800 text-sm font-medium">
            ← Retour aux évaluations
        </a>
    </div>
    
    <div class="bg-white shadow rounded-lg">
        <div class="px-6 py-4 border-b border-gray-200">
            <h1 class="text-xl font-semibold text-gray-900">{{ title }}</h1>
        </div>
        
        <form method="POST" class="px-6 py-4 space-y-6">
            {{ form.hidden_tag() }}
            
            <div>
                <label for="{{ form.title.id }}" class="block text-sm font-medium text-gray-700 mb-1">
                    {{ form.title.label.text }}
                </label>
                {{ form.title(class="block w-full border border-gray-300 rounded-md px-3 py-2 focus:ring-blue-500 focus:border-blue-500") }}
                {% if form.title.errors %}
                    <div class="mt-1 text-sm text-red-600">
                        {% for error in form.title.errors %}
                            <p>{{ error }}</p>
                        {% endfor %}
                    </div>
                {% endif %}
            </div>
            
            <div>
                <label for="{{ form.description.id }}" class="block text-sm font-medium text-gray-700 mb-1">
                    {{ form.description.label.text }}
                </label>
                {{ form.description(class="block w-full border border-gray-300 rounded-md px-3 py-2 focus:ring-blue-500 focus:border-blue-500", rows="3") }}
                {% if form.description.errors %}
                    <div class="mt-1 text-sm text-red-600">
                        {% for error in form.description.errors %}
                            <p>{{ error }}</p>
                        {% endfor %}
                    </div>
                {% endif %}
            </div>
            
            <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
                <div>
                    <label for="{{ form.date.id }}" class="block text-sm font-medium text-gray-700 mb-1">
                        {{ form.date.label.text }}
                    </label>
                    {{ form.date(class="block w-full border border-gray-300 rounded-md px-3 py-2 focus:ring-blue-500 focus:border-blue-500") }}
                    {% if form.date.errors %}
                        <div class="mt-1 text-sm text-red-600">
                            {% for error in form.date.errors %}
                                <p>{{ error }}</p>
                            {% endfor %}
                        </div>
                    {% endif %}
                </div>
                
                <div>
                    <label for="{{ form.coefficient.id }}" class="block text-sm font-medium text-gray-700 mb-1">
                        {{ form.coefficient.label.text }}
                    </label>
                    {{ form.coefficient(class="block w-full border border-gray-300 rounded-md px-3 py-2 focus:ring-blue-500 focus:border-blue-500", step="0.1") }}
                    {% if form.coefficient.errors %}
                        <div class="mt-1 text-sm text-red-600">
                            {% for error in form.coefficient.errors %}
                                <p>{{ error }}</p>
                            {% endfor %}
                        </div>
                    {% endif %}
                </div>
            </div>
            
            <div>
                <label for="{{ form.class_group_id.id }}" class="block text-sm font-medium text-gray-700 mb-1">
                    {{ form.class_group_id.label.text }}
                </label>
                {{ form.class_group_id(class="block w-full border border-gray-300 rounded-md px-3 py-2 focus:ring-blue-500 focus:border-blue-500") }}
                {% if form.class_group_id.errors %}
                    <div class="mt-1 text-sm text-red-600">
                        {% for error in form.class_group_id.errors %}
                            <p>{{ error }}</p>
                        {% endfor %}
                    </div>
                {% endif %}
            </div>
            
            <div class="flex justify-end space-x-3 pt-4 border-t border-gray-200">
                <a href="{{ url_for('assessments.list') }}" class="px-4 py-2 border border-gray-300 rounded-md text-sm font-medium text-gray-700 hover:bg-gray-50 transition-colors">
                    Annuler
                </a>
                {{ form.submit(class="px-4 py-2 bg-blue-600 text-white rounded-md text-sm font-medium hover:bg-blue-700 transition-colors") }}
            </div>
        </form>
    </div>
</div>
{% endblock %}