<!-- <div >
  <md-toolbar style="background: white;padding-left: 143px;background: white;
  color: #676464;
  font-weight: 500;">{{'Update Group' | translate}}</md-toolbar>
  <input id="myInput" type="text" [(ngModel)]="name" placeholder="Type group name" />
  <md-select placeholder="--{{'Status' | translate}}--" [(ngModel)]="option">
    <md-option *ngFor="let foodd of foodds" [value]="foodd">{{foodd}}</md-option> 
  </md-select>
</div>
<div>
</div>
<div style="margin: 10px;">
  <md-dialog-actions>
    <div class="row" style="width:50%;margin-left:-4px;">
   
         <button md-icon-button (click)="car_status()">
             <img class="png-icon"  src="../assets/image/car_1.png" style="width: 50px;height: 40px;border: 1px solid #863619;border-radius: 5px;">
            </button>
   
     
         <button md-icon-button (click)="bike_status()" style="margin-left: 13px">
             <img class="png-icon" src="../assets/image/bike_1.png" style="width: 50px;height: 40px;border: 1px solid #863619;border-radius: 5px;">
            </button>
     
   
         <button md-icon-button (click)="truck_status()"  style="margin-left: 13px">
             <img class="png-icon" src="../assets/image/truck_1.png"  style="width: 50px;height: 40px;border: 1px solid #863619;border-radius: 5px;">
            </button>
   
    </div>
 </md-dialog-actions>
 </div>
<div>
<md-dialog-actions>
  <button md-raised-button (click)="onCloseConfirm(name,option)">{{'Update' | translate}}</button>&nbsp;
  <button md-raised-button (click)="onCloseCancel()">{{'CANCEL' | translate}}</button>
</md-dialog-actions>
</div>

<p ng-if="showError" style="text-align:center">{{errortext}}</p> -->


<div class="card">
  <div class="card-header">
    <h4>Update Group</h4>
  </div>
  <div class="card-body">
    <div class="row p-2">
      <input id="myInput" type="text" class="form-control" [(ngModel)]="name"
        placeholder="{{'Type group name' | translate}}" />
    </div>

    <div class="row p-2">
      <md-select placeholder="--{{'Status' | translate}}--" [(ngModel)]="option" class="form-control">
        <md-option *ngFor="let foodd of foodds" [value]="foodd">{{foodd}}</md-option>
      </md-select>
    </div>
    <p ng-if="showError" style="text-align:center">{{errortext}}</p>
  </div>

  <div class="card-footer text-center">
    <!-- <md-dialog-actions> -->
    <button md-raised-button (click)="onCloseConfirm(name,option)">{{'CONFIRM' | translate}}</button>&nbsp;
    <button md-raised-button (click)="onCloseCancel()">{{'CANCEL' | translate}}</button>
    <!-- </md-dialog-actions> -->
  </div>

</div>