v15-Aggiunto_Pulsante_Power

substitutions:
  name: scheda-bianca-aeureka
  friendly_name: scheda-bianca-aeureka
  
  # --- IMPOSTAZIONI TEMA (SCALABILI) ---
  scelta_tema: "scuro"               # "chiaro" o "scuro"
  colore_sfondo_scuro: "0x000000"    # Nero puro
  colore_sfondo_chiaro: "0x655e56"   # Grigio originale
  colore_testo_scuro: "0x808080"     # Grigio pulsanti (quando spenti)
  colore_testo_chiaro: "0x000000"    # Nero
  colore_testo_pulsante_on: "0x000000" # Nero (testo su verde quando acceso)
  colore_pulsante_acceso: "0xA8D5BA" # Verde pastello
  colore_testo_standby: "0x404040"   # Colore testo in standby
  
  # --- IMPOSTAZIONI TEMPI (SCALABILI) ---
  tempo_idle_spegnimento: "180s"
  tempo_transizione_pagine: "700ms"
  tempo_animazione_home: "600ms"
  SpegniTuttoDelay: "100ms"
  
  # --- IMPOSTAZIONI POSIZIONI E DIMENSIONI (SCALABILI) ---
  visibilita_hitbox: "40%"
  distanza_icone_bordo_x: "10"
  posizione_home_x: "-5"
  posizione_home_y: "5"
  dimensione_icone: "80x80"
  dimensione_home: "65x65"
  dimensione_power: "65x65" # <-- AGGIUNTO
  
  # --- POSIZIONE OROLOGIO E DATA (SCALABILI) ---
  clock_y_offset: "-30"
  date_y_offset: "60"
  power_y_offset: "160" # <-- AGGIUNTO (sotto la data)

esphome:
  name: ${name}
  friendly_name: ${friendly_name}
  min_version: 2024.6.0
  name_add_mac_suffix: false
  platformio_options:
    board_build.flash_mode: dio
  project:
    name: esphome.web
    version: dev

esp32:
  board: esp32-s3-devkitc-1
  variant: esp32s3
  flash_size: 16MB
  framework:
    type: esp-idf
    sdkconfig_options:
      CONFIG_ESP32S3_DEFAULT_CPU_FREQ_240: y
      CONFIG_ESP32S3_DATA_CACHE_64KB: y
      CONFIG_SPIRAM_FETCH_INSTRUCTIONS: y
      CONFIG_SPIRAM_RODATA: y
      CONFIG_MBEDTLS_EXTERNAL_MEM_ALLOC: y
      CONFIG_SPIRAM_USE_MALLOC: y
      CONFIG_MBEDTLS_ASYMMETRIC_CONTENT_LEN: y
      CONFIG_ESP_HTTP_CLIENT_BUFFER_SIZE: "8192"
      CONFIG_ESP_HTTP_CLIENT_BUFFER_SIZE_TX: "4096"

psram:
  mode: octal
  speed: 80MHz

logger:
  level: DEBUG

api:
  encryption:
    key: "zKO8PEgOhaUBDZgLfcD/v6/bfPukaSO2l36sMnnBJOM="

ota:
  - platform: esphome
    password: "2a0d6894805e375f1c740ec7c9231448"

http_request:
  timeout: 15s
  verify_ssl: false  

wifi:
  id: wifi_component
  ssid: !secret wifi_ssid
  password: !secret wifi_password
  ap: {}

# --- FIX INTERFERENZE SPI (Dalla v12 - NON TOCCARE) ---
switch:
  - platform: gpio
    name: "Disable SPI Device 1 (GPIO10)"
    pin: 10
    id: cs_spi_conflict_1
    restore_mode: ALWAYS_ON
    internal: true
  - platform: gpio
    name: "Disable SPI Device 2 (GPIO17)"
    pin: 17
    id: cs_spi_conflict_2
    restore_mode: ALWAYS_ON
    internal: true

binary_sensor:
  - platform: homeassistant
    id: stato_ingresso_relay3
    entity_id: switch.esphome_web_76e200_relay_3
  - platform: homeassistant
    id: stato_ingresso_relay4
    entity_id: switch.esphome_web_76e200_relay_4
  - platform: homeassistant
    id: stato_bagno_relay6
    entity_id: switch.esphome_web_76e200_relay_6
  - platform: homeassistant
    id: stato_cucinino
    entity_id: switch.antela_smart_plug_it_2_presa_1
  - platform: homeassistant
    id: stato_soppalco_relay1
    entity_id: switch.esphome_web_75ea84_relay_1
  - platform: homeassistant
    id: stato_soppalco_relay2
    entity_id: switch.esphome_web_75ea84_relay_2
  - platform: homeassistant
    id: stato_agenti_relay5
    entity_id: switch.esphome_web_75ea84_relay_5
  - platform: homeassistant
    id: stato_agenti_relay6
    entity_id: switch.esphome_web_75ea84_relay_6
  - platform: homeassistant
    id: stato_sala_riunioni
    entity_id: switch.esphome_web_75ea84_relay_3
  - platform: homeassistant
    id: stato_sala_riunioni_2
    entity_id: switch.antela_smart_plug_it_4_presa_1
  - platform: homeassistant
    id: Ev_Fancoil
    entity_id: switch.esphome_web_75e2d0_relay_6
  - platform: homeassistant
    id: Ventola_Fancoil
    entity_id: switch.esphome_web_75e2d0_relay_5

