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

{% block field %}
    <textarea id="textarea_ace_editor">{{object.getTemplate()}}</textarea>

    <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;
        }
    </style>

    <script type="text/javascript">
        $( document ).ready(function() {
            $("#textarea_ace_editor").asAceEditor();
            editor = $('#textarea_ace_editor').data('ace-editor');
            
            editor.setTheme("ace/theme/github");
            editor.getSession().setMode("ace/mode/twig");
            editor.setReadOnly(true);
            editor.setFontSize(14);
            editor.setShowInvisibles(true);
            editor.getSession().setTabSize(2);
            editor.getSession().setUseSoftTabs(true);
            editor.getSession().setUseWrapMode(true);
        });
    </script>
    <img src="http://200.50.175.17/ftth/workflows_png/{{object.getName()}}.png?nocache={{ date().timestamp }}" />
{% endblock %}