<aside class="sidebar">
    {{#if members}}
        <ol class="box-list exploration-members">
            <li class="box summary">
                <header>{{localize "PF2E.Actor.Party.TravelHeader"}}</header>
                <div class="summary-data">
                    <div>
                        <label>{{localize "PF2E.TravelSpeed.Label"}}</label>
                        <span class="value">{{explorationSummary.speed}} {{localize "PF2E.Feet"}}</span>
                    </div>
                    <div>
                        <label>{{localize "PF2E.TravelSpeed.HexplorationActivities"}}</label>
                        <span class="value">{{explorationSummary.activities}}</span>
                    </div>
                </div>
            </li>
            {{#each members as |member|}}
                <li class="box member {{#unless member.limited}}readonly{{/unless}}">
                    <div class="actor-link content" data-action="open-sheet" data-actor-uuid="{{member.actor.uuid}}">
                        <img src="{{member.actor.img}}" />
                        <span class="name">{{member.actor.name}}</span>
                    </div>
                    {{#unless member.restricted}}
                        <div class="sub-data">
                            <span>
                                <i class="fa-solid fa-person-running"></i> {{member.actor.attributes.speed.total}} {{localize "PF2E.TravelSpeed.FeetAcronym"}}
                            </span>
                            <span>
                                <i class="fa-solid fa-eye"></i> {{member.actor.perception.dc.value}}
                            </span>
                        </div>
                        <footer class="health-bar">
                            <div class="bar" style="width: {{percentage member.hp.value member.hp.max}}%;"></div>
                            <span><i class="fa-solid fa-heart"></i> {{member.hp.value}} / {{member.hp.max}}</span>
                        </footer>
                    {{/unless}}
                </li>
            {{/each}}
        </ol>
    {{else}}
        {{localize "PF2E.Actor.Party.BlankSlate"}}
    {{/if}}
</aside>
<section class="content">
    {{#if @root.options.editable}}
        <header class="content-header">
            <a data-action="clear-exploration">{{localize "PF2E.Actor.Party.ClearActivities.Label"}}</a>
            <div class="buttons">
                <button type="button" data-action="prompt" data-tooltip="PF2E.Actor.Party.CheckPrompt.TitleShort"><i class="fa-solid fa-dice-d20"></i></button>
                <button type="button" data-action="rest" data-tooltip="PF2E.Actor.Party.Rest" ><i class="fa-solid fa-fw fa-bed"></i></button>
            </div>
        </header>
    {{/if}}
    <div class="activities">
        {{#each members as |member|}}
            {{#if (eq member.actor.type "character")}}
                <section class="member-activity {{#unless member.observer}}readonly{{/unless}}" data-actor-uuid="{{member.actor.uuid}}">
                    <div class="actor-image">
                        <img class="actor-link" data-action="open-sheet" data-tab="exploration" src="{{member.actor.img}}">
                    </div>

                    {{#if member.activities}}
                        <div class="activity-entries">
                            {{#each member.activities as |activity|}}
                                <section class="activity {{#if (eq member.activities.length 1)}}single{{/if}}" data-activity-uuid="{{activity.uuid}}">
                                    <span class="name">{{activity.name}}</span>
                                    <span class="tags">
                                        {{#each traits as |trait|}}
                                            <span class="tag tag_transparent">{{trait.label}}</span>
                                        {{/each}}
                                    </span>
                                </section>
                            {{/each}}
                        </div>
                    {{else}}
                        <div class="empty" data-action="open-sheet" data-tab="exploration">
                            <div class="icon"><i class="fa-solid fa-plus fa-fw"></i></div>
                            <div>
                                <div class="name">{{localize "PF2E.Item.Action.Type.Activity"}}</div>
                                <div class="hint">{{localize "PF2E.Actor.Party.SlotAvailable"}}</div>
                            </div>
                        </div>
                    {{/if}}
                </section>
            {{/if}}
        {{/each}}
    </div>
</section>
