substitutions:
  device_name: "ttgo-display"
  friendly_name: "ttgo-display"
  comment: "esp32, display, distance"
  api_password: !secret ttgo-t-display_api
  ota_password: !secret ota_password
  wifi_ssid: !secret wifi_ssid
  wifi_password: !secret wifi_password
  gateway: !secret ip_gateway
  subnet: !secret ip_subnet
  ip: !secret ttgo-t-display_ip
  pin_sda: GPIO21
  pin_scl: GPIO22
  pin_but0: GPIO0
  pin_but1: GPIO35
  pin_spi_clk: GPIO18
  pin_spi_mosi: GPIO19
  pin_lcd_bl: GPIO4
  pin_lcd_cs: GPIO5
  pin_lcd_dc: GPIO16
  pin_lcd_rst: GPIO23


packages:
  board: !include boards/esp32_wroom_arduino.yaml
  device_base: !include common/common.yaml
  connection: !include common/wifi.yaml
  logger: !include templates/logger.yaml
  time: !include templates/time.yaml

spi:
  clk_pin: ${pin_spi_clk}
  mosi_pin: ${pin_spi_mosi}

# Define the rotate variable. This indicates if the pages should be rotated or not
globals:
  - id: rotate
    type: boolean
    initial_value: "true"


# Define binary sensors
binary_sensor:
  - platform: gpio          # Short Press button 0
    pin:
      number: ${pin_but0}
      inverted: true
      mode:
        input: true
        pullup: true
    name: "Short Press Button 0"
    id: short_press_button_0
    on_click:
      min_length: 1ms
      max_length: 1000ms
      then:
        - display.page.show_previous: my_display
        - component.update: my_display 
  - platform: gpio          # Long Press button 1
    pin:
      number: ${pin_but1}
      inverted: true
    name: "Long Press Button 1"
    id: long_press_button_1
    on_click:
      min_length: 1001ms
      max_length: 5000ms
      then:
        - if:
            condition:
              lambda: |-
                return id(rotate);
            then:
              globals.set:
                id: rotate
                value: "false" 
            else:
              globals.set:
                id: rotate
                value: "true"


# Define all the numeric sensors used
sensor:
  - platform: homeassistant
    entity_id: sensor.views
    id: views
  - platform: homeassistant
    entity_id: sensor.ttgo_display_data
    attribute: netto_power
    id: nettopower
  - platform: homeassistant
    entity_id: sensor.esp32_s2_aqs_ikea_temperature
    id: office_temperature
  - platform: homeassistant
    entity_id: sensor.esp32_s2_aqs_ikea_humidity
    id: office_humidity
  - platform: homeassistant
    entity_id: sensor.ttgo_display_data
    attribute: temperature
    id: outside_temperature
  - platform: homeassistant
    entity_id: sensor.ttgo_display_data
    attribute: wind_speed
    id: wind_speed
  - platform: homeassistant
    entity_id: sensor.exchange_rate_1_btc
    id: bitcoin

# Define all the string sensors used
text_sensor:
  - platform: homeassistant
    entity_id: sensor.ttgo_display_data
    attribute: weather_condition_0
    id: weather_condition
    filters:
      - to_upper:

# Define fonts. Use either Google fonts or stored fonts. Stored fonts are stored in esphome/fonts/
font:
  - file:
      type: gfonts
      family: Lato
      weight: 400
    id: lato
    size: 20
  - file:
      type: gfonts
      family: Lato
      weight: 700
    id: latobold
    size: 24
  - file:
      type: gfonts
      family: Lato
      weight: 900
    id: latoblack
    size: 30
  - file:
      type: gfonts
      family: Lato
      weight: 900
    id: latoblackheading1
    size: 50
  - file: "fonts/bitcoin/Ubuntu-BoldItalic.ttf"
    id: bitcoin_font
    size: 30

# Define colors
color:
  - id: RED
    red: 100%
    green: 0%
    blue: 0%
  - id: GREEN
    red: 0%
    green: 100%
    blue: 0%
  - id: BLUE
    red: 0%
    green: 0%
    blue: 100%
  - id: YELLOW
    red: 100%
    green: 100%
    blue: 0%
  - id: WHITE
    red: 100%
    green: 100%
    blue: 100%
  - id: ORANGE
    red: 100%
    green: 67%
    blue: 20%
    
# Define all the images used. Store the images in the images folder within the esphome folder (esphome/images/)
image:
  - file: "images/youtube.png"
    id: youtube_image
    resize: 80x80
    type: RGB24
  - file: "images/logo.jpg"
    id: logo
    resize: 120x120
    type: RGB24
  - file: "images/electricity-icon.png"
    id: electricity_image
    resize: 80x80
    type: RGB24
  - file: "images/bitcoin_logo.png"
    id: bitcoin_logo
    resize: 80x80
    type: RGB24
  - file: "images/wind_icon.png"
    id: wind_icon
    resize: 30x30
    type: RGB24
  - file: "images/thermometer_icon.png"
    id: thermometer_icon
    resize: 30x30
    type: RGB24

# Define animations
animation:
  - file: "images/weather.gif"
    id: weather_animation
    resize: 80x80
    type: RGB24 

# Define the graphs for sensors that you want to show on the display
graph:
  - id: office_temperature_graph
    sensor: office_temperature
    duration: 4h
    width: 220
    height: 90 
    x_grid: 1min
    y_grid: 5
    min_range: 5
    max_range: 35
    min_value: 5
    max_value: 35
    color: GREEN
  - id: office_humidity_graph
    sensor: office_humidity
    duration: 4h
    width: 220
    height: 90 
    x_grid: 1min
    y_grid: 25
    min_range: 1
    max_range: 100
    min_value: 1
    max_value: 100
    color: BLUE
  - id: power_graph
    sensor: nettopower
    duration: 4h
    width: 220
    height: 90 
    x_grid: 15min
    y_grid: 100.0
    color: YELLOW
  # - id: office_light_sensor_graph
  #   duration: 4h
  #   width: 220
  #   height: 90 
  #   x_grid: 1h
  #   traces:
  #     - sensor: office_light_sensor
  #       color: ORANGE
  #       line_type: SOLID
  #       line_thickness: 5

# Define qr code locations
qr_code:
  - id: smarthomejunkie_website
    value: smarthomejunkie.net

# Set up the display. This is the main part of the code
display:
  - platform: st7789v
    model: TTGO_TDISPLAY_135x240
    backlight_pin: ${pin_lcd_bl}
    cs_pin: ${pin_lcd_cs}
    dc_pin: ${pin_lcd_dc}
    reset_pin: ${pin_lcd_rst}
    rotation: 90°
    update_interval: 1s
    id: my_display
    pages:                # Define the pages
      - id: showtime
        lambda: |-
          it.strftime(45, 20, id(latoblack), "%d-%m-%Y", id(homeassistant_time).now());
          it.strftime(25, 55, id(latoblackheading1), "%H:%M:%S", id(homeassistant_time).now());

      - id: shownettopower
        lambda: |-
          it.printf(0,0,id(latoblack), WHITE, "NETTO POWER");
          it.image(0, 40, id(electricity_image));
          if (id(nettopower).has_state()) {
            if (id(nettopower).state > -1000) {
              it.printf(95, 60, id(latoblack), WHITE, "%.2f kWh", id(nettopower).state);     
            } else {
              it.printf(95, 60, id(latobold), WHITE, "%.2f kWh", id(nettopower).state);
            }    
          } else {
            it.printf(95, 65, id(lato), WHITE, "LOADING...");
          }
      # - id: showbitcoin
      #   lambda: |-
      #     it.printf(0,0,id(bitcoin_font), WHITE, "bitcoin");
      #     it.image(0, 40, id(bitcoin_logo));
      #     if (id(bitcoin).has_state()) {
      #       it.printf(95, 60, id(bitcoin_font), WHITE, "%.0f", id(bitcoin).state);         
      #     } else {
      #       it.printf(95, 65, id(lato), WHITE, "LOADING...");
      #     }      
      - id: show_office_temperature_graph
        lambda: |-
          if (id(office_temperature).has_state()) {
            it.printf(0,0,id(latoblack), WHITE, "TEMP: %.1f °C", id(office_temperature).state);
            it.graph(10, 40, id(office_temperature_graph));
          } else {
            it.printf(0,0,id(latoblack), WHITE, "TEMPERATURE");
            it.printf(80, 65, id(lato), WHITE, "LOADING...");
          }
      - id: show_office_humidity_graph
        lambda: |-
          if (id(office_humidity).has_state()) {
            it.printf(0,0,id(latoblack), WHITE, "HUM: %.0f %%", id(office_humidity).state);
            it.graph(10, 40, id(office_humidity_graph));
          } else {
            it.printf(0,0,id(latoblack), WHITE, "HUMIDITY");
            it.printf(80, 65, id(lato), WHITE, "LOADING...");
          }
      - id: show_nettopower_graph
        lambda: |-
          if (id(nettopower).has_state()) {
            it.printf(0,0,id(latoblack), WHITE, "power: %.2f Kwh", id(nettopower).state);
            it.graph(10, 40, id(power_graph));  
          } else {
            it.printf(0,0,id(latoblack), WHITE, "PRESSURE");
            it.printf(80, 65, id(lato), WHITE, "LOADING...");
          }            
      # - id: show_office_light_sensor_graph
      #   lambda: |-
      #     if (id(office_light_sensor).has_state()) {        
      #       it.printf(0,0,id(latoblack), WHITE, "LUX: %.0f lx", id(office_light_sensor).state);
      #       it.graph(10, 40, id(office_light_sensor_graph));   
      #     } else {
      #       it.printf(0,0,id(latoblack), WHITE, "LUX");
      #       it.printf(80, 65, id(lato), WHITE, "LOADING...");
      #     }
      - id: show_weather
        lambda: |-
          id(weather_animation).next_frame();
          it.image(0, 0, id(weather_animation), COLOR_ON, COLOR_OFF);
          if (id(weather_condition).state == "CLOUDY" ||
              id(weather_condition).state == "RAINY" ||
              id(weather_condition).state == "FOG" ||
              id(weather_condition).state == "HAIL" ||
              id(weather_condition).state == "SNOWY" ||
              id(weather_condition).state == "SUNNY" ||
              id(weather_condition).state == "WINDY" ) {
            it.printf(110,0,id(latoblack), WHITE,"%s",id(weather_condition).state.c_str()); 
          }
          if (id(weather_condition).state == "LIGTNING" ||
              id(weather_condition).state == "POURING" ) {
            it.printf(110,0,id(latobold), WHITE,"%s",id(weather_condition).state.c_str()); 
          }
          if (id(weather_condition).state == "PARTLYCLOUDY") {
            it.printf(110,0,id(latoblack), WHITE,"PARTLY"); 
            it.printf(110,35,id(latoblack), WHITE,"CLOUDY"); 
          }
          if (id(weather_condition).state == "SNOWY-RAIN") {
            it.printf(110,0,id(latoblack), WHITE,"SNOWY"); 
            it.printf(110,35,id(latoblack), WHITE,"RAIN"); 
          }
          if (id(weather_condition).state == "LIGHTNING-RAINY") {
            it.printf(110,0,id(latobold), WHITE,"LIGHTNING"); 
            it.printf(110,35,id(latobold), WHITE,"RAINY"); 
          }
          if (id(weather_condition).state == "WINDY-VARIANT") {
            it.printf(110,0,id(latoblack), WHITE,"WINDY");
          }
          if (id(weather_condition).state == "CLEAR-NIGHT") {
            it.printf(110,0,id(latoblack), WHITE,"CLEAR"); 
            it.printf(110,35,id(latoblack), WHITE,"NIGHT"); 
          }
          if (id(weather_condition).state == "EXCEPTIONAL") {
            it.printf(110,0,id(latobold), WHITE,"EXCEPTIONAL");
          }
          it.image(0, 100, id(thermometer_icon));       
          it.printf(35,100,id(latobold), WHITE,"%.1f °C", id(outside_temperature).state);
          it.image(110, 100, id(wind_icon));
          it.printf(145,100,id(latobold), WHITE,"%.2f m/s", id(wind_speed).state);
      # - id: showqrcode
      #   lambda: |-
      #     it.qr_code(60, 5, id(smarthomejunkie_website), WHITE, 5);  

# Define the cycle interval of the pages.
interval:
  - interval: 5s
    then:
      if:
        condition:
          lambda: 'return id(rotate);'
        then:
          - display.page.show_next: my_display
          - component.update: my_display