{#
  ─────────────────────────────────────────────
   SPB Drive — Personal Cloud Drive
  ─────────────────────────────────────────────
   Author  : Simon-Pierre Boucher
   Contact : contact@spboucher.ai
   File    : src/web/views/share-file.njk
   Purpose : Public single-file share page — full preview + download
   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 }}">
  <meta property="og:type" content="website">
  <meta property="og:url" content="{{ og.url }}">
  <meta property="og:description" content="{{ node.size | filesize }} · shared by Simon-Pierre Boucher">
  {% if og.image %}<meta property="og:image" content="{{ og.image }}">
  <meta name="twitter:card" content="summary_large_image">
  <meta name="twitter:image" content="{{ og.image }}">{% else %}
  <meta name="twitter:card" content="summary">{% endif %}
  <meta name="twitter:title" content="{{ og.title }}">
{% endblock %}
{% block body %}
<div class="share-page"
     data-token="{{ share.token }}"
     data-node-id="{{ node.id }}"
     data-name="{{ node.name }}"
     data-size="{{ node.size }}"
     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">
    <div class="share-file-head">
      <span class="fico" id="shareIcon"></span>
      <div>
        <h1>{{ node.name }}</h1>
        <div class="fmeta">{{ node.size | filesize }}</div>
      </div>
      {% if allowDownload %}
      <a class="btn primary" href="/s/{{ share.token }}/dl" download>
        <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
      </a>
      {% endif %}
    </div>
    <div class="share-stage" id="shareStage"></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 %}