{% extends '@yuuno/settings/account/master.twig' %}

{% set mode = 'Userpage' %}

{% block description %}
    <p>The custom text that is displayed on your profile.</p>
{% endblock %}

{% block settingsContent %}
    <div class="bbcode" id="settingsPreview" style="max-height: 500px; overflow-y: auto; background: #C2AEEE; box-shadow: inset 0 0 1em 1em #D3BFFF;">{{ user.userPage()|raw }}</div>
    <hr>
    <form enctype="multipart/form-data" method="post" action="javascript:;" onsubmit="updateSettings(this, '{{ route('settings.account.userpage') }}');">
        <input type="hidden" name="session" value="{{ session_id() }}">
        <div>
            <textarea name="userpage" id="settingsEditor" class="input__text" style="height: 400px;">{% if user.page %}{{ user.page }}{% else %}[header]Welcome to my userpage![/header]{% endif %}</textarea>
        </div>
        <button class="input__button">Save</button>
        <button type="reset" class="input__button">Reset</button>
        <button type="button" class="input__button" onclick="settingsPreview()">Preview</button>
    </form>
    {% include '@yuuno/settings/account/_preview.twig' %}
{% endblock %}