{#
  ─────────────────────────────────────────────
   SPB Drive — Personal Cloud Drive
  ─────────────────────────────────────────────
   Author  : Simon-Pierre Boucher
   Contact : contact@spboucher.ai
   File    : src/web/views/share-folder.njk
   Purpose : Public folder share — read-only browser + download-all ZIP
   License : MIT © Simon-Pierre Boucher
  ─────────────────────────────────────────────
#}
{% extends "base.njk" %}
{% block title %}{{ node.name }} · SPB Drive{% endblock %}
{% block og %}
  <meta property="og:site_name" content="SPB Drive">
  <meta property="og:title" content="{{ og.title }} (folder)">
  <meta property="og:type" content="website">
  <meta property="og:url" content="{{ og.url }}">
  <meta property="og:description" content="Shared folder · Simon-Pierre Boucher">
  <meta name="twitter:card" content="summary">
{% endblock %}
{% block body %}
<div class="share-page"
     data-token="{{ share.token }}"
     data-node-id="{{ node.id }}"
     data-name="{{ node.name }}"
     data-folder="1"
     data-allow-download="{{ '1' if allowDownload else '0' }}">
  <header class="share-topbar">
    <div class="brand"><div class="mark">SPB</div><span>SPB Drive</span></div>
  </header>
  <main class="share-main wide">
    <div class="share-file-head">
      <span class="fico" id="shareIcon"></span>
      <div>
        <h1>{{ node.name }}</h1>
        <div class="fmeta">Shared folder</div>
      </div>
      {% if allowDownload %}
      <a class="btn primary" href="/s/{{ share.token }}/zip">
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" width="16" height="16"><path d="M12 4v12m0 0 5-5m-5 5-5-5"/><path d="M4 19h16"/></svg>
        Download all as ZIP
      </a>
      {% endif %}
    </div>
    <div class="crumbs share-crumbs" id="shareCrumbs"></div>
    <div id="shareBrowser"></div>
  </main>
  <footer class="share-footer">
    Shared by Simon-Pierre Boucher · <a href="mailto:contact@spboucher.ai">contact@spboucher.ai</a>
  </footer>
</div>
<script type="module" src="/assets/js/share-page.js"></script>
{% endblock %}