#waiptableau.fullheight.row.no-gutters
  .col-6.h-5.d-flex.align-items-center.py-1.text-dark 
    button#replay.btn.btn-outline-dark.h-100.py-1.tf_singleline
      .ion-md-play-circle
    button#volume.btn.btn-outline-dark.h-100.mx-1.tf_singleline
      .ion-md-volume-high
    #date-time
      .tf_singleline -Datum- - -Uhrzeit-  
  .col-6.h-5.d-flex.flex-row.align-items-center.justify-content-end.py-1.text-dark.tf_singleline
    #wachenname.ion-md-business=data_wache || ' -Wachenname-'
  .col-10.h-15.h-20_ls.pr-3
    #einsatz_art.h-100.w-100.d-flex.align-items-center.font-weight-bold.p-3.rounded.bg-light.tf_singleline
      #einsatz_stichwort.ion-md-apps  -Stichwort-
  .col-2.h-15.h-20_ls.d-flex.align-items-center.justify-content-center.p-3.rounded.bg-light.text-info.tf_singleline
    #sondersignal.ion-md-apps
  .col-12.col-5_ls.h-35.h-70_ls.pt-3_pt.ptr-3_ls 
    #map.h-100.rounded  
  .col-12.col-7_ls.h-40.h-70_ls
    .row.no-gutters.h-100.pt-3
      .col-12.h-10.h-100.w-100
        .d-flex.fustify-content-between.font-weight-bold
          #rueckmeldung.list-group.list-group-horizontal.text-center.w-100
            a.list-group-item.bg-secondary.flex-fill.text-success 3 EK
            a.list-group-item.bg-secondary.flex-fill.text-info 2 MA
            a.list-group-item.bg-secondary.flex-fill.text-light 1 FK
          #rueckmeldung.list-group.list-group-horizontal.text-center
            a.list-group-item.bg-warning.flex-fill.text-dark 2&nbsp;AGT
            //a.badge.badge-warning 2&nbsp;AGT
        .row
          .col-4
            .progress.mt-1
                .progress-bar.progress-bar-striped.bg-success(role='progressbar', style='width: 25%', aria-valuenow='25', aria-valuemin='0', aria-valuemax='100') 2min
            .progress.mt-1.border.border-warning
                .progress-bar.progress-bar-striped.bg-success(role='progressbar', style='width: 25%', aria-valuenow='25', aria-valuemin='0', aria-valuemax='100') 2min
            .progress.mt-1
                .progress-bar.progress-bar-striped.bg-success.ion-md-checkmark-circle(role='progressbar', style='width: 100%', aria-valuenow='100', aria-valuemin='0', aria-valuemax='100')
          .col-4
            .progress.mt-1
                .progress-bar.progress-bar-striped.bg-info(role='progressbar', style='width: 25%', aria-valuenow='25', aria-valuemin='0', aria-valuemax='100') 3min
            .progress.mt-1
                .progress-bar.progress-bar-striped.bg-info(role='progressbar', style='width: 25%', aria-valuenow='25', aria-valuemin='0', aria-valuemax='100') 1min     
          .col-4
            .progress.mt-1.border.border-warning
                .progress-bar.progress-bar-striped.bg-light(role='progressbar', style='width: 50%', aria-valuenow='50', aria-valuemin='0', aria-valuemax='100') 10min        
      .col-6.h-65.d-flex.align-items-end.justify-content-start.tf_multiline
        #ortsdaten.flex-fill -Objekt-
          br
          | -Ort-
          br
          | -Ortsteil-
          br
          | -Straße Hsnr-
      .col-6.h-65.d-flex.align-items-end.justify-content-end.tf_multiline
          ul#em_alarmiert.list-group
            li.list-group-item.d-flex.justify-content-between.align-items-center -Einsatzmittel 1-
            li.list-group-item.d-flex.justify-content-between.align-items-center -Einsatzmittel 2-
            li.list-group-item.d-flex.justify-content-between.align-items-center -Einsatzmittel n-  
          // TODO: Status mit anzeigen (als .badge.badge-pill)
      .col-12.h-5.d-flex.align-items-end.justify-content-center.text-dark.tf_singleline
        #em_weitere -weiteres Einsatzmittel 1-, -weiteres Einsatzmittel 2-, -weiteres Einsatzmittel n-
      .col-12.h-20.d-flex.align-items-center.rounded.bg-light.font-weight-bold.text-info.tf_singleline
        #besonderheiten -Besonderheiten-
  .col-12.h-5.d-flex.align-items-end.justify-content-center.pt-3 
    .progress(style='height: 100%;').flex-fill
      #hilfsfrist.progress-bar.progress-bar-striped.progress-bar-animated(role='progressbar', aria-valuenow='0', aria-valuemin='0', aria-valuemax='100', style='width: 0%')       
  audio#audio(controls='')
    source(src='', type='audio/mpeg')  
