{% extends "admin_base.html" %}
{% set autofocus_scan = true %}
{% block title %}Jobs - {{ company.name }}{% endblock %}
{% block content %}
<div class="container wide">
  <div class="toolbar">
    <h1 class="job-title">Jobs</h1>
    <form method="get" action="{{ url_for('admin_home') }}">
      <label class="hidden-label" for="q">Search jobs</label>
      <input id="q" name="q" type="search" placeholder="Search job number, customer or unit" value="{{ q }}">
      <button class="btn btn-outline" type="submit">Search</button>
    </form>
  </div>

  <details class="card" {% if not jobs and not q %}open{% endif %}>
    <summary>New job</summary>
    <form class="stack form-grid" method="post" action="{{ url_for('admin_new_job') }}">
      <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
      <div class="field"><label for="n_name">Customer name</label><input id="n_name" name="customer_name" type="text" required maxlength="120"></div>
      <div class="field"><label for="n_email">Email</label><input id="n_email" name="email" type="email" maxlength="160"></div>
      <div class="field"><label for="n_phone">Phone</label><input id="n_phone" name="phone" type="text" inputmode="tel" maxlength="40"></div>
      <div class="field"><label for="n_unit">Unit (for example {{ company.unit_example }})</label><input id="n_unit" name="unit" type="text" maxlength="120"></div>
      <div class="field"><label for="n_model">Make and model</label><input id="n_model" name="make_model" type="text" maxlength="120"></div>
      <div class="field"><label for="n_eta">Estimated ready date</label><input id="n_eta" name="eta" type="date"></div>
      <span class="small">The customer signs in with the job number plus this email address or phone number, so enter at least one of them.</span>
      <div class="btn-row"><button class="btn btn-primary" type="submit">Create job</button></div>
    </form>
  </details>

  <section class="list-card">
    <div class="table-wrap">
      <table>
        <thead>
          <tr><th scope="col">Job</th><th scope="col">Customer</th><th scope="col">Unit</th><th scope="col">Stage</th><th scope="col">Conditions</th><th scope="col">Payment</th><th scope="col">Updated</th></tr>
        </thead>
        <tbody>
          {% for job in jobs %}
          <tr>
            <td><a href="{{ url_for('admin_job', job_id=job.id) }}">{{ job.job_number }}</a></td>
            <td>{{ job.customer_name }}</td>
            <td>{{ job.unit or job.make_model or "-" }}</td>
            <td><span class="pill s{{ job.stage }}">{{ stages[job.stage] }}</span></td>
            <td>{% if job.conditions_at %}<span class="pill good">Confirmed</span>{% else %}<span class="pill warn">Waiting</span>{% endif %}</td>
            <td>{% if job.pay_status == "paid" %}<span class="pill good">Paid</span>{% elif job.pay_status == "sent" %}<span class="pill s3">Link sent</span>{% else %}<span class="pill">Not sent</span>{% endif %}</td>
            <td class="muted">{{ job.updated_at|dt }}</td>
          </tr>
          {% else %}
          <tr><td colspan="7" class="muted">{% if q %}No jobs match "{{ q }}".{% else %}No jobs yet. Use New job above to add your first one.{% endif %}</td></tr>
          {% endfor %}
        </tbody>
      </table>
    </div>
  </section>
</div>
{% endblock %}