globals:
  - id: tag_message_active
    type: bool
    initial_value: 'false'
  - id: nfc_token_id
    type: std::string
    initial_value: '""'

script:
  - id: reset_display
    mode: restart 
    then:
      - delay: 5s
      - lambda: |-
          id(tag_message_active) = false;
      - lvgl.page.show: main_pages

  - id: invia_dati_badge
    mode: restart
    then:
      - delay: 2s
      - lambda: lv_label_set_text(id(nfc_id_label), "Connessione...");
      - http_request.post:
          url: https://hr-omega.datipro.it/api/employee/badge-log
          capture_response: true 
          request_headers:
            Content-Type: application/json
            Connection: close
            User-Agent: "Mozilla/5.0 (compatible; ESP32)"
          body: !lambda |-
            return "{\"token\": \"" + id(nfc_token_id) + "\"}";
          on_response:
            then:
              - lambda: |-
                  if (body.length() > 0) {
                      json::parse_json(body, [](JsonObject root) -> bool {
                          if (root.containsKey("message")) {
                             lv_label_set_text(id(nfc_id_label), root["message"]);
                             return true;
                          }
                          return false;
                      });
                  }
              - script.execute: reset_display
              - lambda: id(nfc_reader).set_update_interval(1000);

  - id: azione_spegni_tutto
    mode: restart
    then:
      - homeassistant.service:
          service: switch.turn_off
          data:
            entity_id: switch.esphome_web_76e200_relay_3
      - delay: ${SpegniTuttoDelay} 
      - homeassistant.service:
          service: switch.turn_off
          data:
            entity_id: switch.esphome_web_76e200_relay_4
      - delay: ${SpegniTuttoDelay} 
      - homeassistant.service:
          service: switch.turn_off
          data:
            entity_id: switch.esphome_web_76e200_relay_6
      - delay: ${SpegniTuttoDelay} 
      - homeassistant.service:
          service: switch.turn_off
          data:
            entity_id: switch.esphome_web_75ea84_relay_1
      - delay: ${SpegniTuttoDelay} 
      - homeassistant.service:
          service: switch.turn_off
          data:
            entity_id: switch.esphome_web_75ea84_relay_2
      - delay: ${SpegniTuttoDelay} 
      - homeassistant.service:
          service: switch.turn_off
          data:
            entity_id: switch.esphome_web_75ea84_relay_5
      - delay: ${SpegniTuttoDelay} 
      - homeassistant.service:
          service: switch.turn_off
          data:
            entity_id: switch.esphome_web_75ea84_relay_6
      - delay: ${SpegniTuttoDelay} 
      - homeassistant.service:
          service: switch.turn_off
          data:
            entity_id: switch.esphome_web_75ea84_relay_3
      - delay: ${SpegniTuttoDelay} 
      - homeassistant.service:
          service: switch.turn_off
          data:
            entity_id: switch.antela_smart_plug_it_4_presa_1
      - delay: ${SpegniTuttoDelay} 
      - homeassistant.service:
          service: switch.turn_off
          data:
            entity_id: switch.esphome_web_75e2d0_relay_6
      - delay: ${SpegniTuttoDelay} 
      - homeassistant.service:
          service: switch.turn_off
          data:
            entity_id: switch.esphome_web_75e2d0_relay_5

font:
  - file: "gfonts://Roboto"
    id: font1
    size: 120
  - file: "gfonts://Roboto"
    id: font2
    size: 40
  - file: "gfonts://Roboto"
    id: font_grande
    size: 30
  - file: "gfonts://Roboto"
    id: tag_font
    size: 30
  - file: "gfonts://Roboto"
    id: font_label
    size: 24

output:
  - platform: ledc
    pin: 2
    frequency: 1220
    id: gpio_backlight_pwm

light:
  - platform: monochromatic
    output: gpio_backlight_pwm
    name: "Display Backlight"
    id: back_light
    restore_mode: ALWAYS_ON

spi:
  clk_pin: GPIO12
  mosi_pin: GPIO11
  miso_pin: GPIO13

i2c:
  - id: bus_a
    sda: 43
    scl: 44
    scan: true

pn532_i2c:
  id: nfc_reader
  i2c_id: bus_a
  update_interval: 1s
  on_tag:
    then:
      - script.stop: reset_display
      - light.turn_on: back_light
      - lvgl.resume: 
      - lvgl.widget.redraw:
      - lambda: id(nfc_reader).set_update_interval(20000);
      - lambda: |-
          id(nfc_token_id) = x;
          id(tag_message_active) = true;
          lv_label_set_text(id(nfc_id_label), "Lettura...");
      - homeassistant.tag_scanned: !lambda 'return x;'
      - lvgl.page.show: pagina_nfc
      - lambda: lv_obj_clear_flag(id(pagina_nfc)->obj, LV_OBJ_FLAG_SCROLLABLE);
      - script.execute: invia_dati_badge

