{{ define "css" }}
  <link rel="stylesheet" href="/css/visibleIf.css" type="text/css" />
{{ end }}
<h1>Artikelgenerator</h1>
<article>

<p>
  Hier kannst du einen neuen Artikel generieren.<br><br>
  Wenn du einen Event erstellen willst, schreibe den zB. "Sonntag, 13.2.2022, 19Uhr - 20Uhr" in die Fläche "Termin".<br>
  Ist es ein Termin, ist es sinnvoll diesen zu Kategoriesieren:<br>Wähle aus den gegebenen aus oder erstelle neue, indem du
  im Feld "Neu" unter "Kategorie" neue Kategorien, mit Komma getrennt, eingibst. ZB. "Workshop,Externer Termin".
  <br><br>
  Jeder Artikel kann getaggt werden. Das Vorgehen ist dabei Analog zu den Kategorien.
  <br>
  Soll der Artikel auf der Homepage ganz vorne erscheinen, dann gib "Wichtige Neuigkeiten" einen Haken.
  <br>
  <br>
  <b>Einträge mit * sind minimal erforderlich.</b>
  <br>
  <noscript><p><b>Bitte aktiviere Javascript, sonst funktioniert der Generator nicht.</b></p></noscript>
</p>
<br>
<form id="myform" style="display: flex; flex-shrink: 0; flex-grow: 1; flex-direction: column; max-width: 950px;">
  {{ partial "orga/generator/partials/input_line" (dict "name" "title" "mandatory" "true") }}
  {{ partial "orga/generator/content" }}
  {{ partial "orga/generator/partials/categories_and_tags.html" (dict "name" "categories" "expanded" "true"  "new" "false") }}
  {{ partial "orga/generator/partials/expand" (dict "id" "Ist es ein Event?" "name" "isevent" "translation" "aufklappen" ) }}
  <div style="flex-direction: column; margin-left: 2rem;" class="visibleIf" data-visibleif-rule="isevent == 'true'">
    {{ partial "orga/generator/partials/input_line" (dict "name" "when" "mandatory" "false" "eg" "Montag, 13. September 2022, 19Uhr") }}
    {{ partial "orga/generator/partials/input_line" (dict "name" "price" "mandatory" "false" "eg" "3€ or free") }}
    {{ partial "orga/generator/partials/input_line" (dict "name" "registeremail" "mandatory" "false" "eg" "info@bunteshaus.de") }}
    {{ partial "orga/generator/partials/categories_and_tags.html" (dict "name" "events"  "new" "false") }}
  </div>
  {{ partial "orga/generator/partials/expand" (dict "id" "Verschiedenes" "name" "misc" "translation" "aufklappen" ) }}
  <div style="flex-direction: column; margin-left: 2rem;" class="visibleIf" data-visibleif-rule="misc == 'true'">
    {{ partial "orga/generator/partials/truefalse" (dict "name" "featured" "expanded" "true") }}
    {{ partial "orga/generator/partials/truefalse" (dict "name" "about" "expanded" "true") }}
    {{ partial "orga/generator/partials/categories_and_tags.html" (dict "name" "tags" "new" "true") }}
    <!-- {{ partial "orga/generator/partials/input_line" (dict "name" "covid" "mandatory" "false" "eg" "3G") }} -->
  </div>
  {{ partial "orga/generator/submit" }}

</form>

<div id='display' class="result" style="white-space: pre; background: var(--background-body); padding: 1rem;"></div>

</article>
<script defer language="javascript" type="text/javascript"  src="{{ "/js/visibleIf.js" | urlize | relURL }}"></script>
<script defer language="javascript" type="text/javascript"  src="{{ "/js/generator.js" | urlize | relURL }}"></script>