[[MAIN]]
<div class="fo-apptarget d-flex flex-column [[FO_applicationstatecolor_FO]]">
    <div class="fo-languagebar-container nav nav-tabs fo-state-display" id="fo_languagebar">
        [[REP_[[ID_languagebaritems_ID]]_REP]]
    </div>
    <div id="fo_aboutmelanguages"></div>
    [[REP_[[ID_apptargetlanguages_ID]]_REP]]
 </div>
[[MAIN]]

[[TMPL_[[ID_languagebaritems_ID]]
<div class="fo-languagebar-item nav-item" id="[[FO_languagebarlanguage_FO]]" data-fo_targetdisp="fo-flex"
    data-fo_targetgrp="[[FO_selecttargetgroup_FO]]" data-fo_targetdest="[[FO_selecttargetdest_FO]]"
    data-fo_register="click" [[FO_jsaction_FO]] [[FO_ajaxaction_FO]]>
    <span class="[[FO_languagebartextclass_FO]] nav-link [[FO_languagebarselected_FO]]">[[FO_languagebartext_FO]]</span>
</div>
_TMPL]]

[[TMPL_[[ID_apptargetlanguages_ID]]
<div class="fo-apptarget-with-languagebar flex-row [[FO_apptargetlanguageselected_FO]]" id="[[FO_apptargetlanguage_FO]]"
    data-fo_receivergrp="[[FO_selecttargetgroup_FO]]">
    <div class="fo-profile-aboutme-left d-flex flex-column">
        <div class="fo-profile-aboutme-picandname d-flex flex-column align-items-center justify-content-center"
            id="[[FO_imagecontID1_FO]]">
            <span id="[[FO_imagecontID_FO]]"><img src="[[FO_imagepath_FO]]" [[FO_changeaction_FO]] [[FO_imageintID_FO]]
                    class="fo-profile-aboutme-profile-image fo-auto-margin" id="[[FO_imageID_FO]]"></span>
            <input class="fo-profile-aboutme-name form-control" id="[[FO_profnameinput_FO]]" value="[[FO_username_FO]]"
                [[FO_appstate_FO]]>
        </div>
    </div>
    <div class="fo-profile-aboutme-right d-flex flex-column">
        <div class="fo-profile-aboutme-title-containter d-flex flex-column justify-content-center"
            id="[[FO_proftitlecontainer_FO]]">
            <input class="fo-profile-aboutme-title-text form-control fo-profile-aboutme-right-width"
                id="[[FO_proftitleinput_FO]]" value="[[FO_profiletitle_FO]]" [[FO_appstate_FO]]>
        </div>
        <div class="fo-profile-aboutme-text-container d-flex flex-column align-items-center fo-profile-aboutme-right-width"
            id="[[FO_proftextcontainer_FO]]">
            <textarea class="form-control fo-left-right-margin-10 fo-noresize" [[FO_appstate_FO]]
                id="[[FO_proftextinput_FO]]" rows="10">[[FO_profiletext_FO]]</textarea>
        </div>
    </div>
</div>
_TMPL]]

[[TMPL_[[ID_nolanguages_ID]]

_TMPL]]