{% comment %} TRMNL private plugin · Polling · quadrant · data: /api/screens/week.json {% endcomment %}
<div class="layout layout--col layout--top gap--xsmall">
  <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 remaining limit: 5 %}
    {% if day.items.size > 0 %}
    <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 58px;">{{ day.short }} {{ day.num }}</span>
      <span class="text--small" data-clamp="1">{% for a in day.items %}{% if a.time != "" %}<span class="text--bold">{{ a.time }}</span> {% endif %}{{ a.title }}{% if a.who_short != "" %} ({{ a.who_short }}){% endif %}{% unless forloop.last %} · {% endunless %}{% endfor %}</span>
    </div>
    {% endif %}
    {% endfor %}
    {% if total_items == 0 %}<span class="description">Nothing planned this week.</span>{% endif %}
  </div>
</div>
<div class="title_bar">
  <img class="image image--adaptive" src="https://trmnl.com/images/plugins/trmnl--render.svg">
  <span class="title">Week {{ week_number }}</span>
  <span class="instance">{% if is_holiday %}{{ holiday_title }}{% endif %}</span>
</div>