<div class="daggerheart dh-style tooltip weapon card-style">
    <img class="tooltip-image" src="{{item.img}}" />
    <h2 class="tooltip-title">{{item.name}}</h2>
    <div class="tags">
        <div class="tag">
            <span>{{#if item.system.secondary}}{{localize "DAGGERHEART.ITEMS.Weapon.secondaryWeapon.full"}}{{else}}{{localize "DAGGERHEART.ITEMS.Weapon.primaryWeapon.full"}}{{/if}}</span>
        </div>
        <div class="tag">
            {{#with (lookup config.GENERAL.burden item.system.burden) as | burden |}}
                <span>{{localize burden.label}}</span>
            {{/with}}
        </div>
        {{#if item.system.attack.roll.trait}}
            <div class="tag">
                {{#with (lookup config.ACTOR.abilities item.system.attack.roll.trait) as | trait |}}
                    <span>{{localize trait.label}}</span>
                {{/with}}
            </div>
        {{/if}}
        <div class="tag">
            {{#with (lookup config.GENERAL.range item.system.attack.range) as | range |}}
                <span>{{localize range.label}}</span>
            {{/with}}
        </div>
        <div class="tag">
          <span>{{{damageFormula item.system.attack}}} {{{damageSymbols item.system.attack.damage.parts}}}</span>
        </div>
    </div>
    {{#if description}}
        <div class="tooltip-description">{{{description}}}</div>
    {{/if}}

    <p class="tooltip-hint">
        <i class="fa-solid fa-computer-mouse"></i> {{localize "DAGGERHEART.UI.Tooltip.middleClick"}}
    </p>
</div>