.row.no-gutters
  .col-12.d-flex.justify-content-between
    p#einsatz_datum.text-muted 01.01.2020 
    p#einsatz_uhrzeit.text-muted.text-right 11:22:33
  .col-10
    case einsatzdaten.einsatzart
      when 'Brandeinsatz'
        .align-items-center.font-weight-bold.rounded.bg-danger.p-3.mr-2
          .ion-md-flame #{' ' + einsatzdaten.stichwort}
      when 'Hilfeleistungseinsatz'
        .align-items-center.font-weight-bold.rounded.bg-info.p-3.mr-2
          .ion-md-construct #{' ' + einsatzdaten.stichwort}
      when 'Rettungseinsatz'
        .align-items-center.font-weight-bold.rounded.bg-warning.p-3.mr-2
          .ion-md-medkit #{' ' + einsatzdaten.stichwort}
      when 'Krankentransport'
        .align-items-center.font-weight-bold.rounded.bg-success.p-3.mr-2
          .ion-md-medical #{' ' + einsatzdaten.stichwort}
      when 'Sonstiges'
        .align-items-center.font-weight-bold.rounded.bg-secondary.p-3.mr-2
          .ion-md-information-circle #{' ' + einsatzdaten.stichwort}
      default
        .align-items-center.font-weight-bold.rounded.bg-light.p-3.mr-2
          .ion-md-apps  -Stichwort-
  .col-2
    .align-items-center.justify-content-center.rounded.bg-light.text-info.p-3
      case einsatzdaten.sondersignal
        when 1
          .ion-md-notifications.text-center
        when 0
          .ion-md-notifications-off.text-center
        default
          .ion-md-apps.text-center
  .col-12
    div.border-top.m-3
    .card.mt-2
      .card-body.p-0
        #map.rounded(style={height: '20em'})
      .card-body.p-0
        ul.list-group.list-group-flush
          if einsatzdaten.objekt
            li.list-group-item #{einsatzdaten.objekt}
          if einsatzdaten.ort
            li.list-group-item #{einsatzdaten.ort}
          if einsatzdaten.ortsteil
            li.list-group-item #{einsatzdaten.ortsteil}
          if einsatzdaten.strasse
            li.list-group-item #{einsatzdaten.strasse}
          if einsatzdaten.besonderheiten
            li.list-group-item.text-warning #{einsatzdaten.besonderheiten}
          unless einsatzdaten
            li.list-group-item -Objekt-
            li.list-group-item -Ort-
            li.list-group-item -Orststeil-
            li.list-group-item -Straße Hsnr-
            li.list-group-item.text-warning -Besonderheiten-
  .col-12
    div.border-top.m-3
    .card.bg-secondary.mt-2
      .card-header.bg-light.p-2
        h5.text-danger.text-center Alarmierte Einsatzmittel
      .card-body.p-1
        div.d-flex.flex-wrap.justify-content-between.align-items-center
          each val in einsatzdaten.einsatzmittel
            div.flex-fill.rounded.bg-light.p-2.m-1
              div.d-flex.justify-content-between
                div.pr-2 #{val.einsatzmittel}
                unless val.status == null
                  case val.status
                    when '1'
                      div.p-2.badge.badge-info #{val.status}
                    when '2'
                      div.p-2.badge.badge-success #{val.status}
                    when '3'
                      div.p-2.badge.badge-warning #{val.status}
                    when '4'
                      div.p-2.badge.badge-danger #{val.status}
                    default
                      div.p-2.badge.badge-dark #{val.status}
  //.col-12
    div.border-top.my-3
    .card.bg-secondary.mt-2
      .card-header.bg-light.p-2
        h5.text-info.font-weight-bold CB FW Cottbus 1
      .card-body.p-1
        div.d-flex.flex-wrap.justify-content-between.align-items-center
          div.flex-fill.rounded.bg-light.p-2.m-1
            div.d-flex.justify-content-between
              div.pr-2 FL CB 00/00-00
              div.p-2.badge.badge-success 2
          div.flex-fill.rounded.bg-light.p-2.m-1
            div.d-flex.justify-content-between
              div.pr-2 FL CB 01/00-00
              div.p-2.badge.badge-warning 3
          div.flex-fill.rounded.bg-light.p-2.m-1
            div.d-flex.justify-content-between
              div.pr-2 FL CB T-Dienst
              div.p-2.badge.badge-danger 4
    .card.bg-secondary.mt-2
      .card-header.bg-light.p-2
        h5.text-info.font-weight-bold CB FW Madlow
      .card-body.p-1
        div.d-flex.flex-wrap.justify-content-between.align-items-center
          div.flex-fill.rounded.bg-light.p-2.m-1
            div.d-flex.justify-content-between 
              div.pr-2 FL CB 12/00-00
              div.p-2.badge.badge-success 2
          div.flex-fill.rounded.bg-light.p-2.m-1
            div.d-flex.justify-content-between
              div.pr-2 FL SPN 00/00-00
              div.p-2.badge.badge-info 1
    .card.bg-secondary.mt-2
      .card-header.bg-light.p-2
        h5.text-info.font-weight-bold CB FW Cottbus 3
      .card-body.p-1
        div.d-flex.flex-wrap.justify-content-between.align-items-center
          div.flex-fill.rounded.bg-light.p-2.m-1
            div.d-flex.justify-content-between 
              div.pr-2 KAT CB 00/00-00
              div.p-2.badge.badge-success 2
    //table.table.table-striped
      tbody
        tr 
          th
            div.d-flex.justify-content-between.align-items-center
              div FL CB 00/00-00
              div.badge.badge-success 2
          th
            div.d-flex.justify-content-between.align-items-center
              div FL CB 12/00-00
              div.badge.badge-warning 3
        tr
          th
            div.d-flex.justify-content-between.align-items-center
              div FL CB T-Dienst
              div.badge.badge-danger 4
          th
            div.d-flex.justify-content-between.align-items-center
              div KAT CB 00/00-00
              div.badge.badge-success 2
        tr
          th
            div.d-flex.justify-content-between.align-items-center
              div FL SPN 00/00-00
              div.badge.badge-info 1
  .col-12
    div.border-top.m-3
    button#rueckmeldung.btn.btn-danger.btn-lg.btn-block.ion-md-paper-plane(type='button')  Rückmeldung senden
