<h4 *ngIf="!UpdateBtn">Create Sandbox</h4>
<h4 *ngIf="UpdateBtn">Edit AWS Sandbox</h4>
<br />
<label for="assessment" *ngIf="errMsg" class="modal-err-msg">{{errMsg}}</label>
<div class="container">
    <div class="row">
        <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12 sandbox_newform">
            <mat-select placeholder="Skill Master" (change)="onSkillMaster($event, skillTrackName.value)" [(ngModel)]="newsbFormdet.skillTrackMstrId" #skillTrackName ngDefaultControl [disabled]="editDisabled">
                <mat-option *ngFor="let sdata of skilltrackResponse" [value]="sdata.skillMaster.skillTrackMstrId" name="first">
                    <span class="pull-left">{{ sdata.skillMaster.skillTrackName }} </span>
                </mat-option>
            </mat-select>
        </div>
        <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12 sandbox_newform" style="visibility:visible">
            <div *ngIf="selectedSkillValues !== undefined">
                <div *ngFor="let sdata of skilltrackResponse">
                    <div *ngIf="selectedSkillValues == sdata.skillMaster.skillTrackMstrId">
                        <div *ngFor="let ck of sdata.skillTrackDtlsName" class="cb_options">
                            <span class='uu'>{{ck.skillTrackDtlsName}}</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12 sandbox_newform">
            <mat-form-field class="">
                <input matInput placeholder="Bundle ID" [(ngModel)]="newsbFormdet.bundleId">
            </mat-form-field>
        </div>
        <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12 sandbox_newform">
            <mat-form-field class="">
                <input matInput placeholder="Directory ID" [(ngModel)]="newsbFormdet.directoryId">
            </mat-form-field>
        </div>
    </div>
    <div class="row">
        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 sandbox_newform">
            <mat-form-field class="">
                <input matInput placeholder="Description" [(ngModel)]="newsbFormdet.description">
            </mat-form-field>
        </div>
    </div>

    <div class="row">
        <div class="pull-right">
            <button class="btn btn-default" (click)="cancelForm()">Cancel</button>
            <button class="btn btn-primary" *ngIf="!UpdateBtn" (click)="onSubmit(newsbFormdet)">Create</button>
            <button class="btn btn-warning" *ngIf="UpdateBtn" (click)="onEditSubmit(newsbFormdet)">Update</button>
        </div>
    </div>
</div>