{% extends "base.html" %}
{% from "_macros.html" import help %}
{% block title %}Clone {{ job.name }} — BackupWatch{% endblock %}
{% block content %}
<a class="back" href="/jobs/{{ job.id }}">&larr; {{ job.name }}</a>
<h1>Clone job</h1>
<p class="note">A new job pre-filled from <strong>{{ job.name }}</strong>. Change the details below — name, client, schedule and match rules — then create it. Nothing is changed on the original.</p>
{% if err %}<div class="banner error">{{ err }}</div>{% endif %}
<style>
  .jc-days { border:1px solid var(--line); border-radius:9px; padding:6px 12px 10px;
    margin:10px 0; max-width:440px; }
  .jc-days legend { font-size:12.5px; color:var(--muted); padding:0 4px; }
  .jc-days .why { font-size:12.5px; line-height:1.55; margin:2px 0 6px; }
  .jc-warn { background:#fdf3e0; border:1px solid #f3e2bd; border-radius:9px; padding:10px 13px;
    font-size:13px; color:#7a5c14; line-height:1.6; max-width:640px; margin:10px 0; }
  .jc-grp { font-family:var(--mono); font-size:10px; letter-spacing:.06em; text-transform:uppercase;
    padding:2px 7px; border-radius:5px; background:#eef2f7; color:#5c6b84; white-space:nowrap; }
  .jc-grp.or { background:rgba(18,161,80,.12); color:#0d7a3d; }
</style>

<form method="post" action="/jobs/{{ job.id }}/clone" class="panel">
  <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
  <label>Client
    <select name="client_id">
      {% for c in clients %}<option value="{{ c.id }}" {{ "selected" if c.id==job.client_id }}>{{ c.name }}</option>{% endfor %}
    </select></label>
  <label>Name <input name="name" value="{{ job.name }}" required></label>
  <label>Vendor
    <select name="vendor">
      {% for v in ["veeam","dropsuite","synology","cloudally","other"] %}
      <option value="{{ v }}" {{ "selected" if job.vendor==v }}>{{ v|vendor }}</option>
      {% endfor %}
    </select></label>
  <label>Target <input name="target" value="{{ job.target }}"></label>
  <label>Frequency {{ help("Daily = one backup expected each day. Interval = a backup expected every N minutes within the active window set under Advanced.") }}
    <select name="frequency">
      {% for val, lbl in freq_options %}<option value="{{ val }}" {{ "selected" if freq_value==val }}>{{ lbl }}</option>{% endfor %}
    </select></label>
  <label data-sched="daily">Expected by (daily) <input type="time" name="expected_time" value="{{ job.expected_time }}"></label>
  <label data-sched="daily">Grace hours (daily) <input type="number" name="grace_hours" value="{{ job.grace_hours }}" min="0"></label>
  <details data-sched="interval" {{ "open" if job.frequency == 'interval' }}>
    <summary>Advanced — interval window</summary>
    <label>Active window start <input type="time" name="window_start" value="{{ job.window_start }}"></label>
    <label>Active window end <input type="time" name="window_end" value="{{ job.window_end }}"></label>
    <label>Grace minutes (interval) <input type="number" name="grace_minutes" value="{{ job.grace_minutes }}" min="0"></label>
  </details>
  {# Run-on days sit outside the interval block: missed detection applies them to daily schedules
     too, so a weekday-only or weekly daily job has to be configurable here. #}
  <fieldset class="jc-days"><legend>Run on</legend>
    <p class="note why">Applies to daily and interval schedules. Leave every day unticked to expect a
      backup every day; tick days for a weekday-only or weekly job.</p>
    {% for val, lbl in day_labels %}<label class="inline"><input type="checkbox" name="days" value="{{ val }}" {{ "checked" if val in job_days }}> {{ lbl }}</label>{% endfor %}
  </fieldset>
  {% if schedule_timezone %}<p class="note" style="margin:2px 0 12px">Schedule times are read in
    <strong>{{ schedule_timezone }}</strong> — the same timezone the missed-backup check uses.</p>{% endif %}
  <label class="inline"><input type="checkbox" name="active" checked> Active</label>

  <h3>Match rules {{ help("Copied from the source job so you can adjust them for the new one — e.g. change a subject value from one client's task name to another's. The original AND / OR grouping is carried across unchanged: AND rules must all match, and rules in the same OR group stay one condition that any of its members satisfies. Clear a row's value to drop that rule. Add more rules on the job page after creating.") }}</h3>
  <p class="note">The original <strong>AND / OR groups are preserved</strong> — each row keeps the way
    it combined on <strong>{{ job.name }}</strong>, so cloning does not quietly flatten an OR group
    into extra AND conditions. The chip on each row shows how that rule combines.</p>
  <p class="jc-warn" id="jc-client-warn" style="display:none">You have changed the client. Rules copied
    from <strong>{{ job.client.display_name }}</strong> may carry that client's own identifiers — a
    sender address, account token or task name. Review every value below and replace anything
    client-specific, or this job will match the wrong client's reports.</p>
  {# Each row's learned/or_group travels with it in hidden inputs, positionally aligned with the
     rule_field / rule_operator / rule_value / rule_case lists. They are always submitted, even
     when the value is cleared to drop the rule, so the server can zip all six lists row-for-row
     before discarding blank rows. #}
  {% for r in job.rules %}
  <div class="row">
    <select name="rule_field">{% for f in rule_fields %}<option {{ "selected" if r.field==f }}>{{ f }}</option>{% endfor %}</select>
    <select name="rule_operator">{% for o in rule_ops %}<option {{ "selected" if r.operator==o }}>{{ o }}</option>{% endfor %}</select>
    <input name="rule_value" value="{{ r.value }}" placeholder="value (blank = drop this rule)">
    <select name="rule_case"><option value="0" {{ "selected" if not r.case_sensitive }}>case-insensitive</option><option value="1" {{ "selected" if r.case_sensitive }}>case-sensitive</option></select>
    <input type="hidden" name="rule_learned" value="{{ 1 if r.learned else 0 }}">
    <input type="hidden" name="rule_group" value="{{ r.or_group or 0 }}">
    <span class="jc-grp{{ ' or' if r.learned or r.or_group }}">{% if r.learned %}OR · any matches{% elif r.or_group %}OR group {{ r.or_group }}{% else %}AND{% endif %}</span>
  </div>
  {% endfor %}
  <div class="row">
    <select name="rule_field">{% for f in rule_fields %}<option {{ "selected" if f=='subject' }}>{{ f }}</option>{% endfor %}</select>
    <select name="rule_operator">{% for o in rule_ops %}<option>{{ o }}</option>{% endfor %}</select>
    <input name="rule_value" placeholder="add another rule (optional)">
    <select name="rule_case"><option value="0">case-insensitive</option><option value="1">case-sensitive</option></select>
    <input type="hidden" name="rule_learned" value="0">
    <input type="hidden" name="rule_group" value="0">
    <span class="jc-grp">AND</span>
  </div>

  <p class="note">New jobs start <strong>observing</strong>: they record matching reports and show
    failures, but send no alerts and raise no missed backups until you activate them in
    <a href="/onboarding?client_id={{ job.client_id }}">Onboarding</a>.</p>
  <div><button type="submit">Create &amp; observe</button> <a class="btn-secondary" href="/jobs/{{ job.id }}">Cancel</a></div>
</form>
<script>
(function () {
  "use strict";
  // Changing the client is the moment a copied sender/token/task name becomes a routing bug —
  // surface the warning then, rather than hoping it is read on a same-client clone.
  var sel = document.querySelector('select[name="client_id"]');
  var warn = document.getElementById("jc-client-warn");
  if (!sel || !warn) { return; }
  var original = sel.value;
  function sync() { warn.style.display = sel.value === original ? "none" : ""; }
  sel.addEventListener("change", sync);
  sync();
})();
</script>
{% include "_sched_toggle.html" %}
{% endblock %}