<nav class="pg-wheel" aria-label="Personal campaign wheel">
    {{#unless collapsed}}<div class="pg-orbit" aria-hidden="true"></div><div class="pg-pin-orbit" aria-hidden="true"></div>
    {{#if preview}}<span class="pg-preview">Preview · {{userName}}</span>{{/if}}{{/unless}}
    <div class="pg-character">
        <button type="button" class="pg-portrait" data-action="toggleWheel" title="{{characterHint}}" aria-label="{{characterHint}}" aria-expanded="{{#if collapsed}}false{{else}}true{{/if}}"><img src="{{portrait}}" alt="" draggable="false"></button>
        {{#unless collapsed}}<div class="pg-character-choices"><button type="button" data-action="sheet" {{#if preview}}disabled{{/if}}>Sheet</button><button type="button" data-action="story">Story</button></div>{{/unless}}
    </div>
    {{#unless collapsed}}
    <button type="button" class="pg-destination pg-contacts" data-inner-key="contacts" style="left: {{innerPositions.contacts.left}}px; top: {{innerPositions.contacts.top}}px;" data-action="section" data-section="contacts" title="Contacts and groups" aria-label="Contacts and groups"><i class="fas fa-users" aria-hidden="true"></i></button>
    <button type="button" class="pg-destination pg-holdings" data-inner-key="holdings" style="left: {{innerPositions.holdings.left}}px; top: {{innerPositions.holdings.top}}px;" data-action="section" data-section="holdings" title="Your holdings" aria-label="Your holdings"><i class="fas fa-landmark" aria-hidden="true"></i></button>
    {{#each primaries}}<button type="button" class="pg-destination pg-primary-entity" data-inner-key="{{key}}" style="left: {{left}}px; top: {{top}}px;" data-action="{{#if isQuest}}openMainQuest{{else}}openEntity{{/if}}" data-uuid="{{uuid}}" {{#if isQuest}}{{#if @root.preview}}disabled{{/if}}{{/if}} title="{{hint}}" aria-label="{{hint}}"><img src="{{image}}" alt="" draggable="false"></button>{{/each}}
    {{#each pins}}
    <div class="pg-pin {{#if menuLeft}}pg-menu-left{{/if}} {{#if menuUp}}pg-menu-up{{/if}} {{#unless uuid}}is-empty{{/unless}}" data-pin-slot="{{slot}}" style="left: {{left}}px; top: {{top}}px;">
        {{#if uuid}}
        <button type="button" class="pg-pin-target" data-action="openPin" data-slot="{{slot}}" data-uuid="{{uuid}}" draggable="{{#if @root.preview}}false{{else}}{{#if available}}true{{else}}false{{/if}}{{/if}}" title="{{hint}}" aria-label="{{hint}}" {{#unless available}}disabled{{/unless}}>{{#if entry}}<img src="{{entry.image}}" alt="" draggable="false">{{else}}<i class="fas fa-link-slash" aria-hidden="true"></i>{{/if}}<span class="pg-type-badge"><i class="fas {{icon}}" aria-hidden="true"></i></span></button>
        {{#unless @root.preview}}<details class="pg-pin-menu" name="pg-wheel-menu"><summary title="Options for {{label}}" aria-label="Options for {{label}}">⋯</summary><div class="pg-menu-items"><button type="button" data-action="unpin" data-uuid="{{uuid}}" data-slot="{{slot}}" aria-label="Unpin from wheel">Unpin from wheel</button>{{#if canPrevious}}<button type="button" data-action="movePin" data-uuid="{{uuid}}" data-slot="{{slot}}" data-to="{{previous}}" aria-label="Move to previous slot">Move to previous slot</button>{{/if}}{{#if canNext}}<button type="button" data-action="movePin" data-uuid="{{uuid}}" data-slot="{{slot}}" data-to="{{next}}" aria-label="Move to next slot">Move to next slot</button>{{/if}}</div></details>{{/unless}}
        {{else}}<button type="button" class="pg-empty-pin" data-action="section" data-section="holdings" title="Drop a macro, item, or campaign entry here. Click to browse Holdings." aria-label="Empty shortcut slot {{slotNumber}}">+</button>{{/if}}
    </div>
    {{/each}}
    <div class="pg-wheel-utilities">
        <details class="pg-wheel-menu" name="pg-wheel-menu"><summary title="Wheel options" aria-label="Wheel options">⋯</summary><div class="pg-menu-items"><button type="button" data-action="resetPosition">Reset position</button>{{#if isGM}}<button type="button" data-action="setup" aria-label="Player Wheel - Setup">Player Wheel - Setup</button>{{/if}}<button type="button" data-action="hide" aria-label="Hide wheel">Hide wheel</button></div></details>
    </div>
    <button type="button" class="pg-destination pg-quests" data-inner-key="quests" style="left: {{innerPositions.quests.left}}px; top: {{innerPositions.quests.top}}px;" data-action="section" data-section="quests" title="Quests and pursuits" aria-label="Quests and pursuits" {{#if preview}}disabled{{/if}}><i class="fas fa-scroll" aria-hidden="true"></i></button>
    {{/unless}}
</nav>
