{{template "header" .}}
<div class="form-card" style="max-width:640px">
  <h1>Before you pay</h1>
  <p>Checkout is <b>PayPal</b>. You leave this site, pay on paypal.com, and come back with a license key. Deimos never sees your card number.</p>
  <ul class="meta">
    <li>You must supply <b>your own S3 or decentralized S3</b>: <a href="https://www.storj.io/" target="_blank" rel="noreferrer">Storj</a>, <a href="https://filebase.com/" target="_blank" rel="noreferrer">Filebase</a>, <a href="https://wasabi.com/" target="_blank" rel="noreferrer">Wasabi</a>, <a href="https://www.backblaze.com/cloud-storage" target="_blank" rel="noreferrer">Backblaze B2</a>, <a href="https://aws.amazon.com/s3/" target="_blank" rel="noreferrer">Amazon S3</a>, <a href="https://www.cloudflare.com/developer-platform/r2/" target="_blank" rel="noreferrer">Cloudflare R2</a>, or <a href="https://min.io/" target="_blank" rel="noreferrer">MinIO</a>.</li>
    <li>On this Web/Cinema host, member files never land on our disk.</li>
  </ul>
  <form method="post" action="/pay">
    <input type="hidden" name="sku" value="{{.Query}}">
    <p>
      <label style="display:flex;gap:12px;align-items:flex-start">
        <input type="checkbox" name="s3_agree" value="1" required style="margin-top:4px">
        <span>I agree I will supply my own S3 or decentralized storage. Deimos will not store my video files.</span>
      </label>
    </p>
    <div style="margin-top:18px">
      <button class="btn btn-green" type="submit">Continue to payment</button>
      <a class="btn btn-outline" href="/guide">Read the guide</a>
    </div>
  </form>
</div>
{{template "footer" .}}