<?php
require_once __DIR__ . '/auth.php';
require_once __DIR__ . '/../includes/layout.php';
admin_require_auth();

$msg = '';

if ($_SERVER['REQUEST_METHOD'] === 'POST') {
    $action = $_POST['action'] ?? 'settings';

    if ($action === 'settings') {
        $per_page    = max(1, min(50, (int)($_POST['catalogue_per_page'] ?? 10)));
        $site_title  = trim($_POST['site_title'] ?? 'Ty Clifford');
        $site_sub    = trim($_POST['site_sub']   ?? 'tyclifford.com / media');
        $url_mode    = $_POST['url_rewrite_mode'] ?? 'pretty';
        if (!in_array($url_mode, ['pretty', 'query'], true)) $url_mode = 'pretty';
        $show_video_views = isset($_POST['public_show_video_views']) ? '1' : '0';
        $show_total_views = isset($_POST['public_show_total_views']) ? '1' : '0';
        $show_page_stats  = isset($_POST['public_show_page_stats']) ? '1' : '0';
        $live_enabled = isset($_POST['live_enabled']) ? '1' : '0';
        $live_title   = trim($_POST['live_title'] ?? 'Ty Clifford live stream');
        $live_embed   = trim($_POST['live_embed'] ?? '');

        set_setting('catalogue_per_page', (string)$per_page);
        set_setting('site_title',  $site_title);
        set_setting('site_sub',    $site_sub);
        set_setting('url_rewrite_mode', $url_mode);
        set_setting('public_show_video_views', $show_video_views);
        set_setting('public_show_total_views', $show_total_views);
        set_setting('public_show_page_stats',  $show_page_stats);
        set_setting('live_enabled', $live_enabled);
        set_setting('live_title',   $live_title);
        set_setting('live_embed',   $live_embed);
        $msg = 'Settings saved.';
    }

    if ($action === 'change_password') {
        $current = $_POST['current_password'] ?? '';
        $new1    = $_POST['new_password']     ?? '';
        $new2    = $_POST['new_password2']    ?? '';

        if (!password_verify($current, setting('admin_password'))) {
            $msg = 'ERROR: Current password is incorrect.';
        } elseif (strlen($new1) < 6) {
            $msg = 'ERROR: New password must be at least 6 characters.';
        } elseif ($new1 !== $new2) {
            $msg = 'ERROR: New passwords do not match.';
        } else {
            set_setting('admin_password', password_hash($new1, PASSWORD_DEFAULT));
            $msg = 'Password changed successfully.';
        }
    }
}

$per_page   = setting('catalogue_per_page', '10');
$site_title = setting('site_title', 'Ty Clifford');
$site_sub   = setting('site_sub',   'tyclifford.com / media');
$url_rewrite_mode = url_rewrite_mode();
$public_show_video_views = setting_bool('public_show_video_views', true);
$public_show_total_views = setting_bool('public_show_total_views', true);
$public_show_page_stats  = setting_bool('public_show_page_stats', true);
$live_setting_enabled = setting_bool('live_enabled', true);
$live_title = setting('live_title', 'Ty Clifford live stream');
$live_embed = setting('live_embed', 'https://stream.place/embed/tyclifford.com');

// DB stats
$db = get_db();
$total_videos  = $db->query("SELECT COUNT(*) FROM videos")->fetchColumn();
$total_sources = $db->query("SELECT COUNT(*) FROM video_sources")->fetchColumn();
$total_views   = total_video_views(false);
$db_size       = file_exists(DB_PATH) ? round(filesize(DB_PATH)/1024, 1) : 0;
$media_size    = 0;
if (is_dir(MEDIA_DIR)) {
    $iter = new RecursiveIteratorIterator(new RecursiveDirectoryIterator(MEDIA_DIR, FilesystemIterator::SKIP_DOTS));
    foreach ($iter as $f) $media_size += $f->getSize();
    $media_size = round($media_size / 1048576, 1);
}

$msg_type = str_starts_with($msg, 'ERROR') ? 'error' : 'success';

