{% extends "base.html" %}
{% block title %}Tomorrow — the board{% endblock %}
{% block crumb %} / Board{% endblock %}
{% block body %}
{#
  Same board, one altitude up: the columns are JOBS and a drag is tomorrow's roster row. The whole
  point of this screen is the button at the bottom — somebody already types "who's where tomorrow"
  into WhatsApp every evening, and dragging is faster than typing. If the message ever stops coming
  off this board, the board is dead inside a week.
#}
<h1>Tomorrow — {{ tomorrow.strftime('%a %d/%m') }}</h1>
<p class="muted">Tap a name, then tap a job. {{ explicit }} set so far — everyone else is where he was today.</p>

<div class="pickbar" id="pickbar" hidden><span id="picktext"></span><button class="btn ghost small" id="pickcancel" type="button">cancel</button></div>

{% if yard %}
<section class="card panel" id="yard">
  <div class="panel-h"><h2>Not on a job</h2></div>
  <div class="chiprow">
    {% for c in yard %}<button class="mchip" type="button" data-person="{{ c.name }}">{{ c.name }}</button>{% endfor %}
  </div>
</section>
{% endif %}

<div class="jobcols">
{% for j in jobs %}
<section class="zone jobcol" data-zone="{{ j.key }}">
  <div class="zonehead">
    <h2>{{ j.key }}</h2>
    <span class="zpills"><span class="estpill">{{ columns[j.key]|length }}</span></span>
  </div>
  <p class="muted joblabel">{{ j.label }}</p>
  <div class="drop">
    {% for c in columns[j.key] %}
    <button class="mchip{% if c.set %} on{% endif %}" type="button" data-person="{{ c.name }}" data-in="{{ j.key }}">{{ c.name }}</button>
    {% else %}
    <span class="muted dropempty">nobody yet</span>
    {% endfor %}
  </div>
</section>
{% else %}
<p class="warn">No job folders with a Sign-On folder in them. Nothing to roster.</p>
{% endfor %}
</div>

{# ---------------------------------------------------------------- the message
   Composed here, copied by hand. Nothing on this page sends anything to anyone. #}
<section class="card panel" id="post">
  <div class="panel-h"><h2>Post to the groups</h2></div>
  <button class="btn big" type="button" id="showmsg">Post to groups</button>
  <div id="msgwrap" hidden>
    <textarea id="msg" rows="12" readonly>{{ message }}</textarea>
    <button class="btn" type="button" id="copy">Copy it</button>
    <p class="muted">Copy it and paste it into the group. Nothing here sends anything.</p>
  </div>
</section>

<form method="post" action="/board/move" id="movef" hidden>
  <input type="hidden" name="person"><input type="hidden" name="job">
</form>

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