{% comment %} TRMNL private plugin · Polling · full layout · data: /api/screens/meals.json {% endcomment %}
<div class="layout layout--col layout--top gap--small">
  {% if has_plan == false %}
  <div class="flex flex--col flex--center h--full text--center">
    <span class="title">No dinner plan this week</span>
    <span class="description">Add a plan with weekStart {{ week_label }} to data/meals.json.</span>
  </div>
  {% else %}
  <table class="table table--small stretch-x">
    <tbody>
      {% for day in days %}
      <tr>
        <td style="width: 22%;">
          {% if day.is_today %}
          <span class="label label--small label--filled">{{ day.long }}</span>
          {% else %}
          <span class="label label--small{% if day.is_past %} label--gray{% endif %}">{{ day.long }}</span>
          {% endif %}
        </td>
        <td>
          <span class="title title--small{% if day.is_past %} text--gray-50{% endif %}" data-clamp="1">{% if day.meal != "" %}{{ day.meal }}{% else %}–{% endif %}</span>
        </td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
  {% if note != "" %}<span class="description">{{ note }}</span>{% endif %}
  {% endif %}
</div>

<div class="title_bar">
  <img class="image image--adaptive" src="https://trmnl.com/images/plugins/trmnl--render.svg">
  <span class="title">Dinner</span>
  <span class="instance">{{ week_label }}</span>
</div>