<div bsModal #createOrEditModal="bs-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="createOrEditModal" aria-hidden="true" [config]="{backdrop: 'static'}">
        <div class="modal-dialog modal-md">
            <div class="modal-content">
                <form *ngIf="active" #addressForm="ngForm" novalidate (ngSubmit)="save()" autocomplete="off">
                    <div class="modal-header">
                        <h4 class="modal-title">
                            <span *ngIf="address.id">{{l("EditAddress")}}</span>
                            <span *ngIf="!address.id">{{l("CreateNewAddress")}}</span>
                        </h4>
                        <button type="button" class="close" (click)="close()" aria-label="Close" [disabled]="saving">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <addressForm #addressForm [address]="address" [postalCodeId]="this.address.postalCodeId" [postalCodeValue]="this.postalCodeValue" [address]=""></addressForm>
                    </div>
                    <div class="modal-footer">
                        <button [disabled]="saving" type="button" class="btn btn-default btn-pill" (click)="close()">{{l("Cancel")}}</button>
                        <button type="submit" class="btn btn-primary btn-pill blue"  [buttonBusy]="saving" [busyText]="l('SavingWithThreeDot')"><i class="fa fa-save"></i> <span>{{l("Save")}}</span></button>
                        <!--  -->
                    </div>
                </form>
            </div>
        </div>    
    </div>