{% extends "base.html" %}

{% block title %}Projekt einreichen{% endblock %}

{% block content %}
<section class="form-hero">
    <div class="container">
        <h1 class="form-hero-title">Projekt einreichen</h1>
        <p class="form-hero-subtitle">Beschreiben Sie Ihre Idee für eine Open-Source-Lösung. Die Fachjury prüft eingereichte Projekte im Rahmen des Call for Concepts.</p>
    </div>
</section>

<section class="form-section">
    <div class="container">
        <div class="form-card">
            <form method="post" action="{{ url_for('projekt_einreichen') }}">
                <div class="mb-4">
                    <label for="titel" class="form-label">Projekttitel</label>
                    <input type="text" id="titel" name="titel" class="form-control form-control-lg" required placeholder="Kurzer, prägnanter Titel">
                </div>
                <div class="mb-4">
                    <label for="beschreibung" class="form-label">Projektbeschreibung</label>
                    <textarea id="beschreibung" name="beschreibung" class="form-control" rows="6" required placeholder="Beschreiben Sie das Problem, die geplante Lösung und den Nutzen..."></textarea>
                </div>
                <div class="mb-4">
                    <label for="kategorie" class="form-label">Kategorie</label>
                    <select id="kategorie" name="kategorie" class="form-select form-select-lg" required>
                        <option value="">Bitte wählen</option>
                        {% for k in kategorien %}
                        <option value="{{ k }}">{{ k }}</option>
                        {% endfor %}
                    </select>
                </div>
                <div class="mb-4">
                    <label for="behoerde" class="form-label">Behörde / Organisation</label>
                    <input type="text" id="behoerde" name="behoerde" class="form-control form-control-lg" required placeholder="z.B. Stadt Kiel, Kreis Rendsburg-Eckernförde">
                </div>
                <div class="mb-4">
                    <label for="kontakt_email" class="form-label">Kontakt-E-Mail</label>
                    <input type="email" id="kontakt_email" name="kontakt_email" class="form-control form-control-lg" required placeholder="kontakt@behoerde.de">
                </div>
                <button type="submit" class="btn btn-primary btn-lg">Projekt einreichen</button>
            </form>
        </div>
    </div>
</section>
{% endblock %}