HA foodpanda markdown card

views:
  - title: Home
    type: panel
    path: dummy
    badges: []
    cards:
      - type: markdown
        card_mod:
          style: |
            ha-card {
              box-shadow: none;
              border: 0px;
              font-size: 50px
            }
        content: >
          <center><img src="https://YOUR_HA_DOMAIN/local/tmp/fp_logo.png" width="400"> </center>
          <h1> <center>外送通知</center></h1>

  - path: msg
    title: msg
    type: panel
    badges: []
    cards:
      - type: markdown
        card_mod:
          style: |
            ha-card {
              box-shadow: none;
              border: 0px;
              font-size: 50px
            }
        content: >
          <center><img src="https://YOUR_HA_DOMAIN/local/tmp/fp_logo.png" width="400">
          <h3> <center> 已下單{{ state_attr("sensor.foodpanda_orders","restaurant_name") }} </h3>
          <h2> <center> {% if state_attr("sensor.foodpanda_orders","title_summary") != '' %}
              {{ state_attr("sensor.foodpanda_orders","title_summary") }}
            {% else %}
              尚未有資訊
            {% endif %}</h2> </center>
          <h3> <center> 預計{{ state_attr("sensor.foodpanda_orders","eta") }}分送達 </center> </h3>

  - title: DONE
    path: done
    type: panel
    badges: []
    cards:
      - type: markdown
        card_mod:
          style: |
            ha-card {
              box-shadow: none;
              background: #7aeb34;
              border: 0px;
              font-size: 50px
            }
        content: >
          <center><img src="https://YOUR_HA_DOMAIN/local/tmp/fp_logo.png" width="400">
          <h1> <center> <font color="#FFFFFF"> 餐點已經送到1樓囉! </font> </center></h1>
          <h1> <center> <font color="#FFFFFF"> 趕快去拿唷! </font> </center></h1>