<div>
  <div>
    <header>
      <h4 style="text-align: center;margin-bottom: 7%;">{{'Edit Model' | translate}}</h4>
    </header>
  </div>
  <div *ngIf="!showError">
      <flash-messages style="float: center;"></flash-messages>
  </div>
    <div class="row">
      <div class="col-sm-6">
          <md-form-field class="example-full-width width">
              <input mdInput type="text" [(ngModel)]="devType" placeholder="{{'Enter device model' | translate}}" name="Device Model">
          </md-form-field>          
      </div>
      <div class="col-sm-6">
          <md-form-field class="example-full-width width">
              <input mdInput type="text" [(ngModel)]="cnfigCMD" placeholder="{{'Configuration command' | translate}}" name="Config command">
          </md-form-field>
        </div>
    </div>
    <div class="row">
        <div class="col-sm-6">
            <md-form-field class="example-full-width width">
                <input mdInput type="text" [(ngModel)]="locCmd" placeholder="{{'Location command' | translate}}" name="Location command">
            </md-form-field>          
        </div>
        <div class="col-sm-6">
            <md-form-field class="example-full-width width">
                <input mdInput type="text" [(ngModel)]="immobilizerCmd" placeholder="{{'Imobilizer command' | translate}}" name="Imobilizer command">
            </md-form-field>   
          </div>
      </div>
      <div class="row">
          <div class="col-sm-6">
              <md-form-field class="example-full-width width">
                  <input mdInput type="text" [(ngModel)]="resumeCmd" placeholder="{{'Resume command' | translate}}" name="Resume command">
              </md-form-field>         
          </div>
          <div class="col-sm-6">
              <md-form-field class="example-full-width width">
                  <input mdInput type="text" [(ngModel)]="resetCmd" placeholder="{{'Reset command' | translate}}" name="Reset command">
              </md-form-field>
            </div>
        </div>  
        <div class="row">
            <div class="col-sm-6">
                <md-form-field  class="example-full-width width" >
                    <input mdInput type="text" [(ngModel)]="Manufacturer" placeholder="{{'Manufacturer' | translate}}" > 
                </md-form-field>     
            </div>
            <div class="col-sm-6">
                <md-select name="neww" placeholder="{{'Immobilizer Type' | translate}}" [(ngModel)]="selectedImmobilizer" (ngModelChange)="getImmobilizerType($event)">
                    <md-option value="srvrcmd">Server Command</md-option>
                    <md-option value="mblcmd">Mobile Command</md-option>
                  </md-select>
              </div>
          </div>  
          <div class="row">
              <div class="col-sm-6">
                    <md-form-field  class="example-full-width width" >
                            <input mdInput type="number" [(ngModel)]="deviceport" placeholder="{{'Device port' | translate}}" > 
                        </md-form-field>  
              </div>
            <div class="col-sm-6">
                <md-form-field class="example-full-width width">
                    <input mdInput type="text" [(ngModel)]="sms_apn" placeholder="{{'SMS APN' | translate}}">
                </md-form-field>
            </div>
          </div>
        <div class="row">
            <div class="col-sm-6">
                <md-form-field class="example-full-width width">
                    <input mdInput type="text" [(ngModel)]="sms_ip" placeholder="{{'SMS IP' | translate}}">
                </md-form-field>
            </div>
            <div class="col-sm-6">
                <md-form-field class="example-full-width width">
                    <input mdInput type="text" [(ngModel)]="sms_timezone" placeholder="{{'SMS Timezone' | translate}}">
                </md-form-field>
            </div>
        </div>
  <div class="row">
    <div class="col-sm-6">
        <md-button  class="btn btn-primary w3-button/" style="float: right;width:60%" (click)="editDeviceModel()">{{'Edit' | translate}}</md-button>
    </div>
    <div class="col-sm-6">
        <md-button  class="btn btn-danger w3-button/" style="width:60%;" (click)="cancel(null)">{{'Cancel' | translate}}</md-button>
      </div>
  </div>
</div>

