<div bsModal #trackingModal="bs-modal" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true" id="routesTrackingModal">

    <div class="modal-dialog modal-md">

       <div class="modal-content">

            <div class="modal-header">
               <h4 class="modal-title">
                  <span *ngIf="generatingRoutes; else doneGenerate">
                     <i class="fa fa-spinner fa-spin"></i> Generating Routes
                  </span>
                  <ng-template #doneGenerate>Generate Routes</ng-template>
               </h4>
               <button type="button" class="close" (click)="modal.hide()" [attr.aria-label]="l('Close')">
                  <span aria-hidden="true">&times;</span>
               </button>
            </div>

            <div class="modal-body">

               <ul *ngIf="messages.length > 0">
                  <li *ngFor="let message of messages">
                     {{ message }}
                  </li>
               </ul>

            </div>

            <div class="modal-footer">
               <button type="button" class="btn btn-default btn-elevate btn-pill" (click)="modal.hide()">{{"Close" | localize}}</button>
            </div>
       </div>

    </div>

 </div>