{% extends "base.html" %}
{% block title %}Onboarding preview — BackupWatch{% endblock %}
{% block content %}
<style>
  .onb-ai { font-family:var(--mono); font-size:10px; font-weight:600; letter-spacing:.08em;
    color:#1666d8; background:#e8f1fd; border-radius:5px; padding:2px 6px; vertical-align:middle; }
  .onb-samples { width:100%; margin-top:8px; table-layout:auto; }
  .onb-samples th, .onb-samples td { text-align:left; padding:4px 14px 4px 0; font-size:13px;
    vertical-align:top; }
  /* only break inside a long address when it genuinely cannot fit */
  .onb-samples .mono { font-family:var(--mono); font-size:12px; overflow-wrap:anywhere; }
  .onb-samples td:first-child { white-space:nowrap; color:#6b7a90; width:1%; }
</style>
<a class="back" href="/onboarding">← Onboarding workspace</a>
<h1>{{ 'Map inventory columns' if batch.kind == 'mapping' else 'Review selected jobs' }}</h1>
<p>Batch {{ batch.id[:8] }} · saved {{ batch.created_at|dt }} · {{ batch.created_by }}</p>
{% if msg %}<div class="banner" role="status">{{ msg }}</div>{% endif %}
{% if batch.kind == 'mapping' %}
<p>Map your columns once. A blank cell preserves an existing job's value. New jobs use the displayed defaults and remain drafts.</p>
<form method="post" action="/onboarding/batches/{{ batch.id }}/map">
  <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
  <div class="table-wrap"><table><thead><tr><th>Job field</th><th>CSV column</th></tr></thead><tbody>
  {% for key in fields %}<tr><td><label for="map-{{ key }}">{{ key|replace('_',' ')|capitalize }}{% if key in ['client_code','job_ref'] %} (required){% endif %}</label></td><td><select name="map_{{ key }}" id="map-{{ key }}"><option value="">Not mapped</option>{% for header in data.headers %}<option value="{{ loop.index0 }}" {{ 'selected' if header|lower|replace(' ','_') == key }}>{{ header }}</option>{% endfor %}</select></td></tr>{% endfor %}
  </tbody></table></div>
  <details class="panel"><summary>Shared defaults for blank cells</summary><p>Schedule timezone: {{ timezone }}. Leave defaults blank to preserve existing values. New jobs default to daily by 06:00 + 4 hours grace.</p>
  {% for key,label in [('frequency','Frequency: daily or interval minutes'),('expected_time','Expected by'),('grace_hours','Grace hours'),('subject_contains','Subject contains'),('sender_contains','Sender contains')] %}<label>{{ label }} <input name="default_{{ key }}" {% if key == 'expected_time' %}type="time"{% endif %}></label>{% endfor %}</details>
  <button>Validate inventory</button>
</form>
{% elif batch.kind == 'activation' %}
<p><strong>{{ data.action|capitalize }} preview.</strong> Tested {{ data.samples }} reports from the last {{ data.history_days }} days using client resolution and competing jobs. This sample is evidence, not proof of complete inventory coverage.</p>
{% if data.truncated %}<div class="banner warning">Sample capped at 2000 reports. Use a narrower date window for focused validation. Jobs without evidence cannot activate.</div>{% endif %}
<p>Timezone: <strong>{{ data.timezone }}</strong>. Notification destination: <strong>{{ data.recipients or 'Not configured' }}</strong>.</p>
<form method="post" action="/onboarding/batches/{{ batch.id }}/activate">
  <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
  <div class="table-wrap"><table><thead><tr><th>Select</th><th>Client / job</th><th>Routing evidence</th><th>Next deadline</th><th>Result</th></tr></thead><tbody>
  {% for row in data.rows %}<tr><td>{% if not row.result and data.action != 'validate' %}<input type="checkbox" name="row" value="{{ row.number }}" aria-label="Select {{ row.input.job_name }}" {{ 'checked' if data.action != 'monitoring' or (row.matched and not row.conflicts) }}>{% endif %}</td><td>{{ row.input.client_name }}<br><a href="/jobs/{{ row.number }}">{{ row.input.job_name }}</a></td><td>{{ row.matched }} routed · {{ row.conflicts }} conflicts{% if not row.matched %}<br><strong>Awaiting sample</strong>{% endif %}<details><summary>Sample reports</summary>{% for sample in row.samples %}<p>{{ sample.subject }}<br><small>{{ sample.status }} · {{ 'Conflicting ownership/routing' if sample.conflict else 'Routes to this job' }}{% if sample.owner %} · currently job #{{ sample.owner }}{% endif %}</small></p>{% else %}<p>No matching sample. Trigger a report or expand the history range.</p>{% endfor %}</details></td><td>{{ data.deadlines.get(row.number|string) or 'Check schedule' }}</td><td>{{ row.result or 'Not applied' }}</td></tr>{% endfor %}
  </tbody></table></div>
  {% if data.action == 'monitoring' %}
  <p>Only selected jobs activate. Each needs routing evidence without conflicts, an active client, an owner and review date. Remove any mute or silence on the job page first. You can set owner and review date using bulk settings.</p>
  <label class="inline"><input type="checkbox" name="confirm_settings" value="yes" required> I confirm the selected schedules, timezone and notification destination.</label>
  <label class="inline"><input type="checkbox" name="confirm_delivery" value="yes" required> I received a test notification at the intended destination. <a href="/settings#sec-notify" target="_blank" rel="noopener">Send test</a></label>
  <p>Monitoring starts now. No missed alerts are generated for the observation period.</p>
  {% elif data.action == 'retired' %}<label class="inline"><input type="checkbox" name="confirm_retire" value="yes" required> Retire the selected jobs and stop matching. Keep all history.</label>
  {% elif data.action == 'observing' %}<p>Observing jobs record matching reports without failure/missed alerts. They remain visible in onboarding and do not activate automatically.</p>{% endif %}
  {% if data.action != 'validate' %}<button style="margin-top:16px">{{ 'Activate monitoring' if data.action == 'monitoring' else 'Apply ' ~ data.action }} for selected jobs</button>{% endif %}
</form>
{% else %}
{% if data.coverage %}<div class="panel"><strong>Inventory reconciliation</strong><p>{{ data.coverage.expected }} expected · {{ data.coverage.configured }} configured · {{ data.coverage.reporting }} have reported · {{ data.coverage.missing }} missing · {{ data.coverage.never_seen }} never seen.</p>
<details><summary>{{ data.unexpected|length }} additional configured job(s) for these clients</summary><p>These jobs are outside this batch's expected inventory. Review them before deciding whether to retire anything.</p>{% for j in data.unexpected %}<p>{{ j.client }} / <a href="/jobs/{{ j.id }}">{{ j.name }}</a></p>{% endfor %}</details></div>{% endif %}
{% if data.discovery %}<p>{{ data.message_count }} reports grouped from {{ data.source }}. {% if data.capped %}<strong>500-report limit reached; narrow the range to discover additional jobs.</strong>{% endif %} Correct unresolved client codes below. Give existing clients a code on their client page before assigning discovered jobs.</p>{% endif %}
{% if data.ai_sweep %}
<p>{{ data.message_count }} waiting Review-queue report(s) across {{ data.client_count }} client(s) grouped.{% if data.capped %} <strong>Sample limit reached — a follow-up sweep may find more.</strong>{% endif %}</p>
{% if data.ai_candidates %}
<details class="panel" open>
  <summary>Refine {{ data.ai_candidates|length }} client(s) with Claude</summary>
  <p>One request per client, subject lines and sender addresses only, using your Anthropic API
     key and the shared hourly AI request budget. If the sweep hits the hourly limit partway
     through, the remaining clients are reported below the next run — nothing is lost, just
     not yet refined.</p>
  <form method="post" action="/onboarding/batches/{{ batch.id }}/sweep-refine" id="sweep-refine-form" style="margin:0 0 10px">
    <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
    <button type="button" id="sweep-refine-open" class="btn-secondary">Send {{ data.ai_candidates|length }} client(s) to Claude</button>
  </form>
  <dialog id="sweep-refine-confirm" style="max-width:760px;border:1px solid #e6ebf3;border-radius:14px;padding:22px 26px">
    <h3 style="margin:0 0 10px">Send to Anthropic?</h3>
    <p>Subject lines and sender addresses for <strong>{{ data.ai_candidates|length }}</strong>
       client(s) will be sent to api.anthropic.com, one request per client, using your API key.</p>
    <p class="note">No message bodies, recipients or attachments are included. Each request also
       carries BackupWatch's own instructions and your model settings.</p>
    <details><summary>Show exactly what will be sent, per client</summary>
      {% for c in data.ai_candidates %}
      <p style="margin-bottom:2px"><strong>{{ c.client_name }}</strong> — {{ c.sent }}{% if c.total > c.sent %} of {{ c.total }}{% endif %} email(s)</p>
      <pre style="font-family:var(--mono);font-size:11.5px;background:#f7f9fd;border:1px solid #eaeff6;border-radius:8px;padding:10px 12px;max-height:220px;overflow:auto;white-space:pre-wrap;margin-top:0">{{ c.preview_json }}</pre>
      {% endfor %}
    </details>
    <div class="row" style="margin-top:14px">
      <button type="button" id="sweep-refine-cancel" class="btn-secondary">Cancel</button>
      <button type="button" id="sweep-refine-send">Send</button>
    </div>
  </dialog>
  <script>
    document.getElementById("sweep-refine-open").addEventListener("click", function () {
      document.getElementById("sweep-refine-confirm").showModal();
    });
    document.getElementById("sweep-refine-cancel").addEventListener("click", function () {
      document.getElementById("sweep-refine-confirm").close();
    });
    document.getElementById("sweep-refine-send").addEventListener("click", function () {
      document.getElementById("sweep-refine-form").submit();
    });
  </script>
</details>
{% endif %}
{% if data.ai_summary %}
<div class="panel">
  <strong>Last AI refinement run</strong>
  <p>{{ data.ai_summary.refined|length }} client(s) refined (~${{ '%.2f'|format(data.ai_summary.cost) }}).</p>
  {% if data.ai_summary.skipped_cap %}<p><strong>Hourly AI limit reached.</strong> Not sent: {{ data.ai_summary.skipped_cap|join(', ') }}. Re-run the sweep later.</p>{% endif %}
  {% if data.ai_summary.skipped_error %}<p>Couldn't refine: {{ data.ai_summary.skipped_error|join(', ') }}.</p>{% endif %}
</div>
{% endif %}
{% endif %}
<p>Saving creates drafts. Existing updates require explicit confirmation; blank values preserve settings. Imports never delete jobs missing from the file.</p>
<p><a href="/onboarding/batches/{{ batch.id }}/corrections.csv">Download rows needing correction</a></p>
<form method="post" action="/onboarding/batches/{{ batch.id }}/apply" id="apply-batch">
  <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
  <label class="inline"><input type="checkbox" name="allow_updates" value="yes"> Apply selected updates to existing jobs. Changed matching rules return active jobs to observation.</label>
</form>
<div class="table-wrap"><table><thead><tr><th>Select</th><th>Row / job</th><th>Action</th><th>Changes</th><th>Result</th></tr></thead><tbody>
{% for row in data.rows %}<tr>
  <td>{% if not row.error and not row.result %}<input form="apply-batch" type="checkbox" name="row" value="{{ row.number }}" aria-label="Select row {{ row.number }}" {{ 'checked' if row.action == 'create' }}>{% endif %}</td>
  <td>{{ row.number }} · {{ row.input.get('client_name') or row.input.get('client_code') or 'Client needed' }}<br>{{ row.input.get('job_name','') }}{% if row.ai %} <span class="onb-ai" title="{{ row.reasoning }}">AI</span>{% endif %}{% if row.samples %}<details><summary>{{ row.report_count }} report(s)</summary>
    <table class="onb-samples">
      <thead><tr><th>Received</th><th>From</th><th>Subject</th></tr></thead>
      <tbody>{% for s in row.samples %}<tr>
        <td>{{ s.received_at|dt if s.received_at else '—' }}</td>
        <td class="mono">{{ s.from }}</td>
        <td>{{ s.subject }}</td>
      </tr>{% endfor %}</tbody>
    </table>
    {% if row.extra %}<p class="note">…and {{ row.extra }} more not shown.</p>{% endif %}
  </details>{% elif row.sample %}<details><summary>{{ row.report_count }} report(s)</summary><p>{{ row.sample }}</p></details>{% endif %}
    {# a proposed NEW job whose client is known can go straight to the wizard, where its rules
       get the live match test before anything is created. Updates already have a job. #}
    {% set wiz_cid = row.input.get('resolved_client_id') or row.get('client_id') %}
    {% if wiz_cid and row.action != 'update' and not row.result and (row.input.get('subject_contains') or row.input.get('sender_contains')) %}
    <br><a href="{{ wizard_seed(wiz_cid, row.input.get('job_name',''), row.input.get('vendor','other'), row.input.get('subject_contains',''), row.input.get('sender_contains','')) }}">Create job in wizard</a>
    {% endif %}</td>
  <td>{{ row.action|default('Needs correction') }}</td>
  <td>{% if row.get('values') %}<details><summary>Review values</summary>{% for key,value in row['values'].items() %}{% if not row.before or row.before.get(key) != value %}<p><strong>{{ key|replace('_',' ') }}</strong>: {{ row.before.get(key,'') if row.before else 'New' }} → {{ value }}</p>{% endif %}{% endfor %}{% if row.rules %}<p>Replacement matching rules: {{ row.rules }}</p>{% endif %}{% if row.deadline %}<p>Next deadline ({{ timezone }}): {{ row.deadline }}</p>{% endif %}</details>{% endif %}</td>
  <td>{% if row.error %}<strong>{{ row.error }}</strong>{% elif row.result %}{{ row.result }}{% else %}Awaiting selection{% endif %}
  {% if batch.kind == 'import' and not row.result %}<details><summary>Correct this row</summary><form method="post" action="/onboarding/batches/{{ batch.id }}/rows/{{ row.number }}" class="stack"><input type="hidden" name="csrf_token" value="{{ csrf_token }}">{% for key in fields %}<label>{{ key|replace('_',' ') }}<input name="{{ key }}" value="{{ row.input.get(key,'') }}"></label>{% endfor %}<button class="btn-secondary">Check corrected row</button></form></details>{% endif %}</td>
</tr>{% else %}<tr><td colspan="5">No candidate jobs in this sample. Try another date range or upload an inventory.</td></tr>{% endfor %}
</tbody></table></div>
<button form="apply-batch" style="margin-top:16px">Save selected rows</button>
<button type="button" class="btn-secondary" onclick="document.querySelectorAll('input[form=apply-batch][name=row]').forEach(x=>x.checked=true)">Select all valid rows</button>
<button type="button" class="btn-secondary" onclick="document.querySelectorAll('input[form=apply-batch][name=row]').forEach(x=>x.checked=false)">Clear selection</button>
{% endif %}
{% endblock %}