foundry/Data/systems/pf2e/templates/chat/spell-card.hbs

<div class="pf2e chat-card item-card"
    {{#if data.item}}data-embedded-item="{{data.item}}"{{/if}}
    data-spell-lvl="{{data.castLevel}}"
    data-cast-level="{{data.castLevel}}"
    data-actor-id="{{actor.id}}"
    data-item-id="{{item.id}}"
    {{#if tokenId}}data-token-id="{{tokenId}}"{{/if}}
>
    <header class="card-header flexrow">
        <img src="{{item.img}}" alt="{{item.name}}" />
        <h3>{{item.name}}</h3>
        <h4>{{data.rankLabel}}</h4>
    </header>

    <section class="item-properties tags" data-tooltip-class="pf2e">
        {{~#if data.actionTraits}}
            {{#each data.actionTraits as |trait|}}
                <span class="tag" data-trait="{{trait.name}}" data-tooltip="{{trait.description}}">{{localize trait.label}}</span>
            {{/each}}
            <hr class="vr" />
        {{~/if}}
        {{#each data.spellTraits as |trait|}}
            <span class="tag tag_alt" data-trait="{{trait.name}}" data-tooltip="{{trait.description}}">{{localize trait.label}}</span>
        {{/each}}
    </section>

    <section class="card-content">
        {{{data.description.value}}}
        {{#if data.materials.value}}
            <p><strong>{{localize "PF2E.SpellRequirementsLabel"}}</strong> {{data.materials.value}}</p>
        {{/if}}
    </section>

    <section class="card-buttons">
        {{#each data.variants as |variant|}}
            <button type="button" data-action="spell-variant" data-visibility="owner" data-overlay-ids="{{variant.overlayIds}}"{{#if variant.actions}} class="with-image"{{/if}}>
                {{#if variant.actions}}<img src="{{variant.actions}}" />{{/if}}
                <span>{{variant.name}}</span>
            </button>
        {{else}}
            {{#if data.isSave}}
                <button type="button" data-action="spell-save" data-save="{{data.save.type}}" data-dc="{{data.save.value}}" data-owner-title="{{data.save.breakdown}}">
                    {{{data.save.label}}}
                </button>
            {{/if}}
            {{#if (or data.check data.hasDamage data.hasCounteractCheck.value data.area.type)}}
                <section class="owner-buttons">
                    {{#if data.check}}
                        <div class="spell-attack-buttons">
                            <button type="button" data-action="spell-attack" data-visibility="owner">{{localize "PF2E.AttackLabel"}}</button>
                            <button type="button" data-action="spell-attack-2" data-visibility="owner">{{localize "PF2E.MAPAbbreviationLabel" penalty=data.check.map1}}</button>
                            <button type="button" data-action="spell-attack-3" data-visibility="owner">{{localize "PF2E.MAPAbbreviationLabel" penalty=data.check.map2}}</button>
                        </div>
                    {{/if}}
                    {{#if data.hasDamage}}
                        <div class="spell-button">
                            <button type="button" data-action="spell-damage" data-visibility="owner">{{localize data.damageLabel}}</button>
                        </div>
                    {{/if}}
                    {{#if data.hasCounteractCheck.value}}
                        <div class="spell-button">
                            <button type="button" data-action="spell-counteract" data-visibility="owner">{{localize "PF2E.Item.Spell.Counteract.Label"}}</button>
                        </div>
                    {{/if}}
                    {{#if data.area}}
                        <div class="spell-button">
                            <button type="button" data-action="spell-template" data-visibility="owner">
                                {{localize "PF2E.Item.Spell.MeasuredTemplate.Place" area=data.area.label}}
                            </button>
                            <button class="small hidden" type="button" data-action="spell-template-clear" data-visibility="owner" data-tooltip="{{localize "PF2E.Item.Spell.MeasuredTemplate.Clear"}}">
                                <i class="fa-solid fa-fw fa-trash"></i>
                            </button>
                        </div>
                    {{/if}}
                    {{#if (gt item.appliedOverlays.size 0)}}
                        <button type="button" data-action="spell-variant" data-visibility="owner" data-original-id="{{item.original.id}}">{{localize "PF2E.Item.Spell.Variants.SelectOtherVariantLabel"}}</button>
                    {{/if}}
                </section>
            {{/if}}
        {{/each}}
    </section>

    <footer class="card-footer">
        {{#each data.properties as |property|}}
            <span>{{localize property}}</span>
        {{/each}}
    </footer>
</div>