{% extends "base.html" %}
{% block title %}{{ t('Print Labels') }}{% endblock %}
{% block content %}
<div class="page-head no-print"><div><h1>{{ t('Print Labels') }}</h1><small>{{ t('Barcode labels for shelves and goods. Scan them at the POS or when counting stock.') }}</small></div>
  <div class="actions">
    {% if can_write %}<form method="post" action="{{ url_for('inventory.generate_barcodes') }}" class="inline"><button class="btn ghost" title="{{ t('Gives every product without a barcode an in-store number starting with 2') }}">{{ t('Create missing barcodes') }}</button></form>{% endif %}
    {% if items %}<button type="button" class="btn" onclick="window.print()">{{ t('Print') }}</button>{% endif %}
  </div></div>
<form class="card no-print" method="get">
  {% if picking_id %}<input type="hidden" name="picking_id" value="{{ picking_id }}">
  <p>{{ t('One label for each unit received.') }} <a href="{{ url_for('inventory.labels') }}">{{ t('Choose products instead') }}</a></p>
  {% else %}
  <table class="lines" data-lines data-add="#add-line">
    <thead><tr><th>{{ t('Product') }}</th><th class="num" style="width:18%">{{ t('Labels') }}</th><th></th></tr></thead>
    <tbody>
      <tr class="tpl"><td><select name="product_id" disabled><option value=""></option>{% for p in products %}<option value="{{ p.id }}">{{ p.code ~ ' ' if p.code }}{{ nm(p) }}{{ '' if p.barcode else ' — ' ~ t('no barcode') }}</option>{% endfor %}</select></td>
        <td><input name="copies" class="num" value="1" disabled></td><td><button type="button" class="del">×</button></td></tr>
      {% for it in items %}<tr><td><select name="product_id"><option value=""></option>{% for p in products %}<option value="{{ p.id }}" {{ 'selected' if p.id == it.p.id }}>{{ p.code ~ ' ' if p.code }}{{ nm(p) }}</option>{% endfor %}</select></td>
        <td><input name="copies" class="num" value="{{ it.copies }}"></td><td><button type="button" class="del">×</button></td></tr>{% endfor %}
    </tbody>
  </table>
  <button type="button" class="btn ghost small" id="add-line" style="margin-top:10px">+ {{ t('Add line') }}</button>
  {% endif %}
  <div class="filters" style="margin-top:12px">
    <select name="size"><option value="a4" {{ 'selected' if size == 'a4' }}>{{ t('A4 sheet, 3 × 8 labels') }}</option><option value="roll" {{ 'selected' if size == 'roll' }}>{{ t('Label printer, 50 × 30 mm') }}</option></select>
    <label class="chip"><input type="checkbox" name="price" value="1" {{ 'checked' if show_price }}> {{ t('Show price') }}</label><input type="hidden" name="price" value="0" {{ 'disabled' if show_price }}>
    <button class="btn">{{ t('Preview') }}</button>
  </div>
</form>
<div class="label-sheet {{ size }}">
  {% for it in items %}{% for _ in range(it.copies) %}
  <div class="label">
    <div class="l-name">{{ nm(it.p) }}</div>
    <div class="l-meta">{{ it.p.code or '' }}{% if it.lot %} · {{ t('Batch') }} {{ it.lot.number }}{% if it.lot.expiry_date %} · {{ t('Exp.') }} {{ it.lot.expiry_date }}{% endif %}{% endif %}</div>
    <div class="l-code">{{ svg(it.p.barcode or it.p.code, 34, 1.2) if (it.p.barcode or it.p.code) else t('no barcode') }}</div>
    {% if show_price %}<div class="l-price">{{ it.p.sale_price|money(currency) }} {{ currency }}</div>{% endif %}
  </div>
  {% endfor %}{% endfor %}
</div>
{% endblock %}