{% extends "app.html" %}

{% block sidebar %}

{% include "settings/sidebar.html" %}

{% endblock %}

{% block header_text %}<h2 style="color:#fff">Settings</h2>{% endblock %}

{% block head %}
   <link href="https://cdn.bootcdn.net/ajax/libs/monaco-editor/0.20.0/min/vs/editor/editor.main.min.css" rel="stylesheet">

    <script src="https://cdn.bootcdn.net/ajax/libs/monaco-editor/0.20.0/min/vs/loader.min.js"></script>

{% endblock %}

{% block main %}


<div id="profile_description"></div>



<script type="module">

        require.config({ paths: { 'vs': 'https://cdn.bootcdn.net/ajax/libs/monaco-editor/0.20.0/min/vs' } });

        require(['vs/editor/editor.main'], function () {
var editor = monaco.editor.create(document.getElementById('profile_description'), {
                value: phpCode,
                language: 'php'
            });
        })
</script>

{% endblock main %}