<!-- Work Tab Form Starts -->
<form #workForm="ngForm" class="editForm" novalidate>
    <div >
        <div class="tab-pane active">
            <h4 class="head text-center">{{title}}</h4>
            <br/>
            <div class='row'>
                <div class='col-offset-4 col-10 col-sm-offset-5 col-sm-4'>
                  <div class="custom-control custom-radio">
                  <input type="radio" id="customRadio1" #work="ngModel" required name="work" class="custom-control-input" [(ngModel)]="workType" value="Design" class="custom-control-input">
                  <label class="custom-control-label" for="customRadio1">Design</label>
                </div>
                <div class="custom-control custom-radio">
                  <input type="radio" id="customRadio2" #work="ngModel" required name="work" class="custom-control-input" [(ngModel)]="workType" value="Code" class="custom-control-input">
                  <label class="custom-control-label" for="customRadio2">Code</label>
                </div>
                <div class="custom-control custom-radio">
                  <input type="radio" id="customRadio3" #work="ngModel" required name="work" class="custom-control-input" [(ngModel)]="workType" value="Deploy" class="custom-control-input">
                  <label class="custom-control-label" for="customRadio3">Deploy</label>
                </div>  
                </div>
                
            </div>
            <div class="form-group text-center space-20">
                <button uiSref="personal" type="button" class="btn btn-raised btn-secondary mr-1" (click)="cancel()"> Previous</button>
                <button uiSref="address" type="button" class="btn btn-raised btn-info" [disabled]="!workForm.valid" (click)="save(workForm)"> Next </button>
            </div>
        </div>
    </div>
</form>
<!-- Work Tab Form Ends -->