display:
  - platform: rpi_dpi_rgb
    id: main_display
    color_order: RGB
    invert_colors: True
    update_interval: never
    auto_clear_enabled: false
    dimensions:
      width: 800
      height: 480
    de_pin: 40
    hsync_pin: 39
    vsync_pin: 41
    pclk_pin: 42
    data_pins:
      red: [45, 48, 47, 21, 14]
      green: [5, 6, 7, 15, 16, 4]
      blue: [8, 3, 46, 9, 1]

touchscreen:
  platform: xpt2046
  id: my_touchscreen
  cs_pin: GPIO38
  interrupt_pin: GPIO18
  update_interval: 50ms
  threshold: 800
  calibration:
    x_max: 3800
    x_min: 200
    y_max: 3580
    y_min: 350
  on_release:
    - light.turn_on: back_light
    - lvgl.resume: 
    - lvgl.widget.redraw:

image:
  - id: my_image
    file: "images/omega_2000.png"
    type: GRAYSCALE
    transparency: alpha_channel
  - id: next_icon
    file: "mdi:chevron-right"
    type: binary
    resize: ${dimensione_icone}
  - id: prev_icon
    file: "mdi:chevron-left" 
    type: binary
    resize: ${dimensione_icone}
  - id: home_icon
    file: "mdi:home"
    type: binary
    resize: ${dimensione_home}
  - id: power_icon # <-- AGGIUNTO
    file: "mdi:power"
    type: binary
    resize: ${dimensione_power}

time:
  - platform: homeassistant
    id: homeassistant_tempo
    timezone: Europe/Rome

