{% extends "base.html" %}
{% block title %}Short of something — {{ job_no }}{% endblock %}
{% block crumb %} / {{ job_no }} / Materials{% endblock %}
{% block body %}

{% if flash == 'sent' %}<p class="flash ok">Told the foreman. The answer turns up on this screen.</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 not name %}
  {% with next_url = '/materials/' ~ job_no %}{% include "_whoami.html" %}{% endwith %}
{% else %}

<h1>What are you short of?</h1>
<p class="muted">{{ job_name }}{% if locked %} · this phone is <strong>{{ name }}</strong>{% endif %}</p>

<form method="post" id="form" enctype="multipart/form-data">
  <input type="hidden" name="name" value="{{ name }}">
  <textarea name="item" id="item" rows="3" required
    placeholder="e.g. no 12mm SDS bits left"></textarea>
  <label>Photo <span class="muted">(optional — the shelf, the label, whatever helps)</span>
    <input type="file" name="photo" accept="image/*" capture="environment">
  </label>
  <button class="btn big" type="submit" id="submit">Tell the foreman</button>
</form>

{% if mine %}
<h2 class="tasks-h">What you've asked for</h2>
<section class="card panel">
  {% for r in mine %}
  <div class="manrow matrow">
    <span class="man">{{ r.item }}
      <small class="muted">{{ r.timestamp[:16]|replace('T', ' ') }}{% if r.photo %} · <a href="/materials/{{ job_no }}/photo/{{ r.photo|urlencode }}" target="_blank">photo</a>{% endif %}</small></span>
    <span class="mstat s-{{ r.status or 'open' }}">
      {%- if r.status == 'got' %}got it on site &#10003;
      {%- elif r.status == 'ordered' %}ordered &#10003;
      {%- elif r.status == 'not-needed' %}not needed
      {%- else %}waiting{% endif -%}
    </span>
  </div>
  {% endfor %}
</section>
{% endif %}

<p class="muted">A list of what you need, not a stocktake. The foreman answers with one tap.</p>
{% if foreman_phone %}<p class="ringline"><a class="btn ghost" href="{{ tel(foreman_phone) }}">Ring {{ foreman_name or 'the foreman' }}</a></p>{% endif %}
{% endif %}

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