{% extends "layout.twig" %}

{% block title %}
    {% if post is defined and post is not null and post.id is defined %}
        Éditer l’article
    {% else %}
        Créer un article
    {% endif %}
{% endblock %}

{% block content %}
    <h2>
        {% if post is defined and post is not null and post.id is defined %}
            Éditer l’article
        {% else %}
            Créer un article
        {% endif %}
    </h2>

    {# Formulaire identifié pour le script JavaScript #}
    <form id="articleForm" method="post" action="{{ action }}">
        <p>
            <label>Titre<br>
                <input type="text" name="title"
                       value="{{ post.title|default('') }}" required>
            </label>
        </p>

        <p>
            <label>Contenu<br>
                <textarea id="editor" name="content" rows="6">{{ post.content|default('') }}</textarea>
            </label>
        </p>

        <button type="submit">
            {% if post is defined and post is not null and post.id is defined %}Mettre à jour{% else %}Enregistrer{% endif %}
        </button>
    </form>

    <p><a href="/admin">Retour à l’admin</a></p>
{% endblock %}

{% block scripts %}
<script src="/js/tinymce/tinymce.min.js" referrerpolicy="origin" crossorigin="anonymous"></script>
<script>
    tinymce.init({
        selector: '#editor',
        base_url: '/js/tinymce',
        license_key: 'gpl',
        height: 400,
        menubar: false,
        plugins: [
            'advlist', 'autolink', 'lists', 'link', 'image',
            'charmap', 'preview', 'anchor', 'searchreplace',
            'visualblocks', 'code', 'fullscreen',
            'insertdatetime', 'media', 'table',
            'help', 'wordcount'
        ],
        toolbar: [
            'undo redo | formatselect | bold italic underline |',
            'alignleft aligncenter alignright alignjustify |',
            'bullist numlist outdent indent | link image media |',
            'removeformat | help'
        ].join(' '),
        content_style: 'body {font-family:Helvetica,Arial,sans-serif;font-size:14px}'
    });
</script>
{% endblock %}
