{% extends "admin_base.html" %}
{% block title %}Label for job {{ job.job_number }} - {{ company.name }}{% endblock %}
{% block content %}
<div class="container wide">
  <div class="toolbar no-print">
    <div class="stack-sm">
      <a href="{{ url_for('admin_job', job_id=job.id) }}">&larr; Back to job {{ job.job_number }}</a>
      <h1 class="job-title">Barcode label</h1>
    </div>
    <button class="btn btn-primary" type="button" data-print>Print label</button>
  </div>
  <p class="soft no-print">Print this and stick it on the unit and its paperwork. Scanning it in the staff area opens this job. The barcode only holds the job number, so it shows nothing about the customer to anyone who scans it.</p>

  <section class="label" aria-label="Job label for job {{ job.job_number }}">
    <div class="label-head"><strong>{{ company.name }}</strong><span class="mono">{{ company.phone }}</span></div>
    <div class="label-number"><span class="eyebrow">Job</span><strong class="mono">{{ job.job_number }}</strong></div>
    <div class="label-barcode">{{ barcode }}</div>
    <div class="label-meta">{% if job.unit %}{{ job.unit }}{% endif %}{% if job.make_model %} &middot; {{ job.make_model }}{% endif %}</div>
    <div class="label-meta">Received {{ job.created_at|day }}</div>
    <div class="label-foot">Check your repair online: {{ site }}</div>
  </section>
</div>
{% endblock %}