<h2>隊長：{{leader?leader.username + ' 提拔階段':'請選擇初始隊長!'}}</h2>

<ng-container *ngIf="me.isLeader">
    <div class="row">
        <div class="col-md-6 form-group" *ngFor="let p of players;let i=index">

            <nb-checkbox name="goingTo{{i}}" [ngModel]="p.goingToQuest" (checkedChange)="toggleTeamMate(p,$event)">
                {{p.username}}</nb-checkbox>
        </div>

    </div>

    <button nbButton hero fullWidth status="primary" class="mt-2" (click)="pickTeamMate()">送出名單</button>
</ng-container>
<ng-container *ngIf="isHost">
    <h2>選擇隊長:</h2>
    <div class="row">
        <div class="col-6 form-group" *ngFor="let player of players">
            <button nbButton fullWidth hero status="info" (click)="changeLeader(player)">{{player.username}}</button>
        </div>
    </div>
</ng-container>