{% extends "base.html" %}

{% block title %}Éditer le Sujet - {{ super() }}{% endblock %}

{% block content %}
<h2 class="mb-4">Éditer le Sujet</h2>
<div class="mb-4">
    <a href="{{ url_for('admin_subjects') }}" class="btn btn-secondary">Retour aux sujets</a>
</div>
<div class="card">
    <div class="card-body">
        <form method="post" enctype="multipart/form-data">
            <div class="mb-3">
                <label for="name" class="form-label">Nom:</label>
                <input type="text" class="form-control" id="name" name="name" value="{{ subject.name }}" required>
            </div>

            {% if subject.icon_data %}
            <div class="mb-3">
                <label class="form-label">Icône actuelle:</label>
                <div>
                    <img src="{{ url_for('get_subject_icon', subject_id=subject.id) }}" alt="Icône actuelle" class="img-thumbnail" style="max-width: 100px; max-height: 100px;">
                </div>
            </div>
            {% endif %}

            <div class="mb-3">
                <label for="icon" class="form-label">Nouvelle icône (fichier image):</label>
                <input type="file" class="form-control" id="icon" name="icon" accept="image/*">
            </div>

            <button type="submit" class="btn btn-primary">Sauvegarder</button>
        </form>
    </div>
</div>
{% endblock %}