Editing Template:Imper1um/Item Small

<noinclude>
 {{Imper1um/Testing}}

= 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:''' Please use SVG Icons for this, as it will stretch the icons for different screens.
* '''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>