<section class="tab {{tabs.social.id}} {{tabs.social.cssClass}}"
         data-tab="{{tabs.social.id}}"
         data-group="{{tabs.social.group}}">

    <div class="social-line">

        <div><label>Stand</label>
            <input type="text" name="system.meta.stand" value="{{system.meta.stand}}"/>
        </div>
        <div><label>Titel</label>
            <input type="text" name="system.meta.titel" value="{{system.meta.titel}}"/>
        </div>

        <div><label>Sozialstatus</label>
            <input type="text" name="system.attribute.so.aktuell" value="{{system.attribute.so.aktuell}}"/>
        </div>
    </div>
    <div class="meta-data html">
        <div><label>Verbindungen</label>
            <prose-mirror
                    name="system.verbindungen"
                    button="false"
                    editable="{{editable}}"
                    toggled="true"
                    value="{{system.meta.verbindungen}}">
                {{{system.meta.verbindungen}}}
            </prose-mirror>
        </div>
        <div><label>Familie</label>
            <prose-mirror
                    name="system.meta.familie"
                    button="false"
                    editable="{{editable}}"
                    toggled="true"
                    value="{{system.meta.familie}}">
                {{{system.meta.familie}}}
            </prose-mirror>
        </div>
    </div>
</section>