<section class="qv-goal {{#if goal.done}}is-done{{/if}} {{#if goal.obsolete}}is-obsolete{{/if}}">
    <header class="qv-goal-heading"><span>{{#if goal.done}}<i class="fas fa-circle-check"></i>{{else}}<i class="fas fa-compass"></i>{{/if}} Goal {{goal.number}}</span><strong>{{goal.caption}}</strong>{{#if goal.canEdit}}<button type="button" class="qv-goal-status" data-action="goalStatus" data-goal-id="{{goal.id}}" aria-label="Goal status">{{goal.statusLabel}} <i class="fas fa-chevron-down"></i></button>{{else}}<small>{{goal.statusLabel}}</small>{{/if}}{{#if goal.isGM}}<button type="button" class="q-icon" data-action="goalVisibility" data-goal-id="{{goal.id}}" title="{{#if goal.hidden}}Reveal goal{{else}}Hide goal{{/if}}" aria-label="{{#if goal.hidden}}Reveal goal{{else}}Hide goal{{/if}}"><i class="fas {{#if goal.hidden}}fa-eye-slash{{else}}fa-eye{{/if}}"></i></button>{{/if}}{{#if goal.canEdit}}<button type="button" class="q-icon" data-action="goalMenu" data-goal-id="{{goal.id}}" aria-label="Goal options"><i class="fas fa-ellipsis"></i></button>{{/if}}</header>
    {{#if goal.description}}<div class="qv-goal-description">{{goal.description}}</div>{{/if}}
    <div class="qv-composition">
        <button type="button" class="qv-intent" data-action="intent" data-goal-id="{{goal.id}}" {{#unless goal.canEdit}}disabled{{/unless}}><i class="fas {{goal.intentIcon}}"></i><strong>{{goal.intentLabel}}</strong>{{#if goal.canEdit}}<i class="fas fa-chevron-down"></i>{{/if}}</button>
        <div class="qv-target">{{> "modules/augur-nexus/templates/quests/entity-card.hbs" entity=goal.target label="Target" slot="target" goalId=goal.id canEdit=goal.canEdit}}{{#if goal.canEdit}}{{#unless goal.target}}<button type="button" class="qv-name-target" data-action="namedTarget" data-goal-id="{{goal.id}}">Or name a target&hellip;</button>{{/unless}}{{/if}}</div>

        {{#if goal.showDestination}}{{> "modules/augur-nexus/templates/quests/entity-card.hbs" entity=goal.destination label=goal.contextLabel slot="destination" goalId=goal.id canEdit=goal.canEdit}}{{/if}}
        {{#if goal.showOpposition}}{{> "modules/augur-nexus/templates/quests/entity-card.hbs" entity=goal.opposition label=goal.oppositionLabel slot="opposition" goalId=goal.id canEdit=goal.canEdit}}{{/if}}
        {{#if goal.showAlly}}{{> "modules/augur-nexus/templates/quests/entity-card.hbs" entity=goal.ally label="Ally" slot="ally" goalId=goal.id canEdit=goal.canEdit}}{{/if}}
        {{#each goal.customComponents}}
        {{> "modules/augur-nexus/templates/quests/entity-card.hbs" entity=this.entity label=this.label slot="custom" goalId=../goal.id componentId=this.id canEdit=../goal.canEdit}}
        {{/each}}
    {{#if goal.canEdit}}<button type="button" class="q-icon" data-action="addContext" data-goal-id="{{goal.id}}" title="Add or remove a goal part" aria-label="Add part"><i class="fas fa-plus"></i></button>{{/if}}
    </div>
</section>
