extends ../layout

block content
  main(role='main')
    .container
      .row
        .col-12.p-3
          .card.bg-dark
            .card-body.text-center.text-muted
              h3 - wählen sie einen Alarmmonitor -
        .col-12.p-3
          .card
            if !user
              .card-header
                h4.card-title.text-warning Sie sind nicht angemeldet! 
              .card-body
                p Auch ohne Anmeldung haben Sie Zugriff auf alle Alarmmonitore, jedoch mit eingeschränktem Funktionsumfang.
                p.text-muted Um mehr Funktionen nutzen zu können, melden Sie sich bitte #[a(href="/login") hier] an.
            else
              .card-header
                h4.card-title.text-info='Sie sind als Nutzer \''+user.user+'\' angemeldet.'
              .card-body
                p Entsprechend Ihrer Berechtigungen haben Sie vollen Zugriff auf folgende Wachalarme:
                ul
                  each val in user.permissions.split(',')
                    li
                      if user.permissions == 'admin'
                        a.text-muted Sie sind Administrator und haben somit vollständigen Zugriff auf #[a(href="/waip/0") alle] Wachalarme
                      else
                        a(href="/waip/" + val)= val  
        .col-12.col-xl-6.d-flex.align-self-stretch.p-3
          .card
            .card-header
              h1.text-success Alle Wachalarme 
            .card-body
              p Auch ohne Anmeldung haben Sie Zugriff auf alle Alarmmonitore, jedoch mit eingeschränkten Funktionsumfang.
              a.btn.btn-lg(href='/waip/0')
        .col-12.col-xl-6.d-flex.align-self-stretch.p-3
          .card.border-dark.w-100.h-100
            .card-header
              h1.text-info Alarmmonitor Wache
            .card-body
              p.text-muted Zeigt den Wachalarm einer der einzelnen Wache (z.B. Feuerwache, Rettungswache etc.) an.
            .card-footer.text-right
              .dropdown
                button.btn.btn-info.dropdown-toggle(type='button', data-toggle='dropdown', aria-haspopup='true', aria-expanded='false')
                  | bitte auswählen
                .dropdown-menu
                  each item in list_wachen
                    if item.typ == 'wache'
                      a.dropdown-item(href='/waip/'+ item.nr)= item.name
        .col-12.col-xl-6.d-flex.align-self-stretch.p-3
          .card.border-dark.w-100.h-100
            .card-header            
              h1.text-info Alarmmonitor Träger
            .card-body
              p.text-muted Zeigt alle Wachalarme der Wachen eines Trägers (Amt, amtsfreie Gemeinde, Stadt) an.
            .card-footer.text-right
              .dropdown
                button.btn.btn-info.dropdown-toggle(type='button', data-toggle='dropdown', aria-haspopup='true', aria-expanded='false')
                  | bitte auswählen
                .dropdown-menu
                  each item in list_wachen
                    if item.typ == 'traeger'
                      a.dropdown-item(href='/waip/'+ item.nr)= item.name
        .col-12.col-xl-6.d-flex.align-self-stretch.p-3
          .card.border-dark.w-100.h-100
            .card-header
              h1.text-info Alarmmonitor Kreis
            .card-body
              p.text-muted Zeigt alle Wachalarme des gesamten Kreises (egal ob fü Feuerwehr oder Rettungsdienst) an.
            .card-footer.text-right
              .dropdown
                button.btn.btn-info.dropdown-toggle(type='button', data-toggle='dropdown', aria-haspopup='true', aria-expanded='false')
                  | bitte auswählen
                .dropdown-menu
                  each item in list_wachen
                    if item.typ == 'kreis'
                      a.dropdown-item(href='/waip/'+ item.nr)= item.name