{% comment %}
  collabDoo · TRMNL Private Plugin · Layout "Half Horizontal" (800×240)
  Datenquelle: Strategie "Polling" auf https://team.collabdoo.app/d/<token>.json
  Links "Heute" (Termine + Aufgaben gemischt), rechts der nächste Tag mit Einträgen.
  Gruß an alle ([greetings] note): kompakter Post-it unten rechts über den Listen, mit Symbol des Effekts (note.icon_svg).
{% endcomment %}
{% assign next_day = nil %}
{% for d in days %}{% if d.is_today == false and d.line_count > 0 and next_day == nil %}{% assign next_day = d %}{% endif %}{% endfor %}
<div class="view view--half_horizontal" style="position:relative;">
  <style>
    /* [greetings] kompakter Post-it (Gruß an alle) unten rechts über den Listen: randlos, weiß, harter Schatten, Symbol des Effekts */
    .postit-mini { position: absolute; right: 14px; bottom: 40px; width: 240px; max-width: 52%; background: #fff; border: 0; box-shadow: 5px 5px 0 #000;
      transform: rotate(-2.5deg); padding: 12px 12px 8px; z-index: 2; font-family: 'Caveat', 'Bradley Hand', 'Segoe Print', 'Comic Sans MS', cursive; font-weight: 600; color: #000; }
    .postit-mini .note-icon { position: absolute; top: -9px; left: -9px; width: 20px; height: 20px; padding: 4px; box-sizing: content-box; background: #fff;
      border-radius: 6px; box-shadow: 2px 2px 0 #000; transform: rotate(-8deg); color: #000; }
    .postit-mini .note-icon svg { display: block; width: 20px; height: 20px; }
    .postit-mini .note-text { font-size: 15px; line-height: 1.2; text-align: center; overflow-wrap: anywhere; word-break: break-word;
      display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
    .postit-mini .note-from { margin-top: 4px; font-size: 11px; text-align: right; }
  </style>
  <div class="layout layout--row layout--stretch-x gap--medium">
    <div class="flex flex--col gap--xsmall" style="flex:1 1 0;min-width:0;">
      <span class="title title--small">{{ labels.today }} · {{ today.label.day_month }}</span>
      <div class="flex flex--col gap--xsmall" data-list-limit="true" data-list-hidden-count="true">
        {% for l in today.lines %}
        <span class="label label--small{% if l.done %} text--gray-4{% endif %}" data-clamp="1"><span class="value--tnums">{{ l.time }}</span> {{ l.title }}{% if l.who != "" %} <span class="text--gray-3">· {{ l.who }}</span>{% endif %}</span>
        {% endfor %}
        {% if today.line_count == 0 %}<span class="label label--small text--gray-3">{{ labels.nothing_planned }}</span>{% endif %}
      </div>
    </div>
    <div class="flex flex--col gap--xsmall" style="flex:1 1 0;min-width:0;border-left:1px solid #000;padding-left:10px;">
      {% if next_day %}
      <span class="title title--small">{{ next_day.label.weekday_long }} · {{ next_day.label.day_month }}</span>
      <div class="flex flex--col gap--xsmall" data-list-limit="true" data-list-hidden-count="true">
        {% for l in next_day.lines %}
        <span class="label label--small" data-clamp="1"><span class="value--tnums">{{ l.time }}</span> {{ l.title }}{% if l.who != "" %} <span class="text--gray-3">· {{ l.who }}</span>{% endif %}</span>
        {% endfor %}
      </div>
      {% else %}
      <span class="label label--small text--gray-3">{{ labels.nothing_planned }}</span>
      {% endif %}
    </div>
  </div>
  {% if note %}
    <div class="postit-mini"><span class="note-icon">{{ note.icon_svg }}</span><div class="note-text">{{ note.text }}</div><div class="note-from">– {{ note.sender_name }}</div></div>
  {% endif %}
  <div class="title_bar">
    <img class="image image--adaptive" src="https://team.collabdoo.app/trmnl/collabdoo-mark.svg">
    <span class="title">{{ household.name }}</span>
    <span class="instance">{% if weather %}{{ weather.label.temp }} {{ weather.label.location }} · {% endif %}{{ labels.updated }} {{ updated }}</span>
  </div>
</div>