{% extends "default/base.html.twig" %}
{% block custom_css %}
    <link href="{{asset('assets/node_modules/html5-editor/bootstrap-wysihtml5.css')}}" rel="stylesheet" />
{% endblock %}

{% block content %}
{{ form_start(form) }}
    {{ form_widget(form.message, {'id': 'mymce' }) }}
    <div class="form-group m-t-30">
        <div class="ms-auto mt-3 mt-md-0">
            <button type="submit" class="btn btn-success text-white">{{'Form.Submit' | trans}}</button>
        </div>
    </div>
    {{ form_rest(form) }}
{{ form_end(form) }}
{% endblock %}
{% block custom_js %}
    <script type="text/javascript" src="{{asset('assets/node_modules/tinymce/tinymce.min.js')}}"></script>
    <script>
    $(document).ready(function() {
        if ($("#mymce").length > 0) {
            tinymce.init({
                selector: "textarea#mymce",
                theme: "modern",
                height: 300,
                plugins: [
                    "advlist autolink link image lists charmap print preview hr anchor pagebreak spellchecker",
                    "searchreplace wordcount visualblocks visualchars code fullscreen insertdatetime media nonbreaking",
                    "save table contextmenu directionality emoticons template paste textcolor"
                ],
                toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image | print preview media fullpage | forecolor backcolor emoticons",
            });
        }
    });
    </script>
{% endblock %}