lvgl:
  displays:
    - main_display
  touchscreens:
    - my_touchscreen
  bg_color: !lambda |-
    return lv_color_hex(std::string("${scelta_tema}") == "scuro" ? ${colore_sfondo_scuro} : ${colore_sfondo_chiaro});
  theme:
    button:
      checked:
        bg_color: ${colore_pulsante_acceso}
        text_color: 0x000000
  pages:
    # --- PAGINA 1: MAIN ---
    - id: main_pages
      widgets:
        - image:
            id: my_image1
            src: my_image
            align: TOP_MID
            y: 50
            image_recolor: !lambda |-
              return lv_color_hex(std::string("${scelta_tema}") == "scuro" ? ${colore_testo_scuro} : 0x000000);
            image_recolor_opa: 100%
        - label:
            id: clock_label
            align: CENTER
            y: ${clock_y_offset}
            text: "--:--"
            text_font: font1
            text_color: !lambda |-
              return lv_color_hex(std::string("${scelta_tema}") == "scuro" ? ${colore_testo_scuro} : 0x000000);
        - label:
            id: date_label
            align: CENTER
            y: ${date_y_offset}
            text: "--/--/----"
            text_font: font2
            text_color: !lambda |-
              return lv_color_hex(std::string("${scelta_tema}") == "scuro" ? ${colore_testo_scuro} : 0x000000);
        
        # Le hitbox di navigazione sono messe qui prima del power button
        - button:
            id: home_prev_btn
            align: LEFT_MID
            width: 160
            height: 480
            opa: ${visibilita_hitbox}
            bg_color: 0xFF0000
            on_click:
              then:
                - lvgl.page.show:
                    id: pagina_nfc
                    animation: OUT_RIGHT
                    time: ${tempo_transizione_pagine}
        - button:
            id: home_next_btn
            align: RIGHT_MID
            width: 640
            height: 480
            opa: ${visibilita_hitbox}
            bg_color: 0x0000FF
            on_click:
              then:
                - lvgl.page.next:
                    animation: OUT_LEFT
                    time: ${tempo_transizione_pagine}
        
        # --- PULSANTE POWER (Messo per ultimo per stare SOPRA le hitbox) ---
        - button:
            id: main_power_btn
            align: CENTER
            y: ${power_y_offset}
            width: 80
            height: 80
            bg_color: !lambda |-
               return lv_color_hex(std::string("${scelta_tema}") == "scuro" ? 0x1A1A1A : 0xE0E0E0);
            radius: 40
            shadow_width: 0
            border_width: 0
            widgets:
              - image:
                  src: power_icon
                  align: CENTER
                  image_recolor: !lambda |-
                    return lv_color_hex(std::string("${scelta_tema}") == "scuro" ? ${colore_testo_scuro} : 0x000000);
                  image_recolor_opa: 100%
            on_click:
              then:
                - logger.log: "LOG: Pulsante Power premuto"

    # --- LE ALTRE PAGINE RIMANGONO INVARIATE COME DA TUO FILE ---
    - id: seconda_pagina
      widgets:
        - button:
            id: switch_btn_ingresso
            align: CENTER
            x: -141
            y: -91
            width: 266
            height: 165
            checkable: true
            bg_color: !lambda |-
              return lv_color_hex(std::string("${scelta_tema}") == "scuro" ? 0x000000 : 0x808080);
            shadow_width: 0
            border_width: 0
            widgets:
              - label:
                  id: label_ingresso
                  align: CENTER
                  text: "Luce\nIngresso"
                  text_align: center
                  text_font: font_grande
            on_press:
              then:
                - if:
                    condition: 
                      lambda: return id(stato_ingresso_relay3).state || id(stato_ingresso_relay4).state;
                    then:
                      - homeassistant.service:
                          service: switch.turn_off
                          data:
                            entity_id: switch.esphome_web_76e200_relay_4
                      - homeassistant.service:
                          service: switch.turn_off
                          data:
                            entity_id: switch.esphome_web_76e200_relay_3
                    else:
                      - homeassistant.service:
                          service: switch.turn_on
                          data:
                            entity_id: switch.esphome_web_76e200_relay_4
                      - homeassistant.service:
                          service: switch.turn_on
                          data:
                            entity_id: switch.esphome_web_76e200_relay_3
        - button:
            id: switch_btn_soppalco
            align: CENTER
            x: 141
            y: -91
            width: 266
            height: 165
            checkable: true
            bg_color: !lambda |-
              return lv_color_hex(std::string("${scelta_tema}") == "scuro" ? 0x000000 : 0x808080);
            shadow_width: 0
            border_width: 0
            widgets:
              - label:
                  id: label_soppalco
                  align: CENTER
                  text: 'Soppalco'
                  text_font: font_grande
            on_press:
              then:
                - if:
                    condition:
                      lambda: |-
                        return id(stato_soppalco_relay1).state || id(stato_soppalco_relay2).state;
                    then:
                      - homeassistant.service:
                          service: switch.turn_off
                          data:
                            entity_id: switch.esphome_web_75ea84_relay_1
                      - homeassistant.service:
                          service: switch.turn_off
                          data:
                            entity_id: switch.esphome_web_75ea84_relay_2
                    else:
                      - homeassistant.service:
                          service: switch.turn_on
                          data:
                            entity_id: switch.esphome_web_75ea84_relay_2
                      - homeassistant.service:
                          service: switch.turn_on
                          data:
                            entity_id: switch.esphome_web_75ea84_relay_1
        - button:
            id: switch_btn_agenti
            align: CENTER
            x: -141
            y: 91
            width: 266
            height: 165
            checkable: true
            bg_color: !lambda |-
              return lv_color_hex(std::string("${scelta_tema}") == "scuro" ? 0x000000 : 0x808080);
            shadow_width: 0
            border_width: 0
            widgets:
              - label:
                  id: label_agenti
                  align: CENTER
                  text: "Luce\nAgenti"
                  text_align: center
                  text_font: font_grande
            on_press:
              then:
                - if:
                    condition:
                      lambda: |-
                        return id(stato_agenti_relay5).state || id(stato_agenti_relay6).state;
                    then:
                      - homeassistant.service:
                          service: switch.turn_off
                          data:
                            entity_id: switch.esphome_web_75ea84_relay_6
                      - homeassistant.service:
                          service: switch.turn_off
                          data:
                            entity_id: switch.esphome_web_75ea84_relay_5
                    else:
                      - homeassistant.service:
                          service: switch.turn_on
                          data:
                            entity_id: switch.esphome_web_75ea84_relay_6
                      - homeassistant.service:
                          service: switch.turn_on
                          data:
                            entity_id: switch.esphome_web_75ea84_relay_5
        - button:
            id: switch_btn_bagno
            align: CENTER
            x: 141
            y: 91
            width: 266
            height: 165
            checkable: true
            bg_color: !lambda |-
              return lv_color_hex(std::string("${scelta_tema}") == "scuro" ? 0x000000 : 0x808080);
            shadow_width: 0
            border_width: 0
            widgets:
              - label:
                  id: label_bagno
                  align: CENTER
                  text: 'Bagno'
                  text_font: font_grande
            on_press:
              then:
                - if:
                    condition:
                      lambda: |-
                        return id(stato_bagno_relay6).state || id(stato_cucinino).state;
                    then:
                      - homeassistant.service:
                          service: switch.turn_off
                          data:
                            entity_id: switch.esphome_web_76e200_relay_6
                      - homeassistant.service:
                          service: switch.turn_off
                          data:
                            entity_id: switch.antela_smart_plug_it_2_presa_1
                    else:
                      - homeassistant.service:
                          service: switch.turn_on
                          data:
                            entity_id:  switch.esphome_web_76e200_relay_6
                      - homeassistant.service:
                          service: switch.turn_on
                          data:
                            entity_id: switch.antela_smart_plug_it_2_presa_1  
        
        # --- Navigazione ---
        - image:
            src: prev_icon 
            align: LEFT_MID
            x: ${distanza_icone_bordo_x}
            image_recolor: !lambda |-
              return lv_color_hex(std::string("${scelta_tema}") == "scuro" ? ${colore_testo_scuro} : 0x000000);
            image_recolor_opa: 100%
        - button:
            align: LEFT_MID
            width: 120
            height: 480
            opa: ${visibilita_hitbox} 
            bg_color: 0xFF0000
            on_click:
              then:
                - lvgl.page.previous:
                    animation: OUT_RIGHT
                    time: ${tempo_transizione_pagine}
        - image:
            src: next_icon 
            align: RIGHT_MID
            x: -${distanza_icone_bordo_x}
            image_recolor: !lambda |-
              return lv_color_hex(std::string("${scelta_tema}") == "scuro" ? ${colore_testo_scuro} : 0x000000);
            image_recolor_opa: 100%
        - button:
            id: next_page_btn
            align: BOTTOM_RIGHT
            width: 120
            height: 360
            opa: ${visibilita_hitbox} 
            bg_color: 0x0000FF
            on_click:
              then:
                - lvgl.page.next:
                    animation: OUT_LEFT
                    time: ${tempo_transizione_pagine}
        - image:
            src: home_icon
            align: TOP_RIGHT
            x: ${posizione_home_x}
            y: ${posizione_home_y}
            image_recolor: !lambda |-
              return lv_color_hex(std::string("${scelta_tema}") == "scuro" ? ${colore_testo_scuro} : 0x000000);
            image_recolor_opa: 100%
        - button:
            align: TOP_RIGHT
            width: 120
            height: 120
            opa: ${visibilita_hitbox}
            bg_color: 0x00FF00
            on_click:
              then:
                - lvgl.page.show:
                    id: main_pages
                    animation: OUT_TOP
                    time: ${tempo_animazione_home}

    # --- PAGINA 3: SALA RIUNIONI ---
    - id: terza_pagina
      widgets:
        - button:
            id: switch_btn_salariunioni
            align: CENTER
            x: -141 
            y: 0
            width: 266
            height: 345
            checkable: true
            bg_color: !lambda |-
              return lv_color_hex(std::string("${scelta_tema}") == "scuro" ? ${colore_sfondo_scuro} : 0x808080);
            shadow_width: 0
            border_width: 0
            widgets:
              - label:
                  id: label_salariunioni
                  align: CENTER
                  text: "Sala\nRiunioni"
                  text_align: center
                  text_font: font_grande
            on_press:
              then:
                - homeassistant.service:
                    service: switch.toggle
                    data:
                      entity_id: switch.esphome_web_75ea84_relay_3
        - button:
            id: switch_btn_salariunioni2
            align: CENTER
            x: 141
            y: 0
            width: 266
            height: 345
            checkable: true
            bg_color: !lambda |-
              return lv_color_hex(std::string("${scelta_tema}") == "scuro" ? ${colore_sfondo_scuro} : 0x808080);
            shadow_width: 0
            border_width: 0
            widgets:
              - label:
                  id: label_salariunioni2
                  align: CENTER
                  text: "Sala\nRiunioni 2"
                  text_font: font_grande
            on_press:
              then:
                - homeassistant.service:
                    service: switch.toggle
                    data:
                      entity_id: switch.antela_smart_plug_it_4_presa_1
        
        - image:
            src: prev_icon 
            align: LEFT_MID
            x: ${distanza_icone_bordo_x}
            image_recolor: !lambda |-
              return lv_color_hex(std::string("${scelta_tema}") == "scuro" ? ${colore_testo_scuro} : 0x000000);
            image_recolor_opa: 100%
        - button:
            align: LEFT_MID
            width: 120
            height: 480
            opa: ${visibilita_hitbox}  
            bg_color: 0xFF0000
            on_click:
              then:
                - lvgl.page.previous:
                    animation: OUT_RIGHT
                    time: ${tempo_transizione_pagine}
        - image:
            src: next_icon 
            align: RIGHT_MID
            x: -${distanza_icone_bordo_x}
            image_recolor: !lambda |-
              return lv_color_hex(std::string("${scelta_tema}") == "scuro" ? ${colore_testo_scuro} : 0x000000);
            image_recolor_opa: 100%
        - button:
            align: BOTTOM_RIGHT
            width: 120 
            height: 360
            opa: ${visibilita_hitbox} 
            bg_color: 0x0000FF
            on_click:
              then:
                - lvgl.page.next:
                    animation: OUT_LEFT
                    time: ${tempo_transizione_pagine}
        - image:
            src: home_icon
            align: TOP_RIGHT
            x: ${posizione_home_x}
            y: ${posizione_home_y}
            image_recolor: !lambda |-
              return lv_color_hex(std::string("${scelta_tema}") == "scuro" ? ${colore_testo_scuro} : 0x000000);
            image_recolor_opa: 100%
        - button:
            align: TOP_RIGHT
            width: 120
            height: 120
            opa: ${visibilita_hitbox}
            bg_color: 0x00FF00
            on_click:
              then:
                - lvgl.page.show:
                    id: main_pages
                    animation: OUT_TOP
                    time: ${tempo_animazione_home}

    # --- PAGINA 4: FANCOIL ---
    - id: quinta_pagina
      widgets:
        - button:
            id: master_button_gigante
            align: CENTER
            x: 0
            y: 0
            width: 548
            height: 350
            checkable: true
            bg_color: !lambda |-
              return lv_color_hex(std::string("${scelta_tema}") == "scuro" ? ${colore_sfondo_scuro} : 0x808080);
            shadow_width: 0
            border_width: 0
            widgets:
              - label:
                  id: label_master
                  align: CENTER
                  text: "FANCOIL"
                  text_align: center
                  text_font: font_grande
            on_press:
              then:
                - if:
                    condition:
                      lambda: |-
                        return id(Ev_Fancoil).state || id(Ventola_Fancoil).state;
                    then:
                      - homeassistant.service:
                          service: switch.turn_off
                          data:
                            entity_id: switch.esphome_web_75e2d0_relay_6
                      - homeassistant.service:
                          service: switch.turn_off
                          data:
                            entity_id: switch.esphome_web_75e2d0_relay_5
                    else:
                      - homeassistant.service:
                          service: switch.turn_on
                          data:
                            entity_id: switch.esphome_web_75e2d0_relay_6
                      - homeassistant.service:
                          service: switch.turn_on
                          data:
                            entity_id: switch.esphome_web_75e2d0_relay_5
        - image:
            src: prev_icon 
            align: LEFT_MID
            x: ${distanza_icone_bordo_x}
            image_recolor: !lambda |-
              return lv_color_hex(std::string("${scelta_tema}") == "scuro" ? ${colore_testo_scuro} : 0x000000);
            image_recolor_opa: 100%
        - button:
            align: LEFT_MID
            width: 120
            height: 480
            opa: ${visibilita_hitbox}
            on_click:
              then:
                - lvgl.page.previous:
                    animation: OUT_RIGHT
                    time: ${tempo_transizione_pagine}
        - image:
            src: next_icon 
            align: RIGHT_MID
            x: -${distanza_icone_bordo_x}
            image_recolor: !lambda |-
              return lv_color_hex(std::string("${scelta_tema}") == "scuro" ? ${colore_testo_scuro} : 0x000000);
            image_recolor_opa: 100%
        - button:
            align: BOTTOM_RIGHT
            width: 120
            height: 360
            opa: ${visibilita_hitbox}
            bg_color: 0x0000FF
            on_click:
              then:
                - lvgl.page.next:
                    animation: OUT_LEFT
                    time: ${tempo_transizione_pagine}
        - image:
            src: home_icon
            align: TOP_RIGHT
            x: ${posizione_home_x}
            y: ${posizione_home_y}
            image_recolor: !lambda |-
              return lv_color_hex(std::string("${scelta_tema}") == "scuro" ? ${colore_testo_scuro} : 0x000000);
            image_recolor_opa: 100%
        - button:
            align: TOP_RIGHT
            width: 120
            height: 120
            opa: ${visibilita_hitbox}
            bg_color: 0x00FF00
            on_click:
              then:
                - lvgl.page.show:
                    id: main_pages
                    animation: OUT_TOP
                    time: ${tempo_animazione_home}

    # --- PAGINA 5: AGENTI ---
    - id: quarta_pagina
      widgets:
        - button:
            id: switch_btn_agente1
            align: CENTER
            x: -141 
            y: 0
            width: 266
            height: 345
            checkable: true
            bg_color: !lambda |-
              return lv_color_hex(std::string("${scelta_tema}") == "scuro" ? ${colore_sfondo_scuro} : 0x808080);
            shadow_width: 0
            border_width: 0
            widgets:
              - label:
                  id: label_agente1
                  align: CENTER
                  text: "Agente 1"
                  text_align: center
                  text_font: font_grande
            on_press:
              then:
                - homeassistant.service:
                    service: switch.toggle
                    data:
                      entity_id: switch.esphome_web_75ea84_relay_6
        - button:
            id: switch_btn_agente2
            align: CENTER
            x: 141
            y: 0
            width: 266
            height: 345
            checkable: true
            bg_color: !lambda |-
              return lv_color_hex(std::string("${scelta_tema}") == "scuro" ? ${colore_sfondo_scuro} : 0x808080);
            shadow_width: 0
            border_width: 0
            widgets:
              - label:
                  id: label_agente2
                  align: CENTER
                  text: "Agente 2"
                  text_align: center
                  text_font: font_grande
            on_press:
              then:
                - homeassistant.service:
                    service: switch.toggle
                    data:
                      entity_id: switch.esphome_web_75ea84_relay_5
        
        - image:
            src: prev_icon 
            align: LEFT_MID
            x: ${distanza_icone_bordo_x}
            image_recolor: !lambda |-
              return lv_color_hex(std::string("${scelta_tema}") == "scuro" ? ${colore_testo_scuro} : 0x000000);
            image_recolor_opa: 100%
        - button:
            align: LEFT_MID
            width: 120
            height: 480
            opa: ${visibilita_hitbox} 
            bg_color: 0xFF0000
            on_click:
              then:
                - lvgl.page.previous:
                    animation: OUT_RIGHT
                    time: ${tempo_transizione_pagine}
        - image:
            src: next_icon 
            align: RIGHT_MID
            x: -${distanza_icone_bordo_x}
            image_recolor: !lambda |-
              return lv_color_hex(std::string("${scelta_tema}") == "scuro" ? ${colore_testo_scuro} : 0x000000);
            image_recolor_opa: 100%
        - button:
            align: BOTTOM_RIGHT
            width: 120 
            height: 360
            opa: ${visibilita_hitbox} 
            bg_color: 0x0000FF
            on_click:
              then:
                - lvgl.page.next:
                    animation: OUT_LEFT
                    time: ${tempo_transizione_pagine}
        - image:
            src: home_icon
            align: TOP_RIGHT
            x: ${posizione_home_x}
            y: ${posizione_home_y}
            image_recolor: !lambda |-
              return lv_color_hex(std::string("${scelta_tema}") == "scuro" ? ${colore_testo_scuro} : 0x000000);
            image_recolor_opa: 100%
        - button:
            align: TOP_RIGHT
            width: 120
            height: 120
            opa: ${visibilita_hitbox}
            bg_color: 0x00FF00
            on_click:
              then:
                - lvgl.page.show:
                    id: main_pages
                    animation: OUT_TOP
                    time: ${tempo_animazione_home}

    # --- PAGINA 6: NFC ---
    - id: pagina_nfc
      widgets:
        - label:
            id: title_nfc
            align: TOP_MID
            y: 50
            text: "ULTIMO DIPENDENTE:"
            text_font: tag_font
            text_color: !lambda |-
              return lv_color_hex(std::string("${scelta_tema}") == "scuro" ? ${colore_testo_scuro} : 0x000000);
        - label:
            id: nfc_id_label
            align: CENTER
            y: 0
            text: "--"
            text_font: font2
            text_align: center
            text_color: 0xA8D5BA
        - image:
            src: prev_icon 
            align: LEFT_MID
            x: ${distanza_icone_bordo_x}
            image_recolor: !lambda |-
              return lv_color_hex(std::string("${scelta_tema}") == "scuro" ? ${colore_testo_scuro} : 0x000000);
            image_recolor_opa: 100%
            on_click:
              then:
                - script.stop: reset_display
                - lvgl.page.show: quarta_pagina
        - button:
            align: LEFT_MID
            width: 120        
            height: 480
            opa: ${visibilita_hitbox} 
            bg_color: 0xFF0000 
            on_click:
              then:
                - script.stop: reset_display
                - lvgl.page.show: quarta_pagina
        - image:
            src: next_icon 
            align: RIGHT_MID
            x: -${distanza_icone_bordo_x}
            image_recolor: !lambda |-
              return lv_color_hex(std::string("${scelta_tema}") == "scuro" ? ${colore_testo_scuro} : 0x000000);
            image_recolor_opa: 100%
            on_click:
              then:
                - script.stop: reset_display
                - lvgl.page.show: main_pages
        - button:
            align: BOTTOM_RIGHT
            width: 120        
            height: 360 
            opa: ${visibilita_hitbox} 
            bg_color: 0x0000FF 
            on_click:
              then:
                - script.stop: reset_display
                - lvgl.page.show: main_pages
        - image:
            src: home_icon
            align: TOP_RIGHT
            x: ${posizione_home_x}
            y: ${posizione_home_y}
            image_recolor: !lambda |-
              return lv_color_hex(std::string("${scelta_tema}") == "scuro" ? ${colore_testo_scuro} : 0x000000);
            image_recolor_opa: 100%
        - button:
            align: TOP_RIGHT
            width: 120
            height: 120
            opa: ${visibilita_hitbox}
            bg_color: 0x00FF00
            on_click:
              then:
                - script.stop: reset_display
                - lvgl.page.show:
                    id: main_pages
                    animation: OUT_TOP
                    time: ${tempo_animazione_home}

  on_idle:
    timeout: ${tempo_idle_spegnimento}
    then:
      - lvgl.page.show: main_pages
      - light.turn_off: back_light 
      - lvgl.pause:

