<div class="row no-gutters">
    <div class="col-md-6">

        <label class='label g-text-nowrap'>Level <b class="MD2text g-font-size-18">{{mob.level}}</b></label><br>

        <label class='label g-text-nowrap'>Total HP <b class="MD2text g-font-size-18">{{mob.totalHp}}</b></label>
    </div>
    <div class="pl-2 col-md-6" *ngIf="mob.mobAmount">

        <ng-container>
            <label class='label g-text-nowrap'>Minions <b
                    class="MD2text g-font-size-18">{{mob.mobAmount-1}}</b></label><br>
        </ng-container>
    </div>

</div>


<div class="row">
    <div class="col-md-6" *ngIf="showTokenAdjustment||mob.fireToken>0">

        <adj-number-input name="mobFire" [(ngModel)]="mob.fireToken" minimum="0"
            title="{{iconHtml(MD2Icon.Fire,'g-color-google-plus mr-1 g-font-size-18')}}Fire Token">
        </adj-number-input>
    </div>
    <div class="col-md-6" *ngIf="showTokenAdjustment||mob.frozenToken>0">

        <adj-number-input name="mobFrost" [(ngModel)]="mob.frozenToken" minimum="0"
            title="{{iconHtml(MD2Icon.Frost,'g-color-aqua mr-1 g-font-size-18')}}Frozen Token">
        </adj-number-input>
    </div>

</div>


<ng-container *ngIf="showAdjustment">
    <div class="row">
        <div class="col-md-6">

            <adj-number-input name="mob{{mob.name}}" [ngModel]="mob.unitRemainHp" [maximum]="mob.hp" minimum="1"
                title="Target Unit HP" (hitChange)="adjustMobHp($event)" (hitMinimum)="adjustMobHp(-1)"
                (hitMaximum)="adjustMobHp(1)">
            </adj-number-input>
        </div>
        <div class="col-md-6" *ngIf="mode==MobDlgType.Activating">

            <adj-number-input name="mob{{mob.name}}Actions" [(ngModel)]="mob.actions" title="Remaining Actions"
                hideIncreaseBtn>
            </adj-number-input>
        </div>
    </div>
</ng-container>


<ng-container *ngIf="mob.carriedTreasureHtml">
    <label class='label'>Carried Treasure</label><br>
    <div [innerHtml]="mob.carriedTreasureHtml"></div>
</ng-container>
<div class="g-height-20 mb-1"></div>
<md2-mob-attack-info [mob]="mob" [mode]="mode">
</md2-mob-attack-info>
<md2-mob-def-info [mob]="mob" [mode]="mode"></md2-mob-def-info>
<md2-mob-combat-info *ngIf="!hideCombatInfo" [mob]="mob" [mode]="mode"></md2-mob-combat-info>
<div *ngIf="!hideCombatInfo && mob.extraRule">
    <div class="alert alert-warning" role="alert" [innerHtml]="mob.extraRule">
    </div>
</div>