{#
  ─────────────────────────────────────────────
   SPB Drive — Personal Cloud Drive
  ─────────────────────────────────────────────
   Author  : Simon-Pierre Boucher
   Contact : contact@spboucher.ai
   File    : src/web/views/request.njk
   Purpose : Public file-request page — anyone can drop files for Simon-Pierre
   License : MIT © Simon-Pierre Boucher
  ─────────────────────────────────────────────
#}
{% extends "base.njk" %}
{% block title %}Send files · SPB Drive{% endblock %}
{% block og %}
  <meta property="og:site_name" content="SPB Drive">
  <meta property="og:title" content="Send files to Simon-Pierre Boucher">
  <meta property="og:type" content="website">
  <meta property="og:url" content="{{ publicUrl }}/r/{{ token }}">
  <meta property="og:description" content="Drop your files here — they go straight to Simon-Pierre's drive.">
  <meta name="twitter:card" content="summary">
{% endblock %}
{% block body %}
<div class="share-page"
     data-token="{{ token }}"
     data-max-files="{{ maxFiles or '' }}"
     data-received="{{ received }}">
  <header class="share-topbar">
    <div class="brand"><div class="mark">SPB</div><span>SPB Drive</span></div>
  </header>
  <main class="share-main request-main">
    <div class="request-card">
      <h1>Send files to Simon-Pierre Boucher</h1>
      {% if label %}<p class="request-label">“{{ label }}”</p>{% endif %}
      <p class="request-sub">
        Files land directly in Simon-Pierre's private drive. Nobody else can see them.
        {% if maxFiles %}<br>Up to {{ maxFiles }} file(s) accepted on this link.{% endif %}
      </p>
      <div class="request-drop" id="requestDrop" tabindex="0" role="button" aria-label="Choose files">
        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6"><path d="M12 16V4m0 0 5 5m-5-5-5 5"/><path d="M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-2"/></svg>
        <div><strong>Drop files here</strong> or click to browse</div>
      </div>
      <div class="upload-list" id="requestList"></div>
      <input type="file" id="requestPick" multiple hidden>
    </div>
  </main>
  <footer class="share-footer">
    SPB Drive · <a href="mailto:contact@spboucher.ai">contact@spboucher.ai</a>
  </footer>
</div>
<div class="toasts" id="toasts"></div>
<script type="module" src="/assets/js/request-page.js"></script>
{% endblock %}