type: custom:button-card
show_icon: false
show_name: false
show_label: false
entity: climate.slaapkamer
custom_fields:
  mini_climate:
    card:
      type: custom:mini-climate
      entity: climate.slaapkamer
      name: Airconditioning
      fan_mode:
        hide: 'off'
        icon: mdi:fan
        order: 0
        active: (state, entity) => entity.state !== 'off'
        source:
          auto: Auto
          low: Laag
          medium: Medium
          high: Hoog
          change_action: >
            (selected, state, entity) => this.call_service('climate',
            'set_fan_mode', { entity_id: entity.entity_id, fan_mode: selected })
      card_mod:
        style: |
          ha-card {
            --ha-card-background: var(--nova-theme-primary);
          }
          ha-card .toggle-button {
            display: none;
          }
          ha-card .entity__secondary_info {
            padding: 3px 0px 0px 0px;
            text-align: left;
            overflow:unset;
            color: var(--nova-theme-grey)
          }
          ha-card .entity__info__name {
            font-size:16px;
            color: var(--nova-theme-names)
          }
          ha-card .entity__controls {
            padding-bottom: 15px;
            padding-top: 1.4%;
          }
          ha-card .ctl-wrap {
            padding-top: 5%;
          }
          ha-card .bottom {
            padding-top: 15px;
            color: var(--nova-theme-grey);
          }
          ha-card .entity__icon {
            display:none;
          }

          :host {
            --mini-climate-icon-color: var(--nova-theme-grey);
          }
      temperature:
        unit: °C
        round: 1
        source:
          entity: sensor.skr_temperature
      indicators:
        outdoortemp:
          icon: mdi:home-export-outline
          unit: °C
          round: 1
          source:
            entity: sensor.hvac_m_buitentemp
        humidity:
          icon: mdi:water
          unit: '%'
          round: 1
          source:
            entity: sensor.skr_humidity
        power_consumption:
          icon: mdi:flash
          unit: W
          round: 1
          source:
            entity: sensor.watt_phase1
      hvac_mode:
        style: '(value, entity) => ({ color: ''black'' })'
        source:
          'off':
            icon: mdi:power
            name: Uitgeschakeld
          heat:
            icon: mdi:weather-sunny
            name: Verwarmen
          cool:
            icon: mdi:snowflake
            name: Koelen
          fan_only:
            icon: mdi:fan
            name: Ventileren
  buttons:
    card:
      type: horizontal-stack
      cards:
        - type: custom:button-card
          entity: climate.slaapkamer
          tap_action:
            action: call-service
            service: climate.set_hvac_mode
            service_data:
              hvac_mode: 'off'
              entity_id: climate.slaapkamer
          show_name: false
          icon: mdi:power
          styles:
            card:
              - background-color: var(--primary-background-color)
              - border-radius: 5px
            icon:
              - color: var(--nova-theme-accent)
              - filter: opacity(0.6)
              - height: 25px
          state:
            - value: 'off'
              styles:
                card:
                  - background-color: orange
                icon:
                  - color: var(--nova-theme-primary)
                  - filter: unset
        - type: custom:button-card
          entity: climate.slaapkamer
          tap_action:
            action: call-service
            service: climate.set_hvac_mode
            service_data:
              hvac_mode: cool
              entity_id: climate.slaapkamer
          show_name: false
          icon: mdi:snowflake
          styles:
            card:
              - background-color: var(--primary-background-color)
              - border-radius: 5px
            icon:
              - color: var(--nova-theme-accent)
              - filter: opacity(0.6)
              - height: 25px
          state:
            - value: cool
              styles:
                card:
                  - background-color: '#2b9af9'
                icon:
                  - color: var(--nova-theme-primary)
                  - filter: unset
        - type: custom:button-card
          entity: climate.slaapkamer
          tap_action:
            action: call-service
            service: climate.set_hvac_mode
            service_data:
              hvac_mode: heat
              entity_id: climate.slaapkamer
          show_name: false
          icon: mdi:fire
          styles:
            card:
              - background-color: var(--primary-background-color)
              - border-radius: 5px
            icon:
              - color: var(--nova-theme-accent)
              - filter: opacity(0.6)
              - height: 25px
          state:
            - value: heat
              styles:
                card:
                  - background-color: '#ff8100'
                icon:
                  - color: var(--nova-theme-primary)
                  - filter: unset
        - type: custom:button-card
          entity: climate.slaapkamer
          tap_action:
            action: call-service
            service: climate.set_hvac_mode
            service_data:
              hvac_mode: fan_only
              entity_id: climate.slaapkamer
          show_name: false
          icon: mdi:fan
          styles:
            card:
              - background-color: var(--primary-background-color)
              - border-radius: 5px
            icon:
              - color: var(--nova-theme-accent)
              - filter: opacity(0.6)
              - height: 25px
          state:
            - value: fan_only
              styles:
                card:
                  - background-color: '#8a8a8a'
                icon:
                  - color: var(--nova-theme-primary)
                  - filter: unset
        - type: custom:button-card
          entity: button.slaapkamer_a_c_display
          tap_action:
            action: call-service
            service: button.press
            service_data:
              entity_id: button.slaapkamer_a_c_display
          show_name: false
          icon: mdi:led-on
          styles:
            card:
              - background-color: var(--primary-background-color)
              - border-radius: 5px
            icon:
              - color: var(--nova-theme-accent)
              - filter: opacity(0.6)
              - height: 25px
styles:
  custom_fields:
    mini_climate:
      - overflow: unset
    buttons:
      - padding-left: 10px
      - padding-right: 10px
      - padding-bottom: 10px
  card:
    - overflow: unset
    - background: var(--nova-theme-primary)
    - padding: 0
  grid:
    - grid-template-areas: '"mini_climate" "buttons"'
    - grid-template-columns: 1fr
    - grid-template-rows: 1fr min-content min-content