render_head('Settings — Admin', '
  .admin-layout { display:grid; grid-template-columns:1fr; gap:1.5rem; }
  @media(min-width:900px) { .admin-layout { grid-template-columns:220px 1fr; } }
  .admin-nav { background:var(--surface); border:1px solid var(--border); border-radius:calc(var(--r)+2px); padding:1.2rem; display:flex; flex-direction:column; gap:.4rem; align-self:start; position:sticky; top:1rem; }
  .admin-nav-label { font-family:"Share Tech Mono",monospace; font-size:.58rem; letter-spacing:.18em; text-transform:uppercase; color:var(--text-3); margin-bottom:.3rem; padding-left:.5rem; }
  .admin-nav a { display:flex; align-items:center; gap:.6rem; padding:.55rem .75rem; border-radius:var(--r); font-size:.82rem; color:var(--text-2); text-decoration:none; transition:background .15s,color .15s; }
  .admin-nav a:hover { background:rgba(255,255,255,.05); color:var(--text); }
  .admin-nav a.active { background:rgba(176,96,255,.12); color:var(--purple); }
  .nav-divider { border:none; border-top:1px solid var(--border); margin:.4rem 0; }
  .form-grid { display:grid; grid-template-columns:1fr; gap:1rem; }
  @media(min-width:600px) { .form-grid { grid-template-columns:1fr 1fr; } }
  .section-heading { font-family:"Share Tech Mono",monospace; font-size:.65rem; letter-spacing:.15em; text-transform:uppercase; color:var(--text-3); margin-bottom:.75rem; }
  .hint { font-size:.72rem; color:var(--text-3); margin-top:.2rem; }
  .stat-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(130px,1fr)); gap:.75rem; }
  .stat-tile { background:var(--surface-2); border:1px solid var(--border); border-radius:var(--r); padding:1rem; display:flex; flex-direction:column; gap:.3rem; }
  .stat-val  { font-family:"Share Tech Mono",monospace; font-size:1.4rem; color:var(--text); font-weight:700; }
  .stat-label{ font-family:"Share Tech Mono",monospace; font-size:.6rem; letter-spacing:.1em; text-transform:uppercase; color:var(--text-3); }
  .option-list { display:grid; grid-template-columns:1fr; gap:.65rem; margin:0 0 1rem; }
  @media(min-width:700px) { .option-list { grid-template-columns:repeat(3,1fr); } }
  .check-option { display:flex; align-items:flex-start; gap:.55rem; background:var(--surface-2); border:1px solid var(--border); border-radius:var(--r); padding:.75rem; color:var(--text-2); font-size:.78rem; line-height:1.45; }
  .check-option input { margin-top:.15rem; accent-color:var(--purple); }
  .check-option strong { display:block; color:var(--text); font-size:.8rem; margin-bottom:.1rem; }
