{% extends "base.html" %}
{% block title %}Dashboard{% endblock %}
{% block content %}
{# Your sky (docs/backgrounds.md §5, #157): the engine is Rust compiled to
   WebAssembly. The viewer's choice (Settings › Appearance) is a cookie;
   unset, a touch-only device or Save-Data gets a still sky. Any failure
   leaves no backdrop and nothing else changed. #}
<canvas id="backdrop" aria-hidden="true"></canvas>
<script type="application/json" id="backdrop-data">{{ backdrop|safe }}</script>
<script type="module">
const canvas = document.getElementById("backdrop");
const chosen = document.cookie.match(/(?:^|; )backdrop=(moving|still|off)/);
const touch = matchMedia("(pointer: coarse)").matches && !matchMedia("(pointer: fine)").matches;
const pick = chosen ? chosen[1] : (touch || (navigator.connection && navigator.connection.saveData) ? "still" : "moving");
if (pick === "off") {
  canvas.remove();
} else {
  try {
    const bd = await import("/static/backdrop/backdrop.js?v={{ shell.assets() }}");
    await bd.default({ module_or_path: "/static/backdrop/backdrop_bg.wasm?v={{ shell.assets() }}" });
    bd.start(canvas, JSON.parse(document.getElementById("backdrop-data").textContent), pick === "still");
  } catch (e) {
    canvas.remove();
  }
}
</script>
<div class="head">
  <h1>Dashboard <small>signed in as {% if let Some(u) = shell.user %}{{ u }}{% endif %}</small></h1>
</div>
<div class="side-layout rev dash" data-backdrop-avoid>
  <div>
    <section class="card-box">
    <div class="card-head"><h2>Waiting for your review</h2><span class="count-chip">{{ reviews.len() }}</span></div>
    {% if reviews.is_empty() %}
    <p class="empty small">Nothing waits on you. Proposals by others in your repositories land here until you review them.</p>
    {% else %}
    <ul class="rows">
    {% for p in reviews %}
      <li>
        <div>
          <a class="name" href="/{{ p.owner }}/{{ p.name }}/proposal/{{ p.number }}"><span class="mute">{{ p.owner }}/{{ p.name }} #{{ p.number }}</span> <strong>{{ p.title }}</strong></a>
          {% if p.conflicted %}<span class="tag bad">conflicts</span>{% endif %}
          <p class="small">by {{ p.author }}</p>
        </div>
        <div class="right small">updated <time title="{{ p.updated_ms|when_i }}">{{ p.updated_ms|ago_i }}</time></div>
      </li>
    {% endfor %}
    </ul>
    {% endif %}
    </section>

    {% if !authored.is_empty() %}
    <section class="card-box">
    <div class="card-head"><h2>Your proposals</h2><span class="count-chip">{{ authored.len() }}</span></div>
    <ul class="rows">
    {% for p in authored %}
      <li>
        <div>
          <a class="name" href="/{{ p.owner }}/{{ p.name }}/proposal/{{ p.number }}"><span class="mute">{{ p.owner }}/{{ p.name }} #{{ p.number }}</span> <strong>{{ p.title }}</strong></a>
          {% if p.state == "draft" %}<span class="tag">draft</span>{% endif %}
          {% if p.conflicted %}<span class="tag bad">conflicts</span>{% endif %}
        </div>
        <div class="right small">updated <time title="{{ p.updated_ms|when_i }}">{{ p.updated_ms|ago_i }}</time></div>
      </li>
    {% endfor %}
    </ul>
    </section>
    {% endif %}

    {% if !assigned.is_empty() %}
    <section class="card-box">
    <div class="card-head"><h2>Issues assigned to you</h2><span class="count-chip">{{ assigned.len() }}</span></div>
    <ul class="rows">
    {% for i in assigned %}
      <li>
        <div><a class="name" href="/{{ i.owner }}/{{ i.name }}/issue/{{ i.number }}"><span class="mute">{{ i.owner }}/{{ i.name }} #{{ i.number }}</span> <strong>{{ i.title }}</strong></a></div>
        <div class="right small">updated <time title="{{ i.updated_ms|when_i }}">{{ i.updated_ms|ago_i }}</time></div>
      </li>
    {% endfor %}
    </ul>
    </section>
    {% endif %}

    <section class="card-box">
    <div class="card-head"><h2>Recent activity</h2></div>
    {% if feed.is_empty() %}
    <p class="empty small">No activity yet. Push to a repository and it shows here.</p>
    {% else %}
    <ul class="feed">
    {% for a in feed %}
      <li>
        <span class="who">{% if a.actor.is_empty() %}the hub{% else %}<img class="avatar xs" src="/avatar/{{ a.actor }}" alt=""> <a href="/{{ a.actor }}">{{ a.actor }}</a>{% endif %}</span>
        {% if a.kind == "push" %}pushed <span class="lbl lbl-bm">{{ a.event }}</span> to
        {% else if a.kind == "release" %}published <a href="{{ a.url() }}">{{ a.title }}</a> in
        {% else %}{{ a.event }} {{ a.kind }} <a href="{{ a.url() }}">#{{ a.number }} {{ a.title }}</a> in
        {% endif %}
        <a href="/{{ a.owner }}/{{ a.name }}">{{ a.owner }}/{{ a.name }}</a>
        <time class="mute small" title="{{ a.at_ms|when_i }}">{{ a.at_ms|ago_i }}</time>
      </li>
    {% endfor %}
    </ul>
    {% endif %}
    </section>
  </div>
  <aside class="side cards">
    <section class="side-card"><h3>Your repositories <span class="count-chip">{{ mine.len() }}</span><a class="more" href="/new">+ New</a></h3><div class="body">
    {% if mine.is_empty() %}
    <p class="small mute">None yet. <a href="/new">Create one</a>, or <a href="/explore">explore</a>.</p>
    {% else %}
    <ul class="plain repo-list">
    {% for r in mine %}
      <li><a href="/{{ r.owner }}/{{ r.name }}" title="{{ r.owner }}/{{ r.name }}"><span class="mute">{{ r.owner }} /</span> {{ r.name }}</a>{% if r.visibility != "public" %}<span class="tag">{{ r.visibility }}</span>{% endif %}</li>
    {% endfor %}
    </ul>
    {% endif %}
    </div></section>
  </aside>
</div>
{% endblock %}