title: Person Status
path: person-status
icon: mdi:account-group
type: sections
max_columns: 1

sections:

  # 👨‍👩‍👧‍👦 Personer – kompakt 2x2 grid
  - type: grid
    columns: 2
    square: false
    cards:

      - type: vertical-stack
        cards:
          - type: custom:mushroom-person-card
            entity: person.andreas_schusler_dethlefsen
            name: Andreas
            secondary_info: last_changed
            layout: horizontal
            tap_action:
              action: more-info
          - type: custom:mushroom-select-card
            entity: input_select.andreas_status
            icon: mdi:account-heart
            icon_color: >
              {% if is_state('input_select.andreas_status', 'Syg') %}red{% else %}green{% endif %}

      - type: vertical-stack
        cards:
          - type: custom:mushroom-person-card
            entity: person.daniel_schusler_dethlefsen
            name: Daniel
            secondary_info: last_changed
            layout: horizontal
            tap_action:
              action: more-info
          - type: custom:mushroom-select-card
            entity: input_select.daniel_status
            icon: mdi:account-heart
            icon_color: >
              {% if is_state('input_select.daniel_status', 'Syg') %}red{% else %}green{% endif %}

      - type: vertical-stack
        cards:
          - type: custom:mushroom-person-card
            entity: person.anne_schusler_dethlefsen
            name: Anne
            secondary_info: last_changed
            layout: horizontal
            tap_action:
              action: more-info
          - type: custom:mushroom-select-card
            entity: input_select.anne_status
            icon: mdi:account-heart
            icon_color: >
              {% if is_state('input_select.anne_status', 'Syg') %}red{% else %}green{% endif %}

      - type: vertical-stack
        cards:
          - type: custom:mushroom-person-card
            entity: person.claus_dethlefsen
            name: Claus
            secondary_info: last_changed
            layout: horizontal
            tap_action:
              action: more-info
          - type: custom:mushroom-select-card
            entity: input_select.claus_status
            icon: mdi:account-heart
            icon_color: >
              {% if is_state('input_select.claus_status', 'Syg') %}red{% else %}green{% endif %}

  # 🗺️ Popup kort
  - type: grid
    cards:
      - type: custom:button-card
        name: Åbn kort
        icon: mdi:map
        show_state: false
        styles:
          card:
            - border-radius: 16px
            - padding: 14px
            - background: linear-gradient(135deg, rgba(0,0,0,0.05), rgba(0,0,0,0.1))
          icon:
            - color: var(--primary-color)
          name:
            - font-size: 14px
            - font-weight: 600
        tap_action:
          action: call-service
          service: browser_mod.popup
          service_data:
            title: 📍 Familien
            size: fullscreen
            style:
              --popup-border-radius: 20px
              --popup-background-color: rgba(0,0,0,0.9)
            content:
              type: map
              default_zoom: 12
              hours_to_show: 6
              aspect_ratio: 1
              entities:
                - entity: device_tracker.andreas_iphone_12
                  name: Andreas
                - entity: device_tracker.daniels_iphone_7_3
                  name: Daniel
                - entity: device_tracker.annes_iphone_xs_4
                  name: Anne
                - entity: device_tracker.claus_iphone_15pro
                  name: Claus