{% extends "base.html" %}
{% from "_macros.html" import icon, status_badge, split_path %}
{% block title %}{{ la }} ⇄ {{ lb }}{% endblock %}
{% block crumb %}<span class="crumb">/ {{ _("folder comparison") }}</span>{% endblock %}
{% block content %}
{% set here = request.full_path %}
<div class="card" style="margin-bottom:16px">
  <div class="card-body">
    <div class="pair">
      <div class="pair-side"><span class="slot-tag a">A</span><a href="#" class="mono" data-reveal="{{ a }}" title="{{ _("Show in Explorer") }}">{{ a }}</a><span class="faint small">{{ count_a }} {{ _("files") }}</span></div>
      <div class="pair-side"><span class="slot-tag b">B</span><a href="#" class="mono" data-reveal="{{ b }}" title="{{ _("Show in Explorer") }}">{{ b }}</a><span class="faint small">{{ count_b }} {{ _("files") }}</span></div>
    </div>
    <div class="row" style="margin-top:14px;gap:8px">
      <a class="btn sm" href="{{ url_for('compare', a=b, b=a) }}">⇄ {{ _("Swap A and B") }}</a>
      <a class="btn sm" href="{{ url_for('compare', a=a, b=b) }}">↻ {{ _("Compare again") }}</a>
      <a class="btn sm" href="{{ url_for('index', a=a, b=b) }}">{{ _("Change…") }}</a>
      <span class="grow"></span>
      <details class="report-box">
        <summary class="btn sm primary">📄 {{ _("Report with SVG images…") }}</summary>
        <form method="post" action="{{ url_for('report_start') }}" class="report-form">
          <input type="hidden" name="a" value="{{ a }}"><input type="hidden" name="b" value="{{ b }}">
          <div class="small muted" style="margin-bottom:6px">{{ _("A Markdown report: summary table, every changed VI with its change list and one SVG with the A and B block diagrams.") }}</div>
          <div class="small muted" style="margin:2px 0 2px">{{ _("Changes to include") }}</div>
          {% for k, t in categories %}
          <label class="chk"><input type="checkbox" name="cat" value="{{ k }}" {{ 'checked' if k in default_cats }}> {{ _(t) }}</label>
          {% endfor %}
          <div class="report-opts">
            <label class="chk"><input type="checkbox" name="pdf" value="1" checked> <b>{{ _("Also make a PDF") }}</b></label>
            <div class="small muted" style="margin:6px 0 2px">{{ _("Contents") }}</div>
            <label class="chk"><input type="checkbox" name="inc" value="summary" checked> {{ _("Summary tables") }}</label>
            <label class="chk"><input type="checkbox" name="inc" value="lists" checked> {{ _("Change list of every VI") }}</label>
            <label class="chk" title="{{ _("The whole A and B block diagram in one SVG, fitted to the page") }}"><input type="checkbox" name="inc" value="overview" checked> {{ _("Whole diagram (A + B)") }}</label>
            <label class="chk" title="{{ _("For large VIs: a cropped A + B view of every group of nearby changes, printed at about 1:1") }}"><input type="checkbox" name="inc" value="details" checked> {{ _("Detail views around the changes") }}</label>
            <label class="chk" title="{{ _("Unreadable, out-of-scope and re-saved VIs, and the other changed files") }}"><input type="checkbox" name="inc" value="others" checked> {{ _("Other files and VIs") }}</label>
            <div class="small muted" style="margin:6px 0 2px">{{ _("Drawing") }}</div>
            <label class="chk" title="{{ _("Off: one image per Stacked Sequence frame that has changes (narrower, easier to read on a page)") }}"><input type="checkbox" name="flat" value="1"> {{ _("Stacked Sequence → Flat") }}</label>
          </div>
          <button class="btn sm primary" style="margin-top:8px">{{ _("Generate report") }}</button>
        </form>
      </details>
    </div>
  </div>
</div>

