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

    {{!-- Sheet Header --}}
    <header class="sheet-header">

        <input class="sheet-name" type="text" name="actor.name" value="{{actor.name}}"/>

    </header>

    {{!-- Sheet Tab Navigation --}}
    <nav class="sheet-tabs tabs" data-group="primary">
        <a class="item" data-tab="characters">Charaktere</a>
        <a class="item" data-tab="inventory">Inventar</a>
    </nav>

    {{!-- Sheet Body --}}
    <section class="sheet-body">
        <div class="tab characters" data-group="primary" data-tab="characters">
            {{#if actor.limited}}
                <div class="characters-overview minimal">
                    {{#each characters}}
                        {{#if this.isVisible}}
                            <div class="character">
                                <div class="header clickable" data-id="{{this.id}}" data-operation="openActorSheet">
                                    <img class="profile-img" src="{{this.img}}" style="object-fit: cover;"
                                         title="{{this.name}}" alt="{{this.name}}"/>
                                    <span class="name">{{this.name}}</span>
                                </div>
                            </div>
                        {{/if}}
                    {{/each}}
                </div>
            {{else}}
                <div class="characters-overview">
                    {{#each characters}}
                        {{#if this.isVisible}}
                            <div class="character">
                                <div class="header clickable" data-id="{{this.id}}" data-operation="openActorSheet">
                                    <img class="profile-img" src="{{this.img}}" style="object-fit: cover;"
                                         title="{{this.name}}" alt="{{this.name}}"/>
                                    <span class="name">{{this.name}}</span>
                                </div>
                                {{#if this.isLimited}}
                                    <div class="mini-attributes">
                                        {{#each this.attributes}}
                                            <div class="mini-attribute" data-actor-id="{{actor.id}}"
                                                 data-attribute="{{this.name}}" data-roll-data="{{this.value}}">
                                                <span class="value">{{this.value}}</span>
                                                <span class="name">{{this.name}}</span>
                                            </div>
                                        {{/each}}
                                    </div>
                                    <div class="fixedElements">
                                        <ul class="inline-list">
                                            {{#each skills}}
                                                <li class="mini-skill clickable" data-actor-id="{{this.id}}"
                                                    data-id="{{this.id}}">{{this.name}}: {{this.taw}}</li>{{/each}}
                                        </ul>
                                        <ul class="inline-list">
                                            {{#each advantages}}
                                                <li class="mini-advantage clickable" data-actor-id="{{this.id}}"
                                                    data-id="{{this.id}}">{{this.name}} {{#if this.value}}
                                                    [{{this.value}}]{{/if}}</li>{{/each}}
                                        </ul>
                                    </div>
                                {{/if}}
                                {{#if this.isOwner}}
                                    <div class="owneroptions">
                                        <button class="owneroption clickable" data-operation="removeFromParty"
                                                data-id="{{this.id}}">Leave Group
                                        </button>
                                    </div>
                                {{/if}}
                            </div>
                        {{/if}}
                    {{/each}}
                </div>
            {{/if}}
        </div>
        <div class="tab inventory" data-group="primary" data-tab="inventory">
            {{> 'systems/DSA_4-1/templates/ui/partial-equipment-group-button.hbs' equipments}}
        </div>
    </section>

</form>
