<form class="{{cssClass}} {{actor.type}} flexcol" autocomplete="off">

    {{!-- Sheet Tab Navigation --}}
    <nav class="sheet-tabs tabs" style="flex: 0" data-group="primary">
        <a class="item" data-tab="meta">Talent</a>
        <a class="item" data-tab="description">Regeltext</a>
    </nav>

    {{!-- Sheet Body --}}
    <section class="sheet-body" style="flex: 1">

        <div class="tab meta" data-group="primary" data-tab="meta">
            <div>
                <label>Kategorie
                    <select name="system.gruppe">
                        {{selectOptions categoryOptions selected=system.gruppe inverted=true}}
                    </select>
                </label>
            </div>
            <div>
                <label>TAW:
                    <input type="text" name="system.taw"
                           value="{{system.taw}}"/>
                </label>
            </div>
            <div>
                <label>Erstes Attribut
                    <input type="text" name="system.probe.0"
                           value="{{system.probe.[0]}}"/>
                </label>
            </div>
            <div><label>Zweites Attribut
                <input type="text" name="system.probe.1"
                       value="{{system.probe.[1]}}"/>
            </label></div>
            <div>
                <label>Drittes Attribut
                    <input type="text" name="system.probe.2"
                           value="{{system.probe.[2]}}"/>
                </label>
            </div>
            <div>
                <label>Behinderung
                    <input type="text" name="system.behinderung" value="{{system.behinderung}}"/>
                </label>
            </div>

            <div>
                <label>Sprachenkomplexizität
                    <input type="text" name="system.komplexität" value="{{system.komplexität}}"/>
                </label>
            </div>
            <div>
                <label>Attacke
                    <input type="text" name="system.at" value="{{system.at}}"/>
                </label>
            </div>
            <div>
                <label>Parade
                    <input type="text" name="system.pa" value="{{system.pa}}"/>
                </label>
            </div>


        </div>
        <div class="tab description" data-group="primary" data-tab="description">
            <div>
                <label>Beschreibungstext</label>
                {{editor system.talent target="system.talent" button=true owner=owner editable=editable}}
            </div>
            <div>
                <label>Voraussetzung</label>
                <ul>
                    {{#each system.voraussetzung as |pair key|}}
                        <li>
                            <input type="text" name="system.vorraussetzung.{{key}}.wert" value="{{pair.wert}}"/>
                            <input type="text" name="system.vorraussetzung.{{key}}.talent" value="{{pair.talent}}"/>
                        </li>
                    {{/each}}
                </ul>
            </div>
        </div>

        </div>
    </section>
</form>
