Editing Template:Imper1um/Item Small (section)

= Template: Item Small =
This template is intended to replicate the small icon that you see in the game (that you mouse over). This template is designed to fulfill the requirements of showing this icon.

== Parameters ==
* '''Name:''' The name of the item.
* '''Type:''' Possible Values:
** Weapon
** Vitality
** Spirit
* '''Icon:''' Transparent icon, recommended 128x128px
* '''IsActive:''' If true, this item is an active item.

== Example ==
{{Imper1um/Item_Small|Name=Basic Magazine|Type=Weapon|Icon=Basic_Magazine.png}}
{{Imper1um/Item_Small|Name=Basic Magazine|Type=Weapon|Icon=Basic_Magazine.png|IsActive=true}}

</noinclude>
<includeonly>
<div style="width: 100px; text-align: center; font-family: Arial, sans-serif; margin: 5px; margin-bottom: 0px; border-radius: 8px; padding: 0px; background-color: 
    {{#ifeq: {{lc:{{{Type}}}}} | weapon | {{#if:{{{IsActive|}}} | #fae0b2 | #f08d24}} }}
    {{#ifeq: {{lc:{{{Type}}}}} | vitality | {{#if:{{{IsActive|}}} | #c9edb2 | #a8d784}} }}
    {{#ifeq: {{lc:{{{Type}}}}} | spirit | {{#if:{{{IsActive|}}} | #e0d3fa | #a88dd7}} }};
"><div style="width: 100px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 8px 8px 0 0; padding-top: 5px; {{#if: {{{IsActive|}}} | | padding-bottom: 9px; }}">[[File:{{{Icon}}}|40px|center|alt={{{Name}}}]]</div>{{#if: {{{IsActive|}}} | <div style="background-color: black; color: white; padding: 2px; font-size: 10px; font-weight: bold; width: 60px; position: relative; top: 10px; margin: auto;">ACTIVE</div> }}
    <div style="font-size: 12px; font-weight: bold; padding: 5px 0; background-color: #f5f5f5; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 0 0 8px 8px; word-wrap: break-word;">[[{{{Name}}}]]</div>
</div>
</includeonly>