
<div class="container">
  <div class="row" >
   <div class="col-12" > 
    <p style="text-align: center;padding-top: 5px; padding-bottom: 5px;color: white;background: #202f46;margin-bottom: 0;">Send  Command</p>
   </div>
  </div>
  <div class="row">
    <div class="col-12">
      <label for="exampleInputEmail1" style="font-weight: 500;">Enter Action</label>
      <input type="text" class="form-control" id="exampleInputphone1" [(ngModel)]="action" aria-describedby="phoneHelp" placeholder="Action">
      <small id="exampleInputphone12" class="form-text text-muted" style="margin-bottom: 5px; color: #86878a !important;">Please type Action</small>
    </div>
  </div>
  <div class="row">
    <div class="col-12">
      <div class="row">
        <div class="col-12">
        <div *ngFor="let cmd of commands">
          <!-- <div (change)="changeColor(command)" class="cclr" style="display: flex;background: #2f4f60;color: white;padding: 7px;cursor: pointer;border: 1px solid white;">
          
            <p style="width: 50%">{{cmd.name?cmd.name:'--'}}</p>
            <p style="width: 50%" >{{cmd.value?cmd.value:'--'}}</p>
          </div>
         -->
        </div>  
        </div>
      </div>
      <label for="exampleInputEmail1" style="font-weight: 500;">Enter Command</label>
      <input type="text" class="form-control" id="exampleInputphone1" [(ngModel)]="command" aria-describedby="phoneHelp" placeholder="Command">
      <small id="exampleInputphone1" class="form-text text-muted" style="margin-bottom: 5px; color: #86878a !important;">Please type command for trigger</small>
    </div>
  </div>


  <div class="row">
    <div class="col-sm-12 col-md-12 col-lg-12">
      <p *ngIf="errFlag" style="text-align: center; color: red; font-size: 14px;font-weight: 500;margin-bottom: 10px;">{{errmsg}}</p>
        <button md-raised-button style="float:right;background: #2C7873; color: white;font-size: 14px;margin-left: 10px;border-radius:0px;" (click)="triggerCommand()"> Send Commanad </button>
        <button md-raised-button style="float:right;background: #b11515;; color: white;font-size: 14px;border-radius:0px;" (click)="close()"> Cancel </button> 
    </div>
  </div>
</div>
<!-- style="width:25%;border-right: 2px solid white;"
style="width:25%;border-right: 2px solid white;"
style="width:25%;border-right: 2px solid white;" -->