<?php
session_start();
?>
<!--
    Seite: Beitrag erstellen
    Inhalt: Formular für die Erstellung eines neuen Beitrags
-->
<form method="post" action="php/controller/createArticle-controller.php" id="editor-form" class="article-editor-scope.editor-container article-editor-scope editor-container">

    <main class="editor-main">
        <?php if (isset($_SESSION["message"]) && $_SESSION["message"] == "internal_error"): ?>
        <p class="alert-message is-error">
            Es ist ein Fehler beim Speichern aufgetreten. Bitte versuche es erneut.
        </p>
        <?php endif; ?>
        <?php if (isset($_SESSION["message"]) && $_SESSION["message"] == "missing_parameters"): ?>
        <p class="alert-message is-error">
            Jeder Beitrag muss einen Titel, Kategorie und Inhalt besitzen.
        </p>
        <?php endif; ?>
        <input type="text" id="title" name="title" placeholder="Titel hier eingeben" required>
        <textarea id="content" name="content" placeholder="Schreibe deinen Beitrag..."></textarea>
    </main>

    <!-- Seitenleiste -->
    <aside class="editor-sidebar">

        <div class="sidebar-block">
            <button type="submit" class="btn-publish">Veröffentlichen</button>
        </div>

        <div class="sidebar-block">
            <label for="category">Kategorie <span class="required">*</span></label>
            <select id="category" name="category" required>
                <option value="" disabled selected>Kategorie wählen...</option>

                <optgroup label="Sprachen">
                    <option value="deutsch">Deutsch</option>
                    <option value="englisch">Englisch</option>
                    <option value="franzoesisch">Französisch</option>
                    <option value="latein">Latein</option>
                    <option value="literatur">Literatur</option>
                </optgroup>

                <optgroup label="MINT">
                    <option value="mathe">Mathematik</option>
                    <option value="biologie">Biologie</option>
                    <option value="chemie">Chemie</option>
                    <option value="physik">Physik</option>
                    <option value="informatik">Informatik</option>
                    <option value="astronomie">Astronomie</option>
                </optgroup>

                <optgroup label="Gesellschaft & Werte">
                    <option value="geschichte">Geschichte</option>
                    <option value="erdkunde">Erdkunde</option>
                    <option value="sozialkunde">Sozialkunde</option>
                    <option value="wirtschaft">Wirtschaftskunde</option>
                    <option value="religion">Religion</option>
                    <option value="ethik">Ethikunterricht</option>
                    <option value="philosophie">Philosophie</option>
                    <option value="psychologie">Psychologie</option>
                    <option value="kunst">Kunst</option>
                    <option value="musik">Musik</option>
                    <option value="theater">Theater</option>
                </optgroup>

                <optgroup label="Technik & Praxis">
                    <option value="technik">Technik</option>
                    <option value="werken">Werken</option>
                    <option value="hauswirtschaft">Hauswirtschaft</option>
                    <option value="sport">Sport</option>
                </optgroup>
            </select>
        </div>

        <div class="sidebar-block">
            <label for="tags">Schlagwörter</label>
            <input type="text" id="tags" name="tags" placeholder="z.B. Technik, IT (mit Komma trennen)">
        </div>

    </aside>

</form>
