<!-- Scripts/gallery.html -->
<!doctype html>
<html>
<head>
  <meta charset="utf-8"/>
  <meta name="viewport" content="width=device-width, initial-scale=1"/>
  <title>Sanad Photos</title>
  <link rel="stylesheet" href="/static/style.css">
</head>
<body>
  <h2>📸 Sanad Photos</h2>

  <div class="toolbar">
    <a href="/api/status" target="_blank">Status</a>
    <a href="/api/capture" target="_blank">Capture Now</a>
    <a href="/api/test" target="_blank">Camera Test</a>
    <a href="/api/fix" target="_blank">Fix RealSense</a>
  </div>

  <div class="meta">Photos folder: <code>{{PHOTOS_DIR}}</code></div>

  <div id="list">
    {{PHOTO_CARDS}}
  </div>
</body>
</html>
