{% extends "assets/base.html" %}
{% block title %}QR labels{% endblock %}
{% block content %}
<header class="page-head"><h1>Asset QR labels</h1><div class="actions no-print"><button class="btn primary" onclick="window.print()">Print labels</button></div></header>
<form method="get" class="filters no-print">
  <select name="category"><option value="">All categories</option>{% for c in categories %}<option value="{{ c.pk }}" {% if category == c.pk|stringformat:"s" %}selected{% endif %}>{{ c.name }}</option>{% endfor %}</select>
  <select name="location"><option value="">All locations</option>{% for l in locations %}<option value="{{ l.pk }}" {% if location == l.pk|stringformat:"s" %}selected{% endif %}>{{ l.name }}</option>{% endfor %}</select>
  <button class="btn">Filter</button>
</form>
<div class="labels">{% for a, svg in items %}<div class="label">{{ svg|safe }}<div><b>{{ a.tag }}</b><span>{{ a.description|truncatechars:34 }}</span><span>{{ a.location.name }}</span></div></div>{% empty %}<p class="empty">No active assets match.</p>{% endfor %}</div>
{% endblock %}