{{define "relations_duplicates_sha256.html"}}
{{template "layout_head" .}}
<div id="sidebar-inner"></div>
{{template "layout_mid" .}}

<div id="relations-walker-page" data-esc-back="/relations#duplicates">
  <div class="detail-topbar">
    <div class="detail-nav-group">
      <a href="/relations#duplicates" class="back-link">‹ Relations</a>
      <span class="detail-nav-sep">/</span>
      <strong class="walker-page-title">Duplicate files</strong>
    </div>
    {{if .Sha256Rows}}
    <div class="detail-topbar-right">
      <form hx-post="/relations/file-duplicates/remove"
            hx-on::after-request="if(event.detail.successful){setTimeout(function(){window.location.reload()},1500)}"
            hx-confirm="Remove every non-canonical duplicate file and its bytes from disk? The canonical path stays."
            data-confirm-ok="Remove all"
            style="display:inline">
        <input type="hidden" name="_csrf" value="{{.CSRFToken}}">
        <input type="hidden" name="all" value="true">
        <button type="submit" class="btn-danger btn-sm">Delete all duplicate files</button>
      </form>
    </div>
    {{end}}
  </div>

  <div id="flash-walker-sha256"></div>

  {{if not .Sha256Rows}}
  <section class="session-empty">
    <h3>No duplicate files left.</h3>
    <p class="field-hint">Every image has a single path on disk. Drop in another sync or upload to surface more candidates.</p>
  </section>
  {{else}}
  <table class="browse-table">
    <thead>
      <tr>
        <th>Image ID</th>
        <th>Thumb</th>
        <th>Canonical path</th>
        <th>Duplicate path</th>
        <th>Action</th>
      </tr>
    </thead>
    <tbody>
      {{range .Sha256Rows}}
      <tr>
        <td><a href="/images/{{.ImageID}}">#{{.ImageID}}</a></td>
        <td>
          <a href="/images/{{.ImageID}}" class="browse-thumb">
            <img src="/thumbnails/{{$.ActiveGallery}}/{{.ImageID}}.jpg" alt="image {{.ImageID}}" loading="lazy">
          </a>
        </td>
        <td><code class="mono-small">{{.CanonicalPath}}</code></td>
        <td><code class="mono-small">{{.AliasPath}}</code></td>
        <td>
          <form hx-post="/relations/duplicates/sha256/remove-one" hx-swap="none"
                hx-confirm="Delete this duplicate file from disk? The canonical path stays."
                data-confirm-ok="Delete" style="display:inline">
            <input type="hidden" name="_csrf" value="{{$.CSRFToken}}">
            <input type="hidden" name="path_id" value="{{.PathID}}">
            <button type="submit" class="btn-sm btn-danger">Delete</button>
          </form>
        </td>
      </tr>
      {{end}}
    </tbody>
  </table>
  {{end}}
</div>

{{template "layout_end" .}}
{{end}}