{% extends "base.html" %}
{% block title %}{{ dp.number if dp else t('New dispatch') }}{% endblock %}
{% block content %}
<div class="page-head"><h1>{{ dp.number if dp else t('New dispatch') }}</h1></div>
<form class="card" method="post">
  <div class="grid">
    <div class="field"><label>{{ t('From warehouse') }} *</label><select name="warehouse_id" required>{% for w in warehouses %}<option value="{{ w.id }}" {{ 'selected' if dp and dp.warehouse_id == w.id }}>{{ w.code }} — {{ nm(w) }}</option>{% endfor %}</select></div>
    <div class="field"><label>{{ t('Date') }} *</label><input type="date" name="date" value="{{ dp.date if dp else today }}" required></div>
    <div class="field"><label>{{ t('Project') }}</label><select name="project_id"><option value=""></option>{% for p in projects %}<option value="{{ p.id }}" {{ 'selected' if (dp.project_id if dp else pre_project) == p.id }}>{{ p.code }} — {{ nm(p) }}</option>{% endfor %}</select>
      <div class="help">{{ t('The units\' cost is charged to the project\'s cost centre.') }}</div></div>
    <div class="field"><label>{{ t('Sales order') }}</label><select name="order_id"><option value=""></option>{% for o in orders %}<option value="{{ o.id }}" {{ 'selected' if (dp.order_id if dp else pre_order) == o.id }}>{{ o.number }} — {{ o.name_en }}</option>{% endfor %}</select>
      <div class="help">{{ t('Counts as the delivery of the order.') }}</div></div>
    <div class="field wide"><label>{{ t('Site') }}</label><input name="site" value="{{ dp.site if dp and dp.site else '' }}" placeholder="{{ t('e.g. Jafurah camp, plot C-12') }}"></div>
    <div class="field"><label>{{ t('Vehicle / plate') }}</label><input name="vehicle" value="{{ dp.vehicle if dp and dp.vehicle else '' }}"></div>
    <div class="field"><label>{{ t('Trailer') }}</label><input name="trailer" value="{{ dp.trailer if dp and dp.trailer else '' }}"></div>
    <div class="field"><label>{{ t('Driver') }}</label><input name="driver" value="{{ dp.driver if dp and dp.driver else '' }}"></div>
    <div class="field"><label>{{ t('Driver phone') }}</label><input name="driver_phone" value="{{ dp.driver_phone if dp and dp.driver_phone else '' }}"></div>
    <div class="field"><label>{{ t('Transporter') }}</label><input name="transporter" value="{{ dp.transporter if dp and dp.transporter else '' }}"></div>
    <div class="field wide"><label>{{ t('Notes') }}</label><textarea name="notes">{{ dp.notes if dp and dp.notes else '' }}</textarea></div>
  </div>
  <h2 style="margin-top:20px">{{ t('Units on this truck') }}</h2>
  <table>
    <thead><tr><th style="width:36px"></th><th>{{ t('Serial') }}</th><th>{{ t('Product') }}</th><th>{{ t('Project') }}</th><th>{{ t('Produced') }}</th></tr></thead>
    <tbody>{% for u in avail %}<tr><td><input type="checkbox" class="cb" name="unit" value="{{ u.id }}" {{ 'checked' if u.id in chosen }} aria-label="{{ u.serial }}"></td>
      <td><b>{{ u.serial }}</b></td><td>{{ nm(u) }}</td><td>{{ u.pcode or '—' }}</td><td>{{ u.produced_at or '' }}</td></tr>
    {% else %}<tr><td colspan="5" class="empty">{{ t('No finished units in stock.') }}</td></tr>{% endfor %}</tbody>
  </table>
  <div class="form-actions"><button class="btn ghost" name="action" value="save">{{ t('Save draft') }}</button>
    <button class="btn" name="action" value="dispatch">{{ t('Save and dispatch') }}</button></div>
</form>
{% endblock %}