');
?>
<main class="page" role="main">
  <header class="topbar">
    <div class="topbar-brand">
      <div>
        <div class="brand-name">Ty Clifford</div>
        <div class="brand-sub">admin / settings</div>
      </div>
    </div>
    <nav class="topbar-social">
      <a class="social-pill" href="<?= h(public_absolute_url(public_home_url())) ?>" target="_blank">
        <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M18 13v6a2 2 0 01-2 2H5a2 2 0 01-2-2V8a2 2 0 012-2h6"/><polyline points="15,3 21,3 21,9"/><line x1="10" y1="14" x2="21" y2="3"/></svg>
        View Site
      </a>
      <a class="social-pill" href="logout.php">Logout</a>
    </nav>
  </header>

  <?php if ($msg): ?>
    <div class="notice notice-<?= $msg_type ?>"><?= h($msg) ?></div>
  <?php endif; ?>

  <div class="admin-layout">
    <aside class="admin-nav">
      <div class="admin-nav-label">Navigation</div>
      <a href="index.php">
        <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="2" y="3" width="20" height="14" rx="2"/><line x1="8" y1="21" x2="16" y2="21"/><line x1="12" y1="17" x2="12" y2="21"/></svg>
        Videos
      </a>
      <a href="add.php">
        <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"/><line x1="12" y1="8" x2="12" y2="16"/><line x1="8" y1="12" x2="16" y2="12"/></svg>
        Add Video
      </a>
      <a href="youtube_import.php">
        <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M22.54 6.42a2.78 2.78 0 00-1.95-2C18.88 4 12 4 12 4s-6.88 0-8.59.46a2.78 2.78 0 00-1.95 2A29 29 0 001 12a29 29 0 00.46 5.58 2.78 2.78 0 001.95 2C5.12 20 12 20 12 20s6.88 0 8.59-.46a2.78 2.78 0 001.95-2A29 29 0 0023 12a29 29 0 00-.46-5.58z"/><polygon points="10,15 15,12 10,9"/></svg>
        YouTube Importer
      </a>
      <hr class="nav-divider">
      <a href="settings.php" class="active">
        <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="3"/><path d="M19.07 4.93l-1.41 1.41M4.93 4.93l1.41 1.41M19.07 19.07l-1.41-1.41M4.93 19.07l1.41-1.41M12 2v2M12 20v2M2 12h2M20 12h2"/></svg>
        Settings
      </a>
    </aside>

    <div style="display:flex;flex-direction:column;gap:1.25rem;">

      <!-- Stats -->
      <div class="card">
        <p class="section-heading">Overview</p>
        <div class="stat-grid">
          <div class="stat-tile">
            <span class="stat-val"><?= $total_videos ?></span>
            <span class="stat-label">Videos</span>
          </div>
          <div class="stat-tile">
            <span class="stat-val"><?= $total_sources ?></span>
            <span class="stat-label">Sources</span>
          </div>
          <div class="stat-tile">
            <span class="stat-val"><?= h(format_count((int)$total_views)) ?></span>
            <span class="stat-label">Views</span>
          </div>
          <div class="stat-tile">
            <span class="stat-val"><?= $db_size ?> KB</span>
            <span class="stat-label">Database</span>
          </div>
          <div class="stat-tile">
            <span class="stat-val"><?= $media_size ?> MB</span>
            <span class="stat-label">Media Storage</span>
          </div>
        </div>
      </div>

      <!-- General settings -->
      <div class="card">
        <p class="section-heading">General Settings</p>
        <form method="post" action="settings.php">
          <input type="hidden" name="action" value="settings">
          <div class="form-grid" style="margin-bottom:1rem;">
            <div class="form-group">
              <label class="form-label" for="site_title">Site Title</label>
              <input class="form-input" type="text" id="site_title" name="site_title"
                     value="<?= h($site_title) ?>">
            </div>
            <div class="form-group">
              <label class="form-label" for="site_sub">Site Subtitle</label>
              <input class="form-input" type="text" id="site_sub" name="site_sub"
                     value="<?= h($site_sub) ?>">
            </div>
            <div class="form-group">
              <label class="form-label" for="catalogue_per_page">Videos per page</label>
              <input class="form-input" type="number" id="catalogue_per_page"
                     name="catalogue_per_page" value="<?= h($per_page) ?>" min="1" max="50">
              <span class="hint">How many thumbnails to show per page (1–50).</span>
            </div>
            <div class="form-group">
              <label class="form-label" for="url_rewrite_mode">Public URL Style</label>
              <select class="form-select" id="url_rewrite_mode" name="url_rewrite_mode">
                <option value="pretty" <?= $url_rewrite_mode === 'pretty' ? 'selected' : '' ?>>Pretty rewrite URLs (/v/sample)</option>
                <option value="query" <?= $url_rewrite_mode === 'query' ? 'selected' : '' ?>>PHP query URLs (index.php?v=sample)</option>
              </select>
              <span class="hint">Default routes are /v/&lt;slug&gt;, /all, and /search/&lt;query&gt;. Pretty URLs require Apache mod_rewrite and the included .htaccess.</span>
            </div>
          </div>
          <p class="form-label" style="margin-bottom:.55rem;">Public Display</p>
          <div class="option-list">
            <label class="check-option">
              <input type="checkbox" name="public_show_video_views" value="1" <?= $public_show_video_views ? 'checked' : '' ?>>
              <span>
                <strong>Video view counts</strong>
                Show each video's view count on public cards and the player.
              </span>
            </label>
            <label class="check-option">
              <input type="checkbox" name="public_show_total_views" value="1" <?= $public_show_total_views ? 'checked' : '' ?>>
              <span>
                <strong>Total view count</strong>
                Show the combined public view total.
              </span>
            </label>
            <label class="check-option">
              <input type="checkbox" name="public_show_page_stats" value="1" <?= $public_show_page_stats ? 'checked' : '' ?>>
              <span>
                <strong>Page statistics</strong>
                Show public library stats on the homepage and catalogue.
              </span>
            </label>
          </div>
          <p class="form-label" style="margin-bottom:.55rem;">Live Section</p>
          <div class="option-list" style="grid-template-columns:1fr;margin-bottom:1rem;">
            <label class="check-option">
              <input type="checkbox" name="live_enabled" value="1" <?= $live_setting_enabled ? 'checked' : '' ?>>
              <span>
                <strong>Show Live option</strong>
                Adds a Live button on the homepage that switches from the normal video player to the configured live embed.
              </span>
            </label>
          </div>
          <div class="form-grid" style="margin-bottom:1rem;">
            <div class="form-group">
              <label class="form-label" for="live_title">Live Title</label>
              <input class="form-input" type="text" id="live_title" name="live_title" value="<?= h($live_title) ?>">
            </div>
            <div class="form-group">
              <label class="form-label" for="live_embed">Live Embed URL or iframe</label>
              <textarea class="form-textarea" id="live_embed" name="live_embed" rows="4"><?= h($live_embed) ?></textarea>
              <span class="hint">Paste an iframe embed code or a direct embeddable URL. Default: https://stream.place/embed/tyclifford.com</span>
            </div>
          </div>
          <button class="btn btn-primary btn-sm" type="submit">
            <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M19 21H5a2 2 0 01-2-2V5a2 2 0 012-2h11l5 5v11a2 2 0 01-2 2z"/><polyline points="17,21 17,13 7,13 7,21"/><polyline points="7,3 7,8 15,8"/></svg>
            Save Settings
          </button>
        </form>
      </div>

      <!-- Change password -->
      <div class="card">
        <p class="section-heading">Change Password</p>
        <form method="post" action="settings.php">
          <input type="hidden" name="action" value="change_password">
          <div class="form-grid" style="margin-bottom:1rem;">
            <div class="form-group">
              <label class="form-label" for="current_password">Current Password</label>
              <input class="form-input" type="password" id="current_password" name="current_password"
                     autocomplete="current-password">
            </div>
            <div></div>
            <div class="form-group">
              <label class="form-label" for="new_password">New Password</label>
              <input class="form-input" type="password" id="new_password" name="new_password"
                     autocomplete="new-password" minlength="6">
              <span class="hint">Minimum 6 characters.</span>
            </div>
            <div class="form-group">
              <label class="form-label" for="new_password2">Confirm New Password</label>
              <input class="form-input" type="password" id="new_password2" name="new_password2"
                     autocomplete="new-password">
            </div>
          </div>
          <button class="btn btn-secondary btn-sm" type="submit">
            <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="11" width="18" height="11" rx="2"/><path d="M7 11V7a5 5 0 0110 0v4"/></svg>
            Change Password
          </button>
        </form>
      </div>

      <!-- File locations reference -->
      <div class="card">
        <p class="section-heading">File Locations</p>
        <div style="display:flex;flex-direction:column;gap:.5rem;font-family:'Share Tech Mono',monospace;font-size:.7rem;color:var(--text-3);">
          <div><span style="color:var(--text-2);">Database:</span> data/media.db</div>
          <div><span style="color:var(--text-2);">Videos:</span> media/videos/</div>
          <div><span style="color:var(--text-2);">Thumbnails:</span> media/thumbs/</div>
          <div><span style="color:var(--text-2);">Default password:</span> <span style="color:var(--red);">admin</span> — change immediately!</div>
        </div>
      </div>

    </div>
  </div>

  <?php render_footer(); ?>
</main>
</body>
</html>