vacuum-status-report-card.yaml

type: custom:hui-entities-card
title: Vacuum
icon: mdi:robot-vacuum
entities:
- type: custom:hui-vertical-stack-card
  cards:
  - type: markdown
    content: >-
      {% if (states("sensor.vacuum_cleaning_due") != "not_due") %}
        ### <ha-icon style='color:var(--secondary-text-color)' icon='mdi:alert-circle-outline'></ha-icon> <font color=#b58e31>Cleaning is due!</font>
        ***
      {% endif %}

      <ha-icon icon='mdi:robot-vacuum'></ha-icon> **Vacuum Status:** {{states("vacuum.isuck")}}


      {% if (states("vacuum.isuck") == "docked") %}{% if (states("sensor.vacuum_cleaning_due") != "not_due") %}<font color="#FC2B36"><ha-icon icon='mdi:close'></ha-icon></font>{% else %}<font color="#22C476"><ha-icon icon='mdi:check'></ha-icon></font>{% endif %}{% else %}<ha-icon icon='mdi:clock-outline'></ha-icon>{% endif %} **Clean Status:** {% if (states("vacuum.isuck") == "docked") %}{% if (states("sensor.vacuum_cleaning_due") == "overdue") %}cleaning overdue!{% elif (states("sensor.vacuum_cleaning_due") == "due") %}cleaning due{% else %}House is clean{% endif %}{% else %}in progress...{% endif %}
    

      {% if (states("input_boolean.isuck_dust_bin_full") == "on") %}
      <font color="#FC2B36"><ha-icon icon='mdi:close'></ha-icon></font>
      {% else %}
      <font color="#22C476"><ha-icon icon='mdi:check'></ha-icon></font>
      {% endif %}
      **Dust Bin Status:** {% if (states("input_boolean.isuck_dust_bin_full") == "on") %}
      Full
      {% else %}
      Empty
      {% endif %}
    style: |
      ha-card {
        -webkit-box-shadow: 0px 0px 0px 0px var(--button-card-light-color);
        box-shadow: 0px 0px 0px 0px var(--button-card-light-color);
      }
  - !include /config/lovelace/tiles/vacuum-action-card.yaml