{# Generic desktop/web shell: a chat-list sidebar + the platform's own
   conversation screen embedded in the main pane. Used for any platform that
   doesn't ship a bespoke screen_desktop.html, so web_desktop works everywhere. #}
{% import "icons.html" as di %}
<div class="cg-desktop">
  <aside class="cg-desk-side">
    <div class="cg-desk-side-head">
      <div class="cg-desk-me"></div>
      <div class="cg-desk-search"><span class="cg-desk-search-ic">{{ di.ic('search') }}</span>Search</div>
    </div>
    <div class="cg-desk-chats">
      <div class="cg-desk-chat cg-desk-active">
        {% if dialog.others %}<img class="cg-desk-av" src="{{ avatars[dialog.others[0].id] }}" alt="">{% endif %}
        <div class="cg-desk-cbody">
          <div class="cg-desk-ctop"><span class="cg-desk-cname">{{ header_name }}</span><span class="cg-desk-ctime">{{ groups[-1].messages[-1].timestamp.strftime('%H:%M') if groups else '' }}</span></div>
          <div class="cg-desk-clast">{{ groups[-1].messages[-1].content.body if groups and groups[-1].messages[-1].content.__class__.__name__ == 'Text' else 'Media' }}</div>
        </div>
      </div>
      {% for c in [('Mom','See you soon ❤️','09:12','2'),('Work','Standup at 10','08:40',''),('Sam','sounds good!','Yesterday',''),('Team','build passed ✅','Yesterday','4'),('Kate','😂😂😂','Tue','')] %}
      <div class="cg-desk-chat">
        <div class="cg-desk-av cg-desk-av-ph">{{ c[0][0] }}</div>
        <div class="cg-desk-cbody">
          <div class="cg-desk-ctop"><span class="cg-desk-cname">{{ c[0] }}</span><span class="cg-desk-ctime">{{ c[2] }}</span></div>
          <div class="cg-desk-crow2"><div class="cg-desk-clast">{{ c[1] }}</div>{% if c[3] %}<span class="cg-desk-badge">{{ c[3] }}</span>{% endif %}</div>
        </div>
      </div>
      {% endfor %}
    </div>
  </aside>
  <main class="cg-desk-main">{% include "screen.html" %}</main>
</div>