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

        <div>
            <label>Name</label>
            <input type="text" name="name" value="{{name}}"/>
        </div>
    {{#if hasModality}}
        <div>
            <label for="{{this._id}}.choice">Auswahl</label>
            {{#if hasChoices}}
                <select id="{{this._id}}.choice" name="system.value">
                    {{selectOptions choices selected=system.value inverted=true}}
                </select>
            {{else}}
                <input type="text" id="{{this._id}}.choice" name="system.value" value="{{system.value}}"/>
            {{/if}}
        </div>
    {{/if}}

    <div class="body">
        <label>Beschreibung</label>
        <prose-mirror
                name="system.description"
                button="false"
                editable="{{editable}}"
                toggled="true"
                value="{{system.description}}">
            {{{system.description}}}
        </prose-mirror>
    </div>

</section>