type: custom:vertical-stack-in-card
cards:
  - entity: person.abbadon
    show_entity_picture: true
    show_name: false
    show_state: false
    styles:
      entity_picture:
        - border-radius: 50%
        - border: 6px solid
        - border-color: |
            [[[
              return states['sensor.michal_sleep_status'].state === 'Asleep'
              ? 'var(--state-icon-color)'
              : 'var(--state-icon-active-color)'
            ]]]
        - width: 110px
        - margin-top: -90px
        - padding: 0px
      card:
        - background: center no-repeat
        - background-image: url(/local/michal/Biuro.png

        - height: 130px
        - padding: 0px
    type: custom:button-card
  - type: conditional
    conditions:
      - entity: sensor.michal_do_domu
        state_not: '0'
    card:
      type: custom:bar-card
      max: 500
      height: 12
      style: |
        bar-card-value{
        text-align: center;
        vertical-align: middle;
        left: -190px;

         text-shadow: 0px 1px #000000;

        }
      entities:
        - entity: sensor.michal_do_domu
      positions:
        icon: 'off'
        indicator: 'on'
        minmax: 'off'
        value: inside
      name: ' '
  - type: horizontal-stack
    cards:
      - entity: proximity.michal
        show_entity_picture: true
        show_name: false
        font-size: 11px
        show_state: true
        icon: mdi:map-marker-distance
        styles:
          card:
            - height: 40px
            - background: none
            - padding-top: 3px
            - margin-bottom: 5px
            - font-size: 11px
        state:
          - operator: '=='
            value: 0
            color: var(--state-icon-color)
          - operator: '!='
            value: 0
            color: var(--state-icon-active-color)
        type: custom:button-card
      - entity: sensor.armor_11t_battery_level
        show_entity_picture: true
        show_name: false
        show_state: true
        show_label: false
        font-size: 11px
        styles:
          card:
            - height: 40px
            - background: none
            - padding-top: 3px
            - margin-bottom: 5px
            - font-size: 11px
          icon:
            - color: |
                [[[
                  if (states['binary_sensor.armor_11t_is_charging'].state == 'on' )
                    return "var(--state-icon-active-color)";
                  return "var(--state-icon-color)";
                ]]]
        icon: |
          [[[
            if (states['binary_sensor.armor_11t_is_charging'].state == 'on')
              return 'mdi:battery-charging-' + Math.ceil(entity.state / 10) * 10;
             return 'mdi:battery-' + Math.ceil(entity.state / 10) * 10;;
          ]]]
        type: custom:button-card
      - entity: sensor.armor_11t_detected_activity
        show_entity_picture: true
        show_name: false
        show_last_changed: true
        show_state: false
        show_label: true
        styles:
          card:
            - height: 40px
            - background: none
            - padding: 3px
            - magin: 0px
            - font-size: 11px
        state:
          - value: still
            icon: mdi:human-female
            label: null
            color: var(--state-icon-color)
            font-size: 11px
        type: custom:button-card
      - entity: sensor.armor_11t_phone_state
        show_entity_picture: true
        show_name: false
        font-size: 11px
        show_state: false
        show_last_changed: true
        styles:
          card:
            - height: 40px
            - background: none
            - padding-top: 3px
            - margin-bottom: 5px
            - font-size: 11px
        state:
          - value: ringing
            icon: mdi:phone-ring
            color: var(--state-icon-active-color)
          - value: idle
            icon: mdi:phone-hangup
            color: var(--state-icon-color)
          - value: offhook
            icon: mdi:phone-in-talk
            color: var(--state-icon-active-color)
        type: custom:button-card
      - entity: sensor.czas_do_alarmu_michal
        show_entity_picture: true
        show_name: false
        show_state: true
        icon: mdi:alarm
        state:
          - value: none
            color: var(--state-icon-color)
          - operator: '!='
            value: none
            color: var(--state-icon-active-color)
        styles:
          card:
            - height: 40px
            - background: none
            - padding-top: 3px
            - margin-bottom: 5px
            - font-size: 11px
        type: custom:button-card