{% extends "base.html" %}
{% block title %}Diary — {{ job_no }}{% endblock %}
{% block crumb %} / {{ job_no }} / Diary{% endblock %}
{% block body %}
{#
  The Daily Site Report, writing itself while the day happens. Same fourteen sections as the
  rendered docx, in the same order, so what he watches fill in on his phone at 10am is the shape of
  what lands in the job folder at 5pm. He confirms; he does not compose.

  Nothing on this page changes a register. The only thing it accepts is his voice on the four boxes
  no register could ever know, and those land in their own file beside the others.
#}
<h1>{{ job_name }}</h1>
<p class="muted boardnav">
  <a href="/j/{{ job_no }}">Job screen</a> · <a href="/board/{{ job_no }}">Board</a>
  <span class="daynav"><a href="/diary/{{ job_no }}?d={{ prev_d }}">&lsaquo;</a>
    <strong>{{ when.strftime('%a %d/%m/%Y') }}</strong>
    {% if not is_today %}<a href="/diary/{{ job_no }}?d={{ next_d }}">&rsaquo;</a>{% endif %}</span>
</p>
{% if msg %}<p class="flash warn">{{ msg }}</p>{% endif %}
{% if not voice_on %}<p class="flash warn">Voice unavailable — no transcription key set. Type it instead.</p>{% endif %}

{% macro sayable(key, label) %}
<section class="card panel dsec" id="{{ key }}">
  <div class="panel-h"><h2>{{ label }}</h2>
    <button class="mic" type="button" data-sec="{{ key }}" {% if not voice_on %}disabled{% endif %}>&#127908; say it</button></div>
  {% for n in notes.get(key, []) %}
  <p class="dline">{{ n.text }} <small class="muted">{{ n.timestamp[11:16] }} · {{ n.by }}</small></p>
  {% else %}
  <p class="muted tbc">TBC — say it</p>
  {% endfor %}
  <p class="micstate" data-for="{{ key }}" hidden></p>
  <details class="typeit"><summary class="muted">type it</summary>
    <form method="post" action="/diary/{{ job_no }}/note/{{ key }}">
      <input name="text" maxlength="300" placeholder="{{ label[3:] }}" required>
      <button class="btn small" type="submit">Add</button>
    </form>
  </details>
</section>
{% endmacro %}

{{ sayable('summary', '1. Summary') }}
{{ sayable('weather', '2. Weather') }}

{# ---------------------------------------------------------------- 3. labour #}
<section class="card panel dsec" id="labour">
  <div class="panel-h"><h2>3. Labour on site</h2><span class="pill">{{ day_rows|length }}</span></div>
  {% for n, d in day_rows %}
  <div class="manrow {% if d.on_now %}on{% else %}off{% endif %}"><span class="dot"></span>
    <span class="man">{{ n }}</span>
    <span class="times">{{ d.start_text or '—' }}{% if d.finish_text %} – {{ d.finish_text }}{% elif d.on_now %} – on now{% endif %}</span></div>
  {% else %}
  <p class="muted">Nothing yet.</p>
  {% endfor %}
  {% if not_seen %}<p class="warn dline">Not signed on: {{ not_seen|join(', ') }}</p>{% endif %}
</section>

{# ---------------------------------------------------------------- 4. plant #}
<section class="card panel dsec" id="plant">
  <div class="panel-h"><h2>4. Plant on site</h2></div>
  {% for p in plant %}
  <p class="dline">{{ p.rego }} {{ p.vehicle }} — checked {{ p.timestamp[11:16] }} by {{ p.name }}
    {% if p.result == 'defect' %}<span class="warn">· defect: {{ p.fails }}</span>{% endif %}</p>
  {% else %}
  <p class="muted">Nothing yet.</p>
  {% endfor %}
  {% for d in defects %}<p class="warn dline">Open defect — {{ d.rego }} {{ d.fails }} ({{ d.note }})</p>{% endfor %}
</section>

{# ---------------------------------------------------------------- 5. works — off the board #}
<section class="card panel dsec" id="works">
  <div class="panel-h"><h2>5. Work performed</h2><a class="muted" href="/board/{{ job_no }}">the board</a></div>
  {% for l in works %}
  <p class="dline">{{ l }}</p>
  {% else %}
  <p class="muted">Nothing yet. Anything dragged on the board lands here.</p>
  {% endfor %}
</section>

{# ---------------------------------------------------------------- 6. progress #}
<section class="card panel dsec" id="progress">
  <div class="panel-h"><h2>6. Progress</h2></div>
  {% for z in zones %}
  <p class="dline"><strong>{{ z.title }}</strong>
    {% if z.stage %}<span class="stagepill s-{{ z.stage }}">{{ z.stage }}</span>{% endif %}
    {% if z.estimate %}<span class="estpill">{{ z.estimate }}</span>{% endif %}
    {% if z.done %}<span class="stagepill s-done">done</span>{% endif %}
    {% if z.people %}<small class="muted">· {{ z.people|join(', ') }}</small>{% endif %}</p>
  {% else %}
  <p class="muted">Nothing yet.</p>
  {% endfor %}
</section>

{# ---------------------------------------------------------------- 7. safety #}
<section class="card panel dsec" id="safety">
  <div class="panel-h"><h2>7. Safety</h2></div>
  <p class="dline">Prestart signed: <strong>{{ prestart|length }}</strong>{% if prestart %}
    <small class="muted">{{ prestart|map(attribute='name')|unique|join(', ') }}</small>{% endif %}</p>
  <p class="dline">Take 5s: <strong>{{ take5s|length }}</strong></p>
  {% for t in take5s %}<p class="dline sub">{{ t.name }} — {{ t.task }} <small class="muted">{{ t.start[11:16] }}{% if t.finish %} · done {{ t.finish[11:16] }}{% endif %}</small></p>{% endfor %}
  {% for i in incidents %}
  <div class="incrow">
    <p class="dline warn"><strong>{{ i.kind }}</strong> — {{ i.what }}
      <small class="muted">{{ i.name }} · {{ i.timestamp[11:16] }}{% if i.where %} · {{ i.where }}{% endif %}</small></p>
    {% if i.photo_file %}<img class="dthumb" src="/incident/{{ job_no }}/{{ i.photo_file|urlencode }}" alt="">{% endif %}
  </div>
  {% endfor %}
  {% if not prestart and not take5s and not incidents %}<p class="muted">Nothing yet.</p>{% endif %}
</section>

{# ---------------------------------------------------------------- 8. materials #}
<section class="card panel dsec" id="materials">
  <div class="panel-h"><h2>8. Materials</h2></div>
  {% for m in materials %}
  <p class="dline">{{ m.item }} — <strong>{{ labels.get(m.status, 'waiting') }}</strong>
    <small class="muted">{{ m.name }} · {{ m.timestamp[11:16] }}{% if m.by %} · {{ m.by }}{% endif %}</small></p>
  {% else %}
  <p class="muted">Nothing yet.</p>
  {% endfor %}
</section>

{# ---------------------------------------------------------------- 9. dayworks #}
<section class="card panel dsec" id="dayworks">
  <div class="panel-h"><h2>9. Dayworks</h2></div>
  {% for r in dockets %}
  <p class="dline{% if r.status != 'signed' %} warn{% endif %}">{{ r.description }}
    <small class="muted">{{ r.men }} · {{ r.hours_total }} hrs · {% if r.status == 'signed' %}signed by {{ r.signed_by }}{% else %}NOT SIGNED{% endif %}</small></p>
  {% else %}
  <p class="muted">Nothing yet.</p>
  {% endfor %}
</section>

{# ---------------------------------------------------------------- 10. photos #}
<section class="card panel dsec" id="photos">
  <div class="panel-h"><h2>10. Photos taken</h2><span class="pill">{{ photos|length }}</span></div>
  {% if photos %}
  <div class="thumbs">
    {% for f in photos %}
    <a href="/photo/{{ job_no }}/{{ photo_day }}/{{ f|urlencode }}" target="_blank">
      <img class="dthumb" src="/photo/{{ job_no }}/{{ photo_day }}/{{ f|urlencode }}" alt="{{ f }}" loading="lazy"></a>
    {% endfor %}
  </div>
  {% else %}
  <p class="muted">Nothing yet.</p>
  {% endif %}
</section>

{{ sayable('issues', '11. Issues') }}

{# ---------------------------------------------------------------- 12. man hours #}
<section class="card panel dsec" id="hours">
  <div class="panel-h"><h2>12. Man hours</h2></div>
  {% for n, d in day_rows %}
  <div class="manrow"><span class="man">{{ n }}</span>
    <span class="times">{{ d.start_text or '—' }} – {{ d.finish_text or 'on now' }}
      {%- if d.lunch_text %} · lunch {{ d.lunch_text }}{% endif %}{% if d.hours_text %} · <strong>{{ d.hours_text }} hrs</strong>{% endif %}</span></div>
  {% else %}
  <p class="muted">Nothing yet.</p>
  {% endfor %}
</section>

{{ sayable('notes', '13. Notes') }}
{{ sayable('next_day', '14. Next day plan') }}

<p class="muted">Nothing on this page has been written up by anyone. It is today's registers, read back.</p>

<script src="/static/device.js?v={{ v }}"></script>
<script src="/static/voice.js?v={{ v }}"></script>
{% endblock %}