<p style="text-align: center;font-size: 25px;">{{'Add POI' | translate}}</p>
<div class="row" style="padding-bottom: 15px;">
  <div class="col-md-4 col-lg-4 col-sm-4" style="padding-top: 15px;">
      <md-form-field>
      <input mdInput type="text" style="width: inherit;border-radius: 10px;" [(ngModel)]="poiName" name="poiName" placeholder="{{'Enter POI name' | translate}}">
      </md-form-field>
  </div>
  <div class="col-md-4 col-lg-4 col-sm-4" style="padding-top: 15px;">
      <!-- <input mdInput type="text"  style="width: inherit;border-radius: 10px;" [(ngModel)]="address" name="Address" placeholder="Enter Address"> -->
      <md-form-field>
        <input disabled="true" type="text" mdInput name="text" style="width: inherit;border-radius: 10px;" id="txtSource" [(ngModel)]="address_show" placeholder="{{'Enter Address' | translate}}">
      </md-form-field>
  </div>
  <div class="col-md-4 col-lg-4 col-sm-4">
    <span>POI Type</span>
    <select [(ngModel)]="poitype" class="form-control" name="poitype" >
      <option *ngFor="let type of poiType; let i = index;" [value]="type.value" >{{type.view}}</option>
      </select>
</div>
</div>
<div class="row">
  <div class="col-sm-6" style="padding-left: 25%;">
    <button (click)="saveDetails()" style="background-color: green" class="btn btn-primary btn-block">{{'Save' | translate}}</button>       
  </div>
  <div class="col-sm-6" style="padding-right: 25%;">
    <button class="btn btn-primary btn-block" (click)="close()" style="background-color: #ff0f0f">{{'Cancel' | translate}}</button>  
  </div>
</div>