{% extends "base.html" %}{% block content %}<div class="section-title"><div><h2>{{ device.vendor }} {{ device.model }} — {{ device.name }}</h2><div class="muted">{{ device.branch }} · {{ device.connection_mode }} · {{ device.ip_address|default:"No IP" }}:{{ device.port }}</div></div><a class="btn secondary" href="{% url 'attendance:devices' %}">All Devices</a></div><div class="split"><div class="card"><h3>Employee Mapping</h3><table><tr><th>Machine/User ID</th><th>Employee</th><th>Active</th></tr>{% for m in mappings %}<tr><td>{{ m.device_user_id }}</td><td>{{ m.employee }}</td><td>{{ m.is_active|yesno:"Yes,No" }}</td></tr>{% empty %}<tr><td colspan="3" class="empty">No mappings yet.</td></tr>{% endfor %}</table><hr><h4>Add Mapping</h4><form method="post" action="{% url 'attendance:device-map-add' device.pk %}">{% csrf_token %}{{ mapping_form.as_p }}<button class="btn">Save Mapping</button></form></div><div class="card"><h3>Import Punch CSV</h3><div class="help">Use this for USB/CSV export or practical test data. Required columns: device_user_id,punch_time,punch_type. Duplicate punches are ignored.</div><br><form method="post" enctype="multipart/form-data" action="{% url 'attendance:device-import-csv' device.pk %}">{% csrf_token %}{{ upload_form.as_p }}<button class="btn">Import Punches</button></form><p><b>Last Sync:</b> {{ device.last_sync_at|date:"Y-m-d H:i"|default:"Never" }}</p><p><b>Status:</b> {{ device.last_sync_status|default:"Not tested" }}</p></div></div><div class="card"><h3>Recent Raw Punches</h3><table><tr><th>Time</th><th>Machine ID</th><th>Mapped Employee</th><th>Type</th></tr>{% for p in punches %}<tr><td>{{ p.punch_time|date:"Y-m-d H:i:s" }}</td><td>{{ p.device_user_id }}</td><td>{{ p.employee|default:"Unmapped" }}</td><td>{{ p.punch_type|default:"—" }}</td></tr>{% empty %}<tr><td colspan="4" class="empty">No punch data imported yet.</td></tr>{% endfor %}</table></div>{% endblock %}