<div class="row" style="margin-bottom:8px">
  <b>{{ _n("{n} file differs", "{n} files differ", changes|length) }}</b>
  <span class="small muted">
    {% if stats.modified %}· <span class="num-mod">{{ _("{n} modified", n=stats.modified) }}</span>{% endif %}
    {% if stats.added %}· <span class="num-add">{{ _("{n} only in B", n=stats.added) }}</span>{% endif %}
    {% if stats.deleted %}· <span class="num-del">{{ _("{n} only in A", n=stats.deleted) }}</span>{% endif %}
    {% if stats.renamed %}· {{ _("{n} moved", n=stats.renamed) }}{% endif %}
    · {{ _("{n} identical", n=same|length) }}
  </span>
  <span class="small muted">· {{ changes|selectattr("is_vi")|list|length }} {{ _("VI/control:") }}</span>
  <span class="vi-tally" data-vi-tally>{% if changes|selectattr("is_vi")|list %}<span class="spinner"></span>{% endif %}</span>
</div>
{% if not changes %}<div class="card empty"><h2>{{ _("The folders are identical") }}</h2>{{ _("All {n} files have exactly the same content.", n=same|length) }}</div>{% endif %}
{% if changes|selectattr("is_vi")|list %}<div class="card" style="margin-bottom:10px"><div class="vi-filter" data-vi-filter="view" style="border-top:0"></div></div>{% endif %}
{% if changes %}
<div class="card changes">
  {% for c in changes %}
  {% set fa = (a ~ '/' ~ (c.old_path or c.path)) if c.status != 'added' else '' %}
  {% set fb = (b ~ '/' ~ c.path) if c.status != 'deleted' else '' %}
  <div class="ch">
    <div class="ch-row" {% if c.is_vi and c.status != "renamed" %}data-vi-row{% endif %}>
      {{ status_badge(c.status, _) }}
      {{ icon(c.kind) }}
      <span class="path" title="{{ c.path }}">{% if c.old_path %}<span class="faint">{{ c.old_path }} → </span>{% endif %}{{ split_path(c.path) }}</span>
      {% if c.status == "added" %}<span class="side-only b">{{ _("only in B") }}</span>{% elif c.status == "deleted" %}<span class="side-only a">{{ _("only in A") }}</span>{% endif %}
      {% if c.is_vi %}
        {% if c.status != "renamed" %}<span class="vi-sum" data-vi-summary data-old="{{ c.old_sha or '' }}" data-new="{{ c.new_sha or '' }}" data-name="{{ c.path }}"><span class="spinner"></span></span>{% endif %}
        <a class="btn sm primary" href="{{ url_for('vidiff_view', a=fa, b=fb, ra=a, rb=b, back=here) }}">{{ _("Block diagram diff →") }}</a>
      {% elif c.status == "modified" and (is_text_ext(c.path)) %}
        <button class="btn sm" type="button" data-textdiff="{{ url_for('api_textdiff', a=fa, b=fb) }}" data-target="td{{ loop.index }}">{{ _("Text diff") }}</button>
      {% endif %}
      <span class="faint small" style="min-width:110px;text-align:right">{% if c.status == "modified" %}{{ c.old_size|hsize }} → {{ c.new_size|hsize }}{% elif c.status == "deleted" %}{{ c.old_size|hsize }}{% else %}{{ c.new_size|hsize }}{% endif %}</span>
      <a class="btn sm ghost" href="#" title="{{ _("Show in Explorer") }}" data-reveal="{{ fb or fa }}">📂</a>
    </div>
    <div id="td{{ loop.index }}" hidden style="border-top:1px solid var(--border);max-height:520px;overflow:auto"></div>
  </div>
  {% endfor %}
</div>
{% endif %}
{% if same %}
<details class="card same-list">
  <summary class="card-head"><b>{{ _n("{n} identical file", "{n} identical files", same|length) }}</b><span class="faint small">{{ _("— byte-for-byte the same in A and B") }}</span></summary>
  <div class="same-body">
  {% for c in same %}<div class="same-row">{{ icon(c.kind) }} <span class="path">{{ split_path(c.path) }}</span><span class="faint small">{{ c.new_size|hsize }}</span></div>{% endfor %}
  </div>
</details>
{% endif %}
{% if rules %}<p class="small faint" style="margin-top:12px">{{ _("Ignored by your rules:") }} <code>{{ rules|join("  ") }}</code></p>{% endif %}
{% endblock %}