<section class="tab {{tabs.specialability.id}} {{tabs.specialability.cssClass}}"
         data-tab="{{tabs.specialability.id}}"
         data-group="{{tabs.specialability.group}}">
    <div>
        <div class="row">
        <div>
            <label>Name</label>
            <input type="text" name="system.name" value="{{system.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 id="{{this._id}}.choice" name="system.value" value="{{system.value}}"/>
                    {{/if}}
                </div>
            {{/if}}
        </div>
        <div class="body">
            <label>Aktionstext</label>
            <prose-mirror
                    name=" system.aktionsText"
                    button="false"
                    editable="{{editable}}"
                    toggled="true"
                    value="{{aktionsText}}">
                {{{aktionsText}}}
            </prose-mirror>
        </div>
        <div class="body">
            <label>Beschreibung</label>
            <prose-mirror
                    name=" system.text"
                    button="false"
                    editable="{{editable}}"
                    toggled="true"
                    value="{{text}}">
                {{{text}}}
            </prose-mirror>
        </div>
        <div class="mods">
            {{#each mod}}
                <span>{{this.name}} {{this.value}}</span>
            {{/each}}
        </div>
    </div>


</section>