<nb-card>
    <nb-card-header class="MD2text g-font-size-28">
        {{boss.name}}
        <button nbButton hero status="primary" (click)="activate()">Action</button>
    </nb-card-header>
    <nb-card-body>
        <div class="row">
            <div class="col-md-5">
                <img src="{{boss.standUrl}}" class="w-100 g-max-height-80vh">
            </div>
            <div class="col-md-7">
                <div class="row">
                    <div class="col-md">
                        <adj-number-input name="mob{{boss.info.name}}" [(ngModel)]="boss.info.unitRemainHp" minimum="0"
                            class="mb-3" title="Boss HP" (hitMinimum)="WIN()">
                        </adj-number-input>
                        <md2-mob-attack-info [mob]="boss.info">
                        </md2-mob-attack-info>
                        <md2-mob-def-info [mob]="boss.info"></md2-mob-def-info>
                    </div>
                    <div class="col-md-9 h6" *ngIf="boss.extraRules">
                        <div [innerHtml]="boss.extraRules"></div>
                    </div>

                </div>

                <md2-mob-combat-info [mob]="boss.info"></md2-mob-combat-info>
                <!-- 
                <button nbButton hero status="danger" size="small" (click)="attack(boss.info)">Attack It</button> -->

                <!-- <label class="MD2Text mt-3" [innerHtml]="boss.info.combatSkill.skillName">
                </label>
                <label class="MD2Text" [innerHtml]="boss.info.combatInfo.skillDescription">
                </label> -->
            </div>

        </div>

    </nb-card-body>
</nb-card>