{% extends 'base.html' %}
{% block title %}Vorlagen - NotesManager{% endblock %}
{% block content %}
<div class="row g-4">
    <div class="col-lg-5">
        <div class="card shadow-sm">
            <div class="card-body">
                <h1 class="h4 mb-3">Neue Vorlage</h1>
                <form method="post">
                    <div class="mb-3">
                        <label class="form-label">Name</label>
                        <input name="name" class="form-control" required>
                    </div>
                    <div class="mb-3">
                        <label class="form-label">Beschreibung</label>
                        <input name="description" class="form-control">
                    </div>
                    <div class="mb-3">
                        <label class="form-label">Inhalt</label>
                        <textarea name="content" rows="12" class="form-control" required></textarea>
                    </div>
                    <button class="btn btn-primary">Speichern</button>
                </form>
            </div>
        </div>
    </div>
    <div class="col-lg-7">
        <div class="card shadow-sm">
            <div class="card-body">
                <h1 class="h4 mb-3">Vorhandene Vorlagen</h1>
                <div class="accordion" id="templateList">
                    {% for item in items %}
                    <div class="accordion-item">
                        <h2 class="accordion-header">
                            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#tpl{{ item.id }}">
                                {{ item.name }}
                            </button>
                        </h2>
                        <div id="tpl{{ item.id }}" class="accordion-collapse collapse" data-bs-parent="#templateList">
                            <div class="accordion-body">
                                <div class="small text-muted mb-2">{{ item.description }}</div>
                                <pre class="content-pre">{{ item.content }}</pre>
                                <form method="post" action="{{ url_for('main.template_delete', template_id=item.id) }}" onsubmit="return confirm('Vorlage wirklich löschen?');">
                                    <button class="btn btn-sm btn-outline-danger">Löschen</button>
                                </form>
                            </div>
                        </div>
                    </div>
                    {% else %}
                    <p class="text-muted">Noch keine Vorlagen vorhanden.</p>
                    {% endfor %}
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}