{% extends "settings/index.html" %}

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

{% block main %}
<section>
    <form method="post">
    <h2>Nickname</h2>
    
<input type="text" name="nick" placeholder="Your nickname" value="{{ user.nick.value }}" />

<h2>Description</h2>

<textarea name="profile" id="profile">{{profile}}</textarea>


<input type="submit" name="action" value="Save" />
</form>




</section>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/easymde/dist/easymde.min.css">
<script src="https://cdn.jsdelivr.net/npm/easymde/dist/easymde.min.js"></script>
<script>
    const easyMDE = new EasyMDE({element:document.getElementById("profile")});
    </script>
<style>

.EasyMDEContainer {
        filter: invert(1) !important;
     
    }
    
    </style>
{% endblock %}