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

    <div class="meta-data">

        <div class="meta-line">
            <div><label for="system.meta.geschlecht">Geschlecht</label>
                <input type="text" name="system.meta.geschlecht"
                       value="{{system.meta.geschlecht}}"/>
            </div>

            <div><label for="system.meta.groesse">Größe</label>
                <input type="number" name="system.meta.groesse" value="{{system.meta.groesse}}"/>
            </div>
            <div><label for="system.meta.gewicht">Gewicht</label>
                <input type="number" name="system.meta.gewicht" value="{{system.meta.gewicht}}"/>
            </div>
        </div>
        <div class="double"><label>Alter</label>
            <input type="number" name="system.meta.groesse" value="{{system.meta.alter}}"/>
            <input type="text" name="system.meta.geburtsdatum" value="{{system.meta.geburtstag}}"/>
        </div>
    </div>
    <div class="meta-data html">
        <div><label>Notizen</label>
            <prose-mirror
                    name="system.meta.notizen"
                    button="false"
                    editable="{{editable}}"
                    toggled="true"
                    value="{{system.meta.notizen}}">
                {{{system.meta.notizen}}}
            </prose-mirror>
        </div>
        <div><label>Aussehen</label>
            <prose-mirror
                    name="system.meta.aussehen"
                    button="false"
                    editable="{{editable}}"
                    toggled="true"
                    value="{{system.meta.aussehen}}">
                {{{system.meta.aussehen}}}
            </prose-mirror>
        </div>
    </div>
</section>