{{!-- OTHER GEAR/MISC --}}

<div>
    <div class="horizontal-bar-section-divider">
        <span>{{localize 'DG.Gear.OtherGear'}}</span>
    </div>

    <ol class="items-list">
        <li class="item flexrow item-header">
            <div class="item-image">
                {{#if actor.system.settings.sorting.gearSortAlphabetical }}
                    <a data-action="toggleItemSortMode" data-gear-type="gear">
                        <i class="fa-solid fa-arrow-down-a-z"></i>
                    </a>
                {{else}}
                    <a data-action="toggleItemSortMode" data-gear-type="gear">
                        <i class="fa-solid fa-arrow-down-short-wide"></i>
                    </a>
                {{/if}}
            </div>

            <div class="item-name items-list-name-col">{{localize 'DG.Gear.Name'}}</div>

            <span class="centered-item-property">{{localize 'DG.Gear.Equipped'}}</span>

            <div class="item-controls">
                <a class="item-control action-pill"
                   data-action="itemAction"
                   data-action-type="create"
                   title="Create item"
                   data-item-type="gear">
                    <i class="fas fa-plus"></i> {{localize 'DG.Generic.AddButtonLabel'}}
                </a>
            </div>
        </li>

        {{#each actor.gear as |item id| }}
            <li class="item flexrow" data-item-id="{{item._id}}">
                <div class="item-image">
                    <img src="{{item.img}}" title="{{item.name}}" width="24" height="24" />
                </div>

                <span class="item-name items-list-name-col">{{item.name}}</span>

                <a class="centered-item-property"
                   data-action="toggle"
                   data-prop="system.equipped"
                   data-item-id="{{item._id}}"
                   title="{{localize 'DG.Tooltip.ToggleEquippedState'}}">
                    {{#if item.system.equipped }}
                        <i class="fas fa-check"></i>
                    {{else}}
                        <i class="fas fa-times"></i>
                    {{/if}}
                </a>

                <div class="item-controls">
                    <a class="item-control"
                       data-action="itemAction"
                       data-action-type="edit"
                       title="Edit Item">
                        <i class="fas fa-edit"></i>
                    </a>
                    <a class="item-control"
                       data-action="itemAction"
                       data-action-type="delete"
                       title="Delete Item">
                        <i class="fas fa-trash"></i>
                    </a>
                </div>
            </li>
        {{/each}}
    </ol>
</div>

{{#if showHyperGeometrySection }}
    {{!-- TOMES --}}
    <div>

        <div class="horizontal-bar-section-divider">
            <span>{{localize 'DG.Gear.Tomes'}}</span>
        </div>

        <ol class="items-list">

            <li class="item flexrow item-header">

                <div class="item-image">
                    {{#if actor.system.settings.sorting.tomeSortAlphabetical }}
                        <a data-action="toggleItemSortMode" data-gear-type="tome">
                            <i class="fa-solid fa-arrow-down-a-z">
                            </i>
                        </a>
                    {{else}}
                        <a data-action="toggleItemSortMode" data-gear-type="tome">
                            <i class="fa-solid fa-arrow-down-short-wide">
                            </i>
                        </a>
                    {{/if}}
                </div>

                <div class="item-name items-list-name-col">{{localize 'DG.Tomes.Name'}}</div>

                <div class="item-controls">
                    <a class="item-control action-pill"
                       data-action="itemAction"
                       data-action-type="create"
                       title="Create item"
                       data-item-type="tome">
                        <i class="fas fa-plus"></i>
                        {{localize 'DG.Generic.AddButtonLabel'}}
                    </a>
                </div>

            </li>

            {{#each actor.tomes as |item id| }}

                <li class="item flexrow" data-item-id="{{item._id}}">

                    <div class="item-image">
                        <img src="{{item.img}}" title="{{item.name}}" width="24" height="24" />
                    </div>

                    <span class="item-name items-list-name-col">
                        {{#if item.system.revealed }}
                            {{item.name}}
                        {{else}}
                            ???
                            {{#if (playerHasGamemasterPrivileges) }}
                                ({{item.name}})
                            {{/if}}
                        {{/if}}
                    </span>

                    <div class="item-controls">
                        <a class="item-control"
                           data-action="itemAction"
                           data-action-type="edit"
                           title="Edit Item">
                            <i class="fas fa-edit"></i>
                        </a>
                        <a class="item-control"
                           data-action="itemAction"
                           data-action-type="delete"
                           title="Delete Item">
                            <i class="fas fa-trash"></i>
                        </a>
                    </div>

                </li>

            {{/each}}

        </ol>

    </div>

    {{!-- RITUALS --}}
    <div>

        <div class="horizontal-bar-section-divider">
            <span>
                {{localize 'DG.Gear.Rituals'}}
                <button type="button"
                        class="rollable inline-roll"
                        data-action="roll"
                        data-key="ritual"
                        data-rolltype="skill"
                        title="Ritual activation">
                    <i class="fa-solid fa-dice" inert></i>
                </button>
            </span>
        </div>

        <ol class="items-list">

            <li class="item flexrow item-header">

                <div class="item-image">
                    {{#if actor.system.settings.sorting.ritualSortAlphabetical }}
                        <a data-action="toggleItemSortMode" data-gear-type="ritual">
                            <i class="fa-solid fa-arrow-down-a-z"></i>
                        </a>
                    {{else}}
                        <a data-action="toggleItemSortMode" data-gear-type="ritual">
                            <i class="fa-solid fa-arrow-down-short-wide"></i>
                        </a>
                    {{/if}}
                </div>

                <div class="item-name items-list-name-col">{{localize 'DG.Ritual.Name'}}</div>

                <div class="item-controls">
                    <a class="item-control action-pill"
                       data-action="itemAction"
                       data-action-type="create"
                       title="Create item"
                       data-item-type="ritual">
                        <i class="fas fa-plus"></i> {{localize 'DG.Generic.AddButtonLabel'}}
                    </a>
                </div>

            </li>

            {{#each actor.rituals as |item id| }}

                <li class="item flexrow" data-item-id="{{item._id}}">

                    <div class="item-image">
                        <img src="{{item.img}}" title="{{item.name}}" width="24" height="24" />
                    </div>

                    <span class="item-name items-list-name-col">
                        {{#if item.system.revealed }}
                            {{item.name}}
                        {{else}}
                            ???
                            {{#if (playerHasGamemasterPrivileges) }}
                                ({{item.name}})
                            {{/if}}
                        {{/if}}
                    </span>

                    <div class="item-controls">
                        <a class="item-control"
                           data-action="itemAction"
                           data-action-type="edit"
                           title="Edit Item">
                            <i class="fas fa-edit"></i>
                        </a>
                        <a class="item-control"
                           data-action="itemAction"
                           data-action-type="delete"
                           title="Delete Item">
                            <i class="fas fa-trash"></i>
                        </a>
                    </div>

                </li>

            {{/each}}

        </ol>

    </div>
{{/if}}