<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title id="page-title">WaifuBoard - Gallery Item</title>
  <link rel="stylesheet" href="/views/css/components/navbar.css">
  <link rel="stylesheet" href="/views/css/globals.css">
  <link rel="stylesheet" href="/views/css/gallery/gallery.css">
  <link rel="stylesheet" href="/views/css/gallery/image.css">
  <link rel="icon" href="/public/assets/waifuboards.ico" type="image/x-icon">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css">
  <link rel="stylesheet" href="/views/css/components/updateNotifier.css">
</head>
<body>

<a href="/gallery" class="back-btn">
  <svg width="20" height="20" fill="none" stroke="currentColor" stroke-width="2.5" viewBox="0 0 24 24"><path d="M15 19l-7-7 7-7"/></svg>
  Back to Gallery
</a>

<main class="gallery-item-main">
  <div class="gallery-hero-placeholder"></div>

  <section class="section">
    <div id="item-main-content" class="item-content"></div>

    <div id="similar-section" class="similar-section">
      <p style="text-align:center;color:var(--color-text-secondary);opacity:0.7;padding:3rem 0;">Loading similar images...</p>
    </div>
  </section>
</main>

<div id="updateToast" class="hidden">
  <p>Update available: <span id="latestVersionDisplay">v1.x</span></p>

  <a
          id="downloadButton"
          href="https://git.waifuboard.app/ItsSkaiya/WaifuBoard/releases"
          target="_blank"
  >
    Click To Download
  </a>
</div>

<script src="/src/scripts/updateNotifier.js"></script>
<script src="/src/scripts/gallery/image.js"></script>
<script src="/src/scripts/auth-guard.js"></script>
</body>
</html>