<img class="g-width-95x img-thumbnail mobBg" src="{{imgUrl('/Mobs/BG.png')}}" />
<img class="mobImg roamingMonster" src="{{getMobImageUrl(mob)}}" (click)="showMobImage(mob)" *ngIf="!isMob" />
<div *ngIf="isMob">
    <img class="mobImg mobLeader" src="{{mob.leaderImgUrl}}" (click)="showMobImage(mob)"
        [ngClass]="{'noMinions': mob.mobAmount==1}" />
    <img class="mobImg mobMinion" src="{{mob.minionImgUrl}}" (click)="showMobImage(mob)" *ngIf="mob.mobAmount>1" />

</div>

<!-- HP and Mana Bars -->
<div class="hero-stats-overlay">
    <div class="stat-bar-overlay hp-bar-overlay">
        <div class="stat-bar-label-overlay">
            <md2-icon [icon]="MD2Icon.HP_Color" size="sm"></md2-icon>
            <span class="stat-value-overlay">{{mob.unitRemainHp}}/{{mob.hp}}</span>
        </div>
        <div class="stat-progress-bar-overlay">
            <div class="stat-progress-fill-overlay hp-fill-overlay" [style.width.%]="(mob.unitRemainHp / mob.hp) * 100">
            </div>
        </div>
    </div>
</div>