{% extends "finance/base.html" %}
{% load humanize %}
{% block content %}
<div class="container-fluid py-3">
<div class="d-flex justify-content-between align-items-center mb-3"><h3><i class="bi bi-upc-scan me-2"></i>Asset Label Printing</h3><button class="btn btn-outline-secondary" onclick="window.print()"><i class="bi bi-printer me-1"></i>Print Labels</button></div><form method="get" class="row g-2 mb-3"><div class="col-md-5"><input name="q" value="{{ q }}" class="form-control" placeholder="Search asset number or name"></div><div class="col-auto"><button class="btn btn-primary">Search</button><a class="btn btn-outline-secondary" href="{% url 'fixed_asset_label_printing' %}">Reset</a></div></form><style>@media print{.no-print,form,.top-appbar,.sidebar{display:none!important}.main-content{margin:0!important;padding:0!important}.label-grid{gap:8mm!important}.asset-label{break-inside:avoid;border:1px solid #333!important}}</style><div class="row g-3 label-grid">{% for a in assets %}<div class="col-6 col-md-4 col-lg-3"><div class="asset-label border rounded p-3 h-100 text-center"><div class="small text-muted">PETROGL · FIXED ASSET</div><div class="fw-bold fs-5 my-2">{{ a.asset_number }}</div><div>{{ a.asset_name }}</div><div class="small text-muted mt-2">Serial: {{ a.serial_number|default:'-' }}</div><div class="small text-muted">Location: {{ a.location_name|default:'-' }}</div><div class="mt-2 small">QR Code: {{ a.asset_number }}</div></div></div>{% empty %}<div class="col-12 text-muted">Tidak ada aset.</div>{% endfor %}</div><p class="text-muted small mt-3">Versi awal mencetak Asset Number sebagai identitas label. QR Code image belum dihasilkan pada tahap ini.</p></div>
{% endblock %}