default: "<div class=\"ngeo-routing\">\n <div class=\"ngeo-routing-start form-group\">\n <ngeo-routing-feature\n ngeo-routing-feature-map=\"$ctrl.map\"\n ngeo-routing-feature-feature=\"$ctrl.startFeature_\"\n ngeo-routing-feature-fill-color=\"$ctrl.colors.startFill\"\n ngeo-routing-feature-stroke-color=\"$ctrl.colors.startStroke\"\n ngeo-routing-feature-on-change=\"$ctrl.handleChange\"\n >\n </ngeo-routing-feature>\n </div>\n\n <div class=\"ngeo-routing-vias form-group\" ng-repeat=\"(index, via) in $ctrl.viaArray\">\n <div class=\"form-inline\">\n <div class=\"form-group\">\n <ngeo-routing-feature\n ngeo-routing-feature-map=\"$ctrl.map\"\n ngeo-routing-feature-feature=\"via.feature\"\n ngeo-routing-feature-fill-color=\"$ctrl.colors.viaFill\"\n ngeo-routing-feature-stroke-color=\"$ctrl.colors.viaStroke\"\n ngeo-routing-feature-on-change=\"$ctrl.handleChange\"\n >\n </ngeo-routing-feature>\n </div>\n <button type=\"button\" class=\"btn prime delete-via\" ng-click=\"$ctrl.deleteVia(index)\">\n <span class=\"fa-solid fa-trash\"></span>\n </button>\n </div>\n </div>\n\n <div class=\"ngeo-routing-destination form-group\">\n <ngeo-routing-feature\n ngeo-routing-feature-map=\"$ctrl.map\"\n ngeo-routing-feature-feature=\"$ctrl.targetFeature_\"\n ngeo-routing-feature-fill-color=\"$ctrl.colors.destinationFill\"\n ngeo-routing-feature-stroke-color=\"$ctrl.colors.destinationStroke\"\n ngeo-routing-feature-on-change=\"$ctrl.handleChange\"\n >\n </ngeo-routing-feature>\n </div>\n\n <div class=\"form-group fill\">\n <button type=\"button\" class=\"btn prime\" ng-click=\"$ctrl.clearRoute()\">\n <span class=\"fa-solid fa-trash\"></span> <span translate>Clear</span>\n </button>\n <button type=\"button\" class=\"btn prime\" ng-click=\"$ctrl.reverseRoute()\">\n <span class=\"fa-solid fa-arrow-right-arrow-left\"></span> <span translate>Reverse</span>\n </button>\n <button type=\"button\" class=\"btn prime\" ng-click=\"$ctrl.addVia()\">\n <span class=\"fa-solid fa-plus\"></span> <span translate>Add via</span>\n </button>\n </div>\n\n <div class=\"clearfix\"></div>\n\n <div ng-if=\"$ctrl.routingProfiles.length > 1\">\n <div class=\"form-group\">\n <label class=\"col-form-label col-md-4\" translate>Profile</label>\n <div class=\"col-md-8\">\n <select class=\"form-control\" ng-model=\"$ctrl.selectedRoutingProfile\">\n <option ng-repeat=\"profile in $ctrl.routingProfiles\" ng-value=\"profile\">{{profile.label}}</option>\n </select>\n </div>\n </div>\n </div>\n\n <div class=\"ngeo-routing-error form-group clearfix\" ng-hide=\"$ctrl.errorMessage === ''\">\n {{$ctrl.errorMessage}}\n </div>\n\n <div class=\"clearfix\"></div>\n\n <div ng-hide=\"$ctrl.routeDuration === null && $ctrl.routeDistance <= 0\">\n <div class=\"row\">\n <div class=\"col-md-12\">\n <strong translate>Route statistics</strong>\n </div>\n </div>\n <div class=\"row\" ng-hide=\"$ctrl.routeDuration === null\">\n <div class=\"col-md-4 text-right\" translate>Duration</div>\n <div class=\"col-md-8\">{{$ctrl.routeDuration | ngeoDuration}}</div>\n </div>\n\n <div class=\"row\" ng-hide=\"$ctrl.routeDistance <= 0\">\n <div class=\"col-md-4 text-right\" translate>Distance</div>\n <div class=\"col-md-8\">{{$ctrl.routeDistance | ngeoUnitPrefix:'m'}}</div>\n </div>\n </div>\n</div>"