title: Planritning
icon: 'fas:home'
panel: true
cards:
- type: custom:config-template-card
  variables:
    - states['light.vardagsrummet'].state
  entities:
    - light.vardagsrummet
  card:
    type: custom:hui-picture-elements-card
    image: /local/ui/floorplan/floorplan_night.png
    elements:
      - entity: light.vardagsrummet
        image: /local/ui/floorplan/rum/vardagsrum_cut.png
        style:
          left: 28.99%
          top: 22.1%
          width: 38.8%
          opacity: '${ states[''light.vardagsrummet''].attributes.brightness / 255 }'
          filter: >-
            ${ "hue-rotate(" + (states['light.vardagsrummet'].attributes.hs_color
            ? states['light.vardagsrummet'].attributes.hs_color[0] : 0) + "deg)"}
          mix-blend-mode: lighten
        state_filter:
          'off': opacity(0%)
          'on': opacity(100%) hue-rotate(-50deg)
        action: none
        tap_action:
          action: none
        type: image

#Light buttons
      - entity: light.vardagsrummet
        state_image:
          'on': /local/ui/floorplan/rum/lampa_pa.png
          'off': /local/ui/floorplan/rum/lampa_av.png
        hold_action:
          action: call-service
          service: browser_mod.popup
          service_data:
            card:
              cards:
                - entities:
                  - entity: light.vardagsrummet
                    secondary_info: last-changed
                  type: entities
                - cards:
                    - cards:
                        - brightness: false
                          color_picker: false
                          effects_list: false
                          entity: light.vardagsrummet
                          full_width_sliders: true
                          header: false
                          persist_features: true
                          show_slider_percent: false
                          smooth_color_wheel: true
                          type: 'custom:light-entity-card'
                        - brightness: false
                          color_temp: false
                          entity: light.vardagsrummet
                          full_width_sliders: true
                          header: false
                          persist_features: true
                          show_slider_percent: false
                          smooth_color_wheel: true
                          type: 'custom:light-entity-card'
                      column_height: 1
                      layout: vertical
                      type: 'custom:layout-card'
                    - entities:
                        - color_temp: true
                          entity: light.vardagsrummet
                          entity: light.vardagsrummet
                          persist_features: true
                          type: 'custom:light-slider-card'
                      show_header_toggle: false
                      style:
                        height: 100%;
                        z-index: 0;
                      type: entities
                  column_num: 2
                  layout: horizontal
                  max_width:
                    - 60%
                    - 40%
                  type: 'custom:layout-card'
              type: 'custom:vertical-stack-in-card'
            deviceID:
              - this
            style:
              '--ha-card-border-radius': 0vw 0vw 0.8vw 0.8vw
              border-radius: 0.8vw
              opacity: 0.9
            title: Vardagsrummet
        image: /local/ui/floorplan/rum/lampa_av.png
        style:
          height: 3.5%
          width: 3.5%
          left: 26.5%
          top: 30.5%
          padding-bottom: 1.5%
        tap_action:
          action: toggle
        type: image