<div bsModal #modal="bs-modal" (onShown)="onShown()" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="modal" aria-hidden="true" [config]="{backdrop: 'static'}">
  <div class="modal-dialog modal-md">
    <div class="modal-content">
      <form *ngIf="active" #vehicleLocationForm="ngForm" novalidate (ngSubmit)="save()">
        <div class="modal-header">
            <h4 class="modal-title">
            <span>{{"EditVehicleLocation" | localize}}</span>
          </h4>
          <button type="button" class="close" (click)="close()" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>          
        </div>
        <div class="modal-body">

          <div class="form-group">
            
                
                
            <!-- 
                    <p-autoComplete 
                                    [(ngModel)]="txtLocation"
                                    [ngModelOptions]="{standalone: true}"
                                    id="txtLocation"
                                    [suggestions]="locations"
                                    (completeMethod)="showAllLocation($event)"
                                    [minLength]="1"
                                    field="name"
                                    dataKey="id"
                                    name="txtLocation"
                                    styleClass="width-percent-100"
                                    [style]="{'width':'100%'}"
                                    [inputStyle]="{'width':'95%','height':'33px'}"
                                    [dropdown]="true">
                    </p-autoComplete> -->
                
                 <select class="form-control kt-select2" id="txtLocation" name="txtLocation" data-placeholder="Select Location" tabindex="-1" aria-hidden="true">
                        <option  *ngFor="let location of locations" value="{{location.id}}" [selected]="location.id ===  txtLocation.id">{{location.name}}</option>
                 </select>
               
          </div>
         
          
        </div>
        <div class="modal-footer">
          <button [disabled]="saving" type="button" class="btn btn-secondary btn-elevate btn-pill" (click)="close()">{{"Cancel" | localize}}</button>
          <button type="submit" class="btn btn-primary btn-elevate btn-pill" [disabled]="!vehicleLocationForm.form.valid" [buttonBusy]="saving" [busyText]="l('SavingWithThreeDot' | localize)"><i class="fa fa-save"></i> <span>{{"Save" | localize}}</span></button>
        </div>
      </form>
    </div>
  </div>
</div>