{% extends 'SonataAdminBundle:CRUD:base_edit.html.twig' %}

{% block form %}
    {{ parent() }}

    {#https://github.com/ryanburnette/textarea-as-ace-editor#}
    {#https://ace.c9.io/#}
    {#https://ace.c9.io/build/kitchen-sink.html#}
    <script src="{{ asset('bundles/baseadmin') }}/ace_editor/src-noconflict/ace.js" type="text/javascript" charset="utf-8"></script>
    <script src="{{ asset('bundles/baseadmin') }}/ace_editor/textarea-as-ace-editor.js" type="text/javascript" charset="utf-8"></script>

    <style type="text/css" media="screen">
        .ace_editor {
            height: 250px!important;
            border: 1px solid #CCCCCC;
        }
    </style>

    <script type="text/javascript">
        $(document).ready(function () {
            $("textarea").asAceEditor();
            editor = $('textarea').data('ace-editor');

            editor.setTheme("ace/theme/github");
            editor.getSession().setMode("ace/mode/twig");
            editor.setFontSize(14);
            editor.setShowInvisibles(true);
            editor.getSession().setTabSize(2);
            editor.getSession().setUseSoftTabs(true);
            editor.getSession().setUseWrapMode(true);
            editor.setShowPrintMargin(false);
        });
    </script>
{% endblock %}