{% comment %} TRMNL private plugin · Polling · quadrant · data: /api/screens/meals.json {% endcomment %}
<div class="layout layout--col layout--top gap--xsmall">
  {% if has_plan == false %}<span class="description">No dinner plan this week.</span>{% endif %}
  <div class="flex flex--col gap--xsmall stretch-x" style="align-items: stretch; text-align: left;" data-list-limit="true" data-list-max-height="160" data-list-hidden-count="true">
    {% for day in days %}
    {% if day.is_past == false %}
    <div class="flex flex--row gap--small w--full" style="align-items: baseline; justify-content: flex-start;">
      <span class="label label--small{% if day.is_today %} label--filled{% endif %}" style="flex: 0 0 44px;">{{ day.short }}</span>
      <span class="title title--small" data-clamp="1">{% if day.meal != "" %}{{ day.meal }}{% else %}–{% endif %}</span>
    </div>
    {% endif %}
    {% endfor %}
  </div>
</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 {{ week_number }}</span>
</div>