<div>
  <h1 style="font-size: 1.4rem;text-align: center;color: #5a5757;">{{'POI details' | translate}}</h1>
  <table class="table">
    <tbody>
      <tr><td>poiname</td><td>{{dataPoi.poi.poiname }}</td></tr>
      <tr><td>duration_from_previous</td><td>{{dataPoi.poi.duration_from_previous?dataPoi.poi.duration_from_previous:0 }}</td></tr>
      <tr><td>duration_to_next</td><td>{{dataPoi.poi.duration_to_next?dataPoi.poi.duration_to_next:0 }}</td></tr>
      <tr><td>duration_halt</td><td>{{dataPoi.poi.duration_halt?dataPoi.poi.duration_halt:0 }}</td></tr>
      </tbody>
  </table>
<div class="row float-right">
  <button class="btn btn-primary" (click)="delete()">Delete</button>
  <button class="btn btn-secondary ml-1" (click)="cancel()">Cancel</button>
</div>
</div>