{% extends "base.html" %}
{% from "units/_m.html" import unit_badge, doc_badge with context %}
{% block title %}{{ u.serial }}{% endblock %}
{% block content %}
<div class="page-head">
  <div><small><a href="{{ url_for('units.index') }}">{{ t('Units') }}</a></small><h1>{{ u.serial }} {{ unit_badge(u.state) }}</h1></div>
  <div class="actions">
    <a class="btn ghost" href="{{ url_for('units.labels', ids=u.id) }}" target="_blank">{{ t('QR label') }}</a>
    {% if can_write %}<a class="btn ghost" href="{{ url_for('units.ncr', unit=u.id) }}">{{ t('Report a non-conformance') }}</a>
    {% if u.state in ('delivered', 'installed') %}<form method="post" action="{{ url_for('units.bulk') }}" class="inline"><input type="hidden" name="ids" value="{{ u.id }}">
      {% if u.state == 'delivered' %}<button class="btn" name="action" value="installed">{{ t('Mark installed') }}</button>{% endif %}
      <button class="btn {{ 'ghost' if u.state == 'delivered' }}" name="action" value="handed_over">{{ t('Hand over') }}</button></form>{% endif %}
    {% if u.state == 'finished' %}<a class="btn" href="{{ url_for('units.dispatch_form', units=u.id) }}">{{ t('Dispatch to site') }}</a>{% endif %}{% endif %}
  </div>
</div>
<div style="display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:start" class="unit-grid">
  <div class="card">
    <dl class="doc-head">
      <div><dt>{{ t('Product') }}</dt><dd><b>{{ nm(u) }}</b><br><small class="muted">{{ u.code }}</small></dd></div>
      <div><dt>{{ t('Production order') }}</dt><dd>{% if u.production_id %}<a href="{{ url_for('manufacturing.order', mo_id=u.production_id) }}">{{ u.mo_number }}</a>{% else %}—{% endif %}</dd></div>
      <div><dt>{{ t('Project') }}</dt><dd>{% if u.project_id %}<a href="{{ url_for('projects.view', pid=u.project_id) }}">{{ u.pcode }}</a> {{ u.proj_en or '' }}{% else %}—{% endif %}</dd></div>
      <div><dt>{{ t('Customer') }}</dt><dd>{{ u.cust_en or '—' }}</dd></div>
      <div><dt>{{ t('Site') }}</dt><dd>{{ u.site or '—' }}</dd></div>
      <div><dt>{{ t('Cost') }}</dt><dd>{{ u.cost|money }}</dd></div>
      <div><dt>{{ t('Produced') }}</dt><dd>{{ u.produced_at or '—' }}</dd></div>
      <div><dt>{{ t('Warranty until') }}</dt><dd>{{ u.warranty_until or '—' }}</dd></div>
      {% if u.asset_id %}<div><dt>{{ t('Fixed asset') }}</dt><dd><a href="{{ url_for('assets.view', asset_id=u.asset_id) }}">{{ t('View') }}</a></dd></div>{% endif %}
    </dl>
  </div>
  <div class="card" style="text-align:center;padding:14px"><div style="background:#fff;display:inline-block;padding:6px;border-radius:8px">{{ qr|safe }}</div><div class="muted"><small>{{ t('Scan to open this unit') }}</small></div></div>
</div>
<div class="card">
  <h2>{{ t('History') }}</h2>
  <ol class="timeline" style="list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px">
  {% for e in events %}<li style="display:flex;gap:12px;align-items:flex-start"><span style="width:10px;height:10px;border-radius:50%;background:var(--primary);margin-top:6px;flex:none"></span>
    <div><b>{{ t(states.get(e.state, e.state)) }}</b> <small class="muted">{{ e.at[:16]|replace('T', ' ') }}{% if e.full_name %} · {{ e.full_name }}{% endif %}{% if e.ref %} · {{ e.ref }}{% endif %}</small>{% if e.notes %}<div class="muted"><small>{{ e.notes }}</small></div>{% endif %}</div></li>
  {% endfor %}</ol>
</div>
{% if dispatches %}<div class="card flush"><div style="padding:14px 16px 0"><h2 style="margin:0">{{ t('Dispatch Notes') }}</h2></div><table><tbody>
  {% for d in dispatches %}<tr data-href="{{ url_for('units.dispatch', dispatch_id=d.id) }}"><td><b>{{ d.number }}</b></td><td>{{ d.date }}</td><td>{{ d.vehicle or '' }} {{ d.driver or '' }}</td><td>{{ d.site or '' }}</td><td>{{ doc_badge(d.state) }}</td></tr>{% endfor %}</tbody></table></div>{% endif %}
{% if rentals %}<div class="card flush"><div style="padding:14px 16px 0"><h2 style="margin:0">{{ t('Rental Contracts') }}</h2></div><table><tbody>
  {% for r in rentals %}<tr data-href="{{ url_for('units.rental', rental_id=r.id) }}"><td><b>{{ r.number }}</b></td><td>{{ r.cust_en }}</td><td>{{ r.on_hire or '' }} → {{ r.off_hire or '…' }}</td><td class="num">{{ r.monthly_rate|money }} / {{ t('month') }}</td><td>{{ doc_badge(r.state) }}</td></tr>{% endfor %}</tbody></table></div>{% endif %}
{% if ncrs %}<div class="card flush"><div style="padding:14px 16px 0"><h2 style="margin:0">{{ t('Non-conformance Reports') }}</h2></div><table><tbody>
  {% for n in ncrs %}<tr data-href="{{ url_for('units.ncr', ncr_id=n.id) }}"><td><b>{{ n.number }}</b></td><td>{{ n.date }}</td><td>{{ n.description[:90] }}</td><td>{{ doc_badge(n.state) }}</td></tr>{% endfor %}</tbody></table></div>{% endif %}
<style>@media (max-width: 700px) { .unit-grid { grid-template-columns: 1fr !important; } }</style>
{% endblock %}