interval:
  - interval: 1s
    then:
      - lambda: |-
          auto time = id(homeassistant_tempo).now();
          
          lv_color_t clock_color;
          if (lvgl_lvglcomponent_id->is_paused()) {
              clock_color = lv_color_hex(${colore_testo_standby});
          } else {
              clock_color = lv_color_hex(std::string("${scelta_tema}") == "scuro" ? ${colore_testo_scuro} : 0x000000);
          }

          if (time.is_valid()) {
            char buffer[6];
            sprintf(buffer, "%02d:%02d", time.hour, time.minute);
            lv_label_set_text(static_cast<lv_obj_t*>(id(clock_label)), buffer);
            lv_obj_set_style_text_color(id(clock_label), clock_color, LV_PART_MAIN);

            char date_buffer[13];
            sprintf(date_buffer, "%02d/%02d/%04d", time.day_of_month, time.month, time.year);
            lv_label_set_text(static_cast<lv_obj_t*>(id(date_label)), date_buffer);
            lv_obj_set_style_text_color(id(date_label), clock_color, LV_PART_MAIN);
          }
          
          lv_color_t color_spento = lv_color_hex(std::string("${scelta_tema}") == "scuro" ? ${colore_testo_scuro} : 0x000000);
          lv_color_t color_acceso = lv_color_hex(${colore_testo_pulsante_on});

          if (id(stato_ingresso_relay3).state || id(stato_ingresso_relay4).state) {
            lv_obj_add_state(id(switch_btn_ingresso), LV_STATE_CHECKED);
            lv_obj_set_style_text_color(id(label_ingresso), color_acceso, LV_PART_MAIN);
          } else {
            lv_obj_clear_state(id(switch_btn_ingresso), LV_STATE_CHECKED);
            lv_obj_set_style_text_color(id(label_ingresso), color_spento, LV_PART_MAIN);
          }
          
          if (id(stato_soppalco_relay1).state || id(stato_soppalco_relay2).state) {
            lv_obj_add_state(id(switch_btn_soppalco), LV_STATE_CHECKED);
            lv_obj_set_style_text_color(id(label_soppalco), color_acceso, LV_PART_MAIN);
          } else {
            lv_obj_clear_state(id(switch_btn_soppalco), LV_STATE_CHECKED);
            lv_obj_set_style_text_color(id(label_soppalco), color_spento, LV_PART_MAIN);
          }
          
          if (id(stato_agenti_relay5).state || id(stato_agenti_relay6).state) {
            lv_obj_add_state(id(switch_btn_agenti), LV_STATE_CHECKED);
            lv_obj_set_style_text_color(id(label_agenti), color_acceso, LV_PART_MAIN);
          } else {
            lv_obj_clear_state(id(switch_btn_agenti), LV_STATE_CHECKED);
            lv_obj_set_style_text_color(id(label_agenti), color_spento, LV_PART_MAIN);
          }
          
          if (id(Ev_Fancoil).state || id(Ventola_Fancoil).state) {
            lv_obj_add_state(id(master_button_gigante), LV_STATE_CHECKED);
            lv_obj_set_style_text_color(id(label_master), color_acceso, LV_PART_MAIN);
          } else {
            lv_obj_clear_state(id(master_button_gigante), LV_STATE_CHECKED);
            lv_obj_set_style_text_color(id(label_master), color_spento, LV_PART_MAIN);
          }
          
          if (id(stato_bagno_relay6).state || id(stato_cucinino).state) {
            lv_obj_add_state(id(switch_btn_bagno), LV_STATE_CHECKED);
            lv_obj_set_style_text_color(id(label_bagno), color_acceso, LV_PART_MAIN);
          } else {
            lv_obj_clear_state(id(switch_btn_bagno), LV_STATE_CHECKED);
            lv_obj_set_style_text_color(id(label_bagno), color_spento, LV_PART_MAIN);
          }
          
          if (id(stato_sala_riunioni).state) {
            lv_obj_add_state(id(switch_btn_salariunioni), LV_STATE_CHECKED);
            lv_obj_set_style_text_color(id(label_salariunioni), color_acceso, LV_PART_MAIN);
          } else {
            lv_obj_clear_state(id(switch_btn_salariunioni), LV_STATE_CHECKED);
            lv_obj_set_style_text_color(id(label_salariunioni), color_spento, LV_PART_MAIN);
          }
          
          if (id(stato_sala_riunioni_2).state) {
            lv_obj_add_state(id(switch_btn_salariunioni2), LV_STATE_CHECKED);
            lv_obj_set_style_text_color(id(label_salariunioni2), color_acceso, LV_PART_MAIN);
          } else {
            lv_obj_clear_state(id(switch_btn_salariunioni2), LV_STATE_CHECKED);
            lv_obj_set_style_text_color(id(label_salariunioni2), color_spento, LV_PART_MAIN);
          }
          
          if (id(stato_agenti_relay6).state) {
            lv_obj_add_state(id(switch_btn_agente1), LV_STATE_CHECKED);
            lv_obj_set_style_text_color(id(label_agente1), color_acceso, LV_PART_MAIN);
          } else {
            lv_obj_clear_state(id(switch_btn_agente1), LV_STATE_CHECKED);
            lv_obj_set_style_text_color(id(label_agente1), color_spento, LV_PART_MAIN);
          }
          
          if (id(stato_agenti_relay5).state) {
            lv_obj_add_state(id(switch_btn_agente2), LV_STATE_CHECKED);
            lv_obj_set_style_text_color(id(label_agente2), color_acceso, LV_PART_MAIN);
          } else {
            lv_obj_clear_state(id(switch_btn_agente2), LV_STATE_CHECKED);
            lv_obj_set_style_text_color(id(label_agente2), color_spento, LV_PART_MAIN);
          }