card3.yaml

type: vertical-stack
cards:
  - type: markdown
    content: >
      {% set stage_sensor = "sensor.load_shedding_stage_eskom" %}

      {% set area_sensor = "sensor.load_shedding_area_eskde_14_milnertoncityofcapetownwesterncape" %}



      {% set start_time = state_attr(stage_sensor, "start_time") %}  {% set
      end_time = state_attr(stage_sensor, "end_time") %}

      {% set area_schedule = state_attr(area_sensor, "forecast") %}

      {% if area_schedule %}
        {% set start_time = area_schedule[0].start_time %}
        {% set end_time = area_schedule[0].end_time %}

        {% if is_state(area_sensor, "off") %}
          {% set starts_in = timedelta(minutes=state_attr(area_sensor, "starts_in")) %}
          {% if is_state_attr(stage_sensor, "stage", 0) or starts_in.seconds > 86400  %}
            <ha-alert alert-type="success">{{ states(stage_sensor) }}</ha-alert>
          {% elif not is_state_attr(stage_sensor, "stage", 0) and 0 < starts_in.seconds <= 86400 %}
            <ha-alert alert-type="warning">Load Shedding starts in {{ starts_in.seconds // 3600 }}h{{ (starts_in.seconds // 60) - (starts_in.seconds // 3600 * 60) }}m ({{ as_timestamp(start_time) | timestamp_custom("%H:%M", True) }})</ha-alert>
          {% endif %}
        {% else %}
          {% set ends_in = timedelta(minutes=state_attr(area_sensor, "ends_in")) %}
          {% if is_state_attr(stage_sensor, "stage", 0) or ends_in.seconds > 86400 %}
            <ha-alert alert-type="success">{{ states(stage_sensor) }}</ha-alert>
          {% elif not is_state_attr(stage_sensor, "stage", 0) and 0 < ends_in.seconds <= 86400 %}
            <ha-alert alert-type="error">Load Shedding ends in {{ ends_in.seconds // 3600 }}h{{ (ends_in.seconds // 60) - (ends_in.seconds // 3600 * 60) }}m  ({{ as_timestamp(end_time) | timestamp_custom("%H:%M", True) }})</ha-alert>
          {% endif %}
        {% endif %}
      {% endif %}


      {% set area_forecast = state_attr(area_sensor, "forecast" )%}

      {% if area_forecast %}

      <table width="100%"  border=0>
        <tbody>
        {% for forecast in area_forecast[:3] %}
        <tr>
          <td align="left">
          {{ as_timestamp(forecast.start_time) | timestamp_custom("%-d %B", True) }}
          </td>
          <td align="left">
          {{ as_timestamp(forecast.start_time) | timestamp_custom("%H:%M", True) }} - {{ as_timestamp(forecast.end_time) | timestamp_custom("%H:%M", True) }}
          </td>
          <td align="right">Stage {{ forecast.stage }}</td>
        </tr>
        {% endfor %}
        </tbody>
      </table>

      {% endif %}
  - type: custom:mushroom-template-card
    primary: Quota {{state_attr(entity, "count")}}/{{state_attr(entity, "limit")}}
    secondary: ''
    icon: mdi:lightning-bolt
    entity: sensor.load_shedding_sepush_quota
    tap_action:
      action: more-info
    icon_color: ''
    badge_icon: ''
    fill_container: false
    multiline_secondary: false