{% load compress %}

{% load staticfiles %}

{% compress js %}

  <script src='{% static "js/site.js" %}'></script>

{% endcompress %}

{% extends "theme_bootstrap/base.html" %}

{% load staticfiles %}

{% load metron_tags %}

{% load i18n %}

{% load sitetree %}

{% block styles %}

    {% include "_styles.html" %}

{% endblock %}

{% block extra_head_base %}

    {% block extra_head %}{% endblock %}

{% endblock %}

{% block nav %}

    {% sitetree_menu from "main" include "trunk" template "sitetree/menu_bootstrap3.html" %}

{% endblock %}

{% block body_base %}

    <section id="content_body">

        <div class="container">

            {% include "_messages.html" %}

            <div class="row">

                <div class="col-md-9">

                    {% block body %}

                    {% endblock %}

                </div>

                <div class="col-md-3">

                    {% block sidebar %}

                        {% include "_default_sidebar.html" %}

                    {% endblock %}

                </div>

            </div>

        </div>

    </section>

{% endblock %}

{% block footer %}

    {% include "_footer.html" %}

{% endblock %}

{% block scripts %}

    {% include "_scripts.html" %}

{% endblock %}

{% block extra_body_base %}

    {% analytics %}

    {% block extra_body %}{% endblock %}

{% endblock %}

/* global window ace */

const loadEditors = () => {

    const $editors = $('.modal-body textarea, #id_body, #id_comment, #id_message, #id_text, #id_abstract, #id_additional_notes, #id_content_override, #id_description, #id_biography');

    $editors.each((i, el) => {

      const editorId = `markdown-editor-${i}`;

      const reportDiv = $('<div>').attr('id', editorId);

      const setupEditor = (editor, textarea) => {

          const session = editor.getSession();

          editor.setTheme('ace/theme/tomorrow');

          editor.$blockScrolling = Infinity;

          editor.setOption('scrollPastEnd', true);

          session.setMode('ace/mode/markdown');

          session.setValue(textarea.val());

          session.setUseWrapMode(true);

          session.on('change', () => {

              textarea.val(session.getValue());

          });

          editor.renderer.setShowGutter(false);

          session.setTabSize(4);

          session.setUseSoftTabs(true);

      };

      const $formGroup = $(el).closest('.form-group');

      const $textarea = $formGroup.find('textarea');

      $formGroup.append(reportDiv);

      setupEditor(ace.edit(editorId), $textarea);

    });

};

$(() => {

    loadEditors();

});