name: Floorplan
      image: /local/custom_ui/floorplan/floorplan.svg
      stylesheet: /local/custom_ui/floorplan/floorplan.css
      warnings:
      # These options are optional
      # warnings:                  # enable warnings (to find out why things might ot be working correctly)
      # pan_zoom:                  # enable experimental panning / zooming
      # hide_app_toolbar:          # hide the application toolbar (when used as a custom panel)
      # date_format: DD-MMM-YYYY   # Date format to use in hover-over text

      last_motion_entity: sensor.template_last_motion
      last_motion_class: last-motion

      groups:
        - name: Sensors
          entities:
             - sensor.tasmota_dht11_temperature
             - sensor.tasmota_ds18b20_temperature
          text_template: '${entity.state ? Math.ceil(entity.state) : "undefined"}'
          class_template: '
            var temp = parseFloat(entity.state.replace("°", ""));
            if (temp < 60)
              return "temp-low";
            else if (temp < 73)
              return "temp-medium";
            else
              return "temp-high";
            '
        - name: Lights
          entities:
             - light.bookshelf_lamp
             - light.corner_lamp
             - light.nightstand_lamp
             - light.desk_lamp
          states:
            - state: 'on'
              class: 'light-on'
            - state: 'off'
              class: 'light-off'
          action:
            service: toggle

        - name: Switches
          entities:
             - switch.tasmota_2
             - switch.hallway_light
             - switch.tasmota
             - switch.desksign
          states:
            - state: 'on'
              class: 'switch-on'
            - state: 'off'
              class: 'switch-off'
          action:
            service: toggle
        - name: Presence
          entities:
             - person.claire_chambers
          text_template: 'Claire is ${entity.state}'
        - name: Time until semester
          entities:
             - sun.sun
          text_template: '
          var countDownDate = new Date("Aug 17, 2020 00:00:01").getTime();
          var distance = countDownDate - now;
          var days = Math.floor(distance / (1000 * 60 * 60 * 24));
          var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
          var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
          var seconds = Math.floor((distance % (1000 * 60)) / 1000);

          if (distance < 0) {
            return "Back at Clemson!!";
          }
          else {
            return "Semester Starts in " + days + " days, " + hours "hours, " + minutes + " minutes, and " + seconds + "seconds";
          }
          '