{% extends "base.html" %}
{% block title %}Sign on — {{ job_no }}{% endblock %}
{% block crumb %} / {{ job_no }} / Sign on{% endblock %}
{% block body %}

{% if flash == 'already-on' %}<p class="flash warn">You were already signed on. Nothing double-counted.</p>{% endif %}
{% if flash == 'already-off' %}<p class="flash warn">You weren't signed on. Nothing recorded.</p>{% endif %}
{% if wait == 'pending' %}<p class="flash warn">Waiting on the foreman to approve this phone. Show it to him — one tap and it works every time after that.</p>{% endif %}
{% if wait == 'office' %}<p class="flash warn">See the office before you start.</p>{% endif %}
{% if via == 'today' %}<p class="muted viafix">Not at {{ job_name }}? <a href="/today?pick=1&amp;fix=1">tap here</a></p>{% endif %}

{% if not name %}
<h1>Who are you?</h1>
<p class="muted">{{ job_name }}</p>
<form method="post" action="/device/{{ job_no }}/claim" id="who">
  <input type="hidden" name="next" value="/on/{{ job_no }}">
  {% if crew %}
  <select id="crew">
    <option value="" disabled selected>Pick your name</option>
    {% for c in crew %}<option>{{ c }}</option>{% endfor %}
    <option value="__other__">Not on the list — type my name</option>
  </select>
  {% endif %}
  <input name="name" id="name" autocomplete="name" placeholder="Full name" {% if crew %}hidden{% endif %}>
  <p class="missing" id="missing" hidden></p>
  <button class="btn big" type="submit">That's me</button>
</form>
<p class="muted">This phone remembers you. You won't be asked again.</p>

{% elif since %}
<h1>On since {{ since_text }}</h1>
<p class="muted">{{ job_name }} · <strong data-since="{{ since_iso }}">{{ today_hours }}</strong> hrs so far today
  {% if locked %}<br>This phone is <strong>{{ name }}</strong>.{% endif %}</p>

<form method="post" id="form">
  <input type="hidden" name="name" value="{{ name }}">
  <input type="hidden" name="action" value="off">

  <p class="lbl">Lunch</p>
  <div class="chips">
    {% for l in lunches %}
    <label class="chip"><input type="radio" name="lunch" value="{{ l }}"{% if l == default_lunch %} checked{% endif %}><span>{{ l }}</span></label>
    {% endfor %}
  </div>

  <label>What did you do? <span class="muted">(optional — skip it)</span>
    <input name="note" maxlength="120" placeholder="e.g. tied deck steel bay 3">
  </label>

  <button class="btn big" type="submit" id="submit">Sign off — <span data-clock>{{ now_text }}</span></button>
</form>
<p class="muted">Goes straight onto your timesheet. <a href="/week/{{ job_no }}?name={{ name|urlencode }}">See my week</a></p>

{% else %}
<h1>{{ name }}</h1>
<p class="muted">{{ job_name }}{% if week_hours %} · {{ week_hours }} hrs this week{% endif %}
  {% if locked %}<br>This phone is <strong>{{ name }}</strong>.{% endif %}</p>
<form method="post" id="form">
  <input type="hidden" name="name" value="{{ name }}">
  <input type="hidden" name="action" value="on">
  <button class="btn big" type="submit" id="submit">Sign on — <span data-clock>{{ now_text }}</span></button>
</form>
<p class="muted">That's your timesheet started. Sign off when you knock off. <a href="/week/{{ job_no }}?name={{ name|urlencode }}">See my week</a></p>
{% endif %}

{% if name %}
<div class="jobtools">
  <a class="btn ghost big" href="/materials/{{ job_no }}?name={{ name|urlencode }}">Short of something?</a>
  <a class="btn ghost" href="/photo/{{ job_no }}?name={{ name|urlencode }}">&#128247; Site photo</a>
</div>
{% endif %}

{% if tomorrow_job %}<p class="muted tomorrow">Tomorrow: <strong>{{ tomorrow_job }}</strong></p>{% endif %}

{% if foreman_phone %}<p class="ringline"><a class="btn ghost" href="{{ tel(foreman_phone) }}">Ring {{ foreman_name or 'the foreman' }}</a></p>{% endif %}

<script src="/static/device.js?v={{ v }}"></script>
{% if not locked %}<script src="/static/whoami.js?v={{ v }}"></script>{% endif %}
<script src="/static/on.js?v={{ v }}"></script>
{% endblock %}