<form class="form-inline">
      <div class="row" >
        <input style="border-color: white;" autofocus type="text" #name placeholder="Name..."
               class="form-control">
      <div class=" btn-group btn-group-toggle" #realmGroup data-toggle="buttons">
          <label class="btn  btn-toggle active">
            <input type="radio" ngModel="realm" name="realm" value="Feronis" autocomplete="off" checked> Feronis
          </label>
          <label class="btn  btn-toggle">
            <input type="radio" ngModel="realm" name="realm" value="Angrathar" autocomplete="off"> Angrathar </label>
        </div>
        <button (click)="onSearch(name.value,'Feronis')" class="btn btn-search">
          <span class="fa fa-search"></span></button>
      </div>
    </form>