<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">Kopfdaten</a>
        <a class="item" data-tab="variants">Varianten</a>
        <a class="item" data-tab="commonality">Verbreitung</a>
    </nav>

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

        <div class="tab meta" data-group="primary" data-tab="meta">
            <div>
                <label>Name
                    <input type="text" name="system.name.value"
                           value="{{system.attributeReference1.value}}"/>
                </label>
            </div>
            <div>
                <label>Probe
                    <input type="text" name="system.probe.0"
                           value="{{system.probe.[0]}}"/>
                    <input type="text" name="system.probe.1"
                           value="{{system.probe.[1]}}"/>
                    <input type="text" name="system.probe[2].value"
                           value="{{system.probe.[2]}}"/>
                </label>
            </div>
            <div><label>Proben Modifikation
                <input type="text" name="system.probenMod"
                       value="{{system.probenMod}}"/>
            </label></div>
            <div>
                <label>Zauberdauer
                    <input type="text" name="system.zauberdauer"
                           value="{{system.zauberdauer}}"/>
                </label>
            </div>
            <div>
                <label>Kosten
                    <input type="text" name="system.kosten" value="{{system.kosten}}"/>
                </label>
            </div>
            <div>
                <label>Wirkung
                    <input type="text" name="system.wirkung" value="{{system.wirkung}}"/>
                </label>
            </div>
            <div>
                <label>Wirkungsdauer
                    <input type="text" name="system.wirkungsdauer" value="{{system.wirkungsdauer}}"/>
                </label>
            </div>

        </div>
        <div class="tab variants" data-group="primary" data-tab="variants">
            <div>
                <label>Modifikationen
                    <input type="text" name="system.modifikationen" value="{{system.modifikationen}}"/>
                </label>
            </div>
            <div>
                <label>Varianten
                    hier später Varianten
                </label>
            </div>
            <div>
                <label>Reversalis
                    <input type="text" name="system.reversalis" value="{{system.reversalis}}"/>
                </label>
            </div>
            <div>
                <label>Antimagie
                    <input type="text" name="system.antimagie" value="{{system.antimagie}}"/>
                </label>
            </div>
        </div>
        <div class="tab commonality" data-group="primary" data-tab="commonality">
            <div>
                <label>Komplexität
                    <input type="text" name="system.komplexität" value="{{system.komplexität}}"/>
                </label>
            </div>
            <div>
                <label>Repräsentation
                    <input type="text" name="system.repräsentation" value="{{system.repräsentation}}"/>
                </label>
            </div>
            <div>
                <label>Verbreitung
                    <input type="text" name="system.info" value="{{system.info}}"/>
                </label>
            </div>
        </div>

    </section>
</form>
