<?php
date_default_timezone_set('Europe/Copenhagen');
$config = require __DIR__ . "/config.php";
foreach (["videos_dir", "thumbs_dir", "uploads_dir"] as $d) if (!is_dir($config[$d])) mkdir($config[$d], 0775, true);
if (!is_dir(__DIR__ . "/cache")) mkdir(__DIR__ . "/cache", 0775, true);

function h($s){ return htmlspecialchars((string)$s, ENT_QUOTES, "UTF-8"); }
function nice_title($s){ return trim(ucwords(str_replace(['_','-'], ' ', (string)$s))); }
function lower_text($s){ return function_exists('mb_strtolower') ? mb_strtolower((string)$s, 'UTF-8') : strtolower((string)$s); }
function keep_non_empty(array $params): array { return array_filter($params, fn($v)=>$v !== '' && $v !== null); }
function query_url(array $params): string {
    $params = keep_non_empty($params);
    return $params ? ('?' . http_build_query($params)) : 'index.php';
}

function hidden_video_outputs($config){
    $hidden = [];
    foreach (glob($config['uploads_dir'].'/*', GLOB_ONLYDIR) ?: [] as $dir) {
        if (!is_file($dir . '/.mvlog-hidden')) continue;
        $state = is_file($dir . '/.movmaker-state.json') ? json_decode((string)file_get_contents($dir . '/.movmaker-state.json'), true) : [];
        if (is_array($state) && !empty($state['output'])) $hidden[basename((string)$state['output'])] = true;
    }
    return $hidden;
}

function video_metadata($path){
    $base = pathinfo($path, PATHINFO_FILENAME);
    $meta = [
        'title' => nice_title($base),
        'date' => date('Y-m-d', filemtime($path)),
        'sort_date' => date('Y-m-d', filemtime($path)),
        'location' => '',
        'description' => ''
    ];

    if (preg_match('/^(\d{4})(\d{2})(\d{2})[_-](.+)$/', $base, $m)) {
        $meta['date'] = "$m[1]-$m[2]-$m[3]";
        $meta['sort_date'] = "$m[1]-$m[2]-$m[3]";
        $meta['title'] = nice_title($m[4]);
    }

    foreach ([dirname($path).'/'.$base.'.txt', dirname($path).'/'.$base.'.data.txt'] as $sidecar) {
        if (!is_file($sidecar)) continue;
        foreach (file($sidecar, FILE_IGNORE_NEW_LINES | FILE_SKIP_EMPTY_LINES) as $line) {
            if (!str_contains($line, ':')) continue;
            [$k, $v] = array_map('trim', explode(':', $line, 2));
            $k = strtolower($k);
            if (in_array($k, ['title','date','location','place','description'], true)) {
                $meta[$k === 'place' ? 'location' : $k] = $v;
            }
        }
    }

    $ffprobe = trim((string)shell_exec('command -v ffprobe 2>/dev/null'));
    if ($ffprobe !== '') {
        $json = shell_exec(escapeshellarg($ffprobe).' -v quiet -print_format json -show_entries format_tags '.escapeshellarg($path).' 2>/dev/null');
        $data = json_decode((string)$json, true);
        $tags = $data['format']['tags'] ?? [];
        $lower = [];
        foreach ($tags as $k => $v) $lower[strtolower((string)$k)] = $v;

        if (!empty($lower['title'])) $meta['title'] = $lower['title'];
        if (!empty($lower['date'])) $meta['date'] = $lower['date'];
        if (!empty($lower['creation_time'])) {
            $meta['sort_date'] = substr((string)$lower['creation_time'], 0, 10);
            if (empty($lower['date'])) $meta['date'] = $meta['sort_date'];
        }
        foreach (['location','place','location-eng','com.apple.quicktime.location.name','com.apple.quicktime.location.iso6709'] as $k) {
            if (!empty($lower[$k])) { $meta['location'] = $lower[$k]; break; }
        }
        foreach (['description','synopsis'] as $k) {
            if (!empty($lower[$k])) { $meta['description'] = $lower[$k]; break; }
        }
    }

    return $meta;
}

function load_video_cache($videos){
    $cacheFile = __DIR__ . '/cache/videos.json';
    $cache = is_file($cacheFile) ? json_decode((string)file_get_contents($cacheFile), true) : [];
    if (!is_array($cache) || ($cache['version'] ?? 0) !== 2) $cache = [];
    $items = $cache['items'] ?? [];
    $newItems = [];
    $changed = false;

    foreach ($videos as $path) {
        $key = basename($path);
        $mtime = filemtime($path);
        $size = filesize($path);
        $cached = $items[$key] ?? null;
        if (!is_array($cached) || ($cached['mtime'] ?? null) !== $mtime || ($cached['size'] ?? null) !== $size) {
            $cached = ['mtime' => $mtime, 'size' => $size, 'metadata' => video_metadata($path)];
            $changed = true;
        }
        $newItems[$key] = $cached;
    }

    if (array_diff(array_keys($items), array_keys($newItems))) $changed = true;

    if ($changed) {
        file_put_contents($cacheFile, json_encode([
            'version' => 2,
            'generated_at' => date('c'),
            'items' => $newItems
        ], JSON_UNESCAPED_UNICODE | JSON_PRETTY_PRINT), LOCK_EX);
    }

    return $newItems;
}

$hiddenOutputs = hidden_video_outputs($config);
$videos = array_values(array_filter(
    glob($config['videos_dir'].'/*.{mp4,webm,mov,m4v}', GLOB_BRACE) ?: [],
    fn($v)=>empty($hiddenOutputs[basename($v)]) && !preg_match('/_preview\.(mp4|webm|mov|m4v)$/i', basename($v))
));

$videoCache = load_video_cache($videos);

usort($videos, function($a, $b) use ($videoCache) {
    $am = $videoCache[basename($a)] ?? [];
    $bm = $videoCache[basename($b)] ?? [];
    $ad = strtotime((string)($am['metadata']['sort_date'] ?? $am['metadata']['date'] ?? '')) ?: filemtime($a);
    $bd = strtotime((string)($bm['metadata']['sort_date'] ?? $bm['metadata']['date'] ?? '')) ?: filemtime($b);
    return $bd <=> $ad;
});

$filters = [
    'f_title' => trim((string)($_GET['f_title'] ?? '')),
    'f_date' => trim((string)($_GET['f_date'] ?? '')),
    'f_location' => trim((string)($_GET['f_location'] ?? '')),
];
$titleExact = !empty($_GET['f_exact']) && (string)$_GET['f_exact'] === '1';

// Backward compatibility with old push URL format (?job=...)
$legacyJob = trim((string)($_GET['job'] ?? ''));
if ($filters['f_title'] === '' && $legacyJob !== '') {
    $legacy = preg_replace('/^\d{8}[_-]/', '', $legacyJob);
    $filters['f_title'] = nice_title($legacy ?: $legacyJob);
}

$videos = array_values(array_filter($videos, function($v) use ($videoCache, $filters) {
    $name = basename($v);
    $m = $videoCache[$name]['metadata'] ?? video_metadata($v);

    $title = (string)($m['title'] ?? '');
    $date = (string)($m['date'] ?? '');
    $sortDate = (string)($m['sort_date'] ?? '');
    $location = (string)($m['location'] ?? '');

    if ($filters['f_title'] !== '') {
        if ($titleExact) {
            if (lower_text(trim($title)) !== lower_text(trim($filters['f_title']))) return false;
        } else {
            if (stripos($title, $filters['f_title']) === false) return false;
        }
    }
    if ($filters['f_date'] !== '' && stripos($date, $filters['f_date']) === false && stripos($sortDate, $filters['f_date']) === false) return false;
    if ($filters['f_location'] !== '' && stripos($location, $filters['f_location']) === false) return false;

    return true;
}));

$page = max(1, (int)($_GET['page'] ?? 1));
$per = $config['items_per_page'];
$total = count($videos);
$pages = max(1, (int)ceil($total / $per));
$page = min($page, $pages);
$slice = array_slice($videos, ($page - 1) * $per, $per);

$activeFilterCount = count(keep_non_empty($filters));
$baseParams = keep_non_empty($filters);
if ($titleExact && ($filters['f_title'] ?? '') !== '') $baseParams['f_exact'] = '1';
?>
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>MVLog</title>
<link rel="alternate" type="application/rss+xml" title="MVLog RSS" href="feed.php">
<link rel="icon" type="image/png" href="assets/img/moto_travel.png">
<link rel="stylesheet" href="style.css">
<style>
.filter-form{display:grid;grid-template-columns:1.4fr 1fr 1fr auto auto;gap:.55rem;align-items:end;margin:0 0 1rem}
.filter-form label{margin:0;font-size:.8rem;color:#A0A4AB;font-weight:600}
.filter-form input{margin-top:.2rem}
.filter-clear-x{display:inline-flex;align-items:center;justify-content:center;width:2.1rem;height:2.1rem;border-radius:50%;background:#C46A3A;border:1px solid #C46A3A;color:#111315;text-decoration:none;font-size:0;position:relative;box-shadow:0 1px 4px #0008}
.filter-clear-x::before{content:'✕';font-size:1rem;line-height:1;font-weight:700;transform:translateY(-.02em)}
.filter-clear-x:hover{background:#d97b48;border-color:#d97b48;color:#111315}
.filter-clear-x:focus-visible{outline:2px solid #3BA7A0;outline-offset:2px}
.filter-summary{color:#A0A4AB;font-size:.9rem;margin:0 0 .8rem}
.meta a{color:inherit;text-decoration:none}
.meta a:hover{text-decoration:underline}
@media (max-width:900px){.filter-form{grid-template-columns:1fr}}
</style>
</head>
<body>
<header class="site-header admin-header"><div class="brand-wrap"><a class="header-logo" href="index.php" aria-label="MVLog home"><img src="assets/img/moto_travel.png" alt=""></a><a class="brand" href="index.php"><h1>MVLog</h1><p>Bubulescu.Org</p></a></div><button id="push-toggle" class="push-toggle" type="button" hidden aria-label="Notifications" title="Notifications"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12 22a2.7 2.7 0 0 0 2.6-2h-5.2A2.7 2.7 0 0 0 12 22Zm7-6V11a7 7 0 0 0-5-6.7V3a2 2 0 0 0-4 0v1.3A7 7 0 0 0 5 11v5l-2 2v1h18v-1l-2-2Z"/></svg></button><a class="rss-link" href="feed.php" aria-label="RSS feed" title="RSS feed"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M6.2 17.8a2 2 0 1 1-4 0 2 2 0 0 1 4 0ZM2.2 8.7v3.1a10 10 0 0 1 10 10h3.1A13.1 13.1 0 0 0 2.2 8.7Zm0-5.5v3.1a15.5 15.5 0 0 1 15.5 15.5h3.1A18.6 18.6 0 0 0 2.2 3.2Z"/></svg></a></header>
<main>
<section id="videos">
  <form method="get" class="filter-form">
    <label>Title
      <input name="f_title" value="<?=h($filters['f_title'])?>" placeholder="Filter by title">
    </label>
    <label>Date
      <input name="f_date" value="<?=h($filters['f_date'])?>" placeholder="YYYY-MM-DD or month/year">
    </label>
    <label>Location
      <input name="f_location" value="<?=h($filters['f_location'])?>" placeholder="Filter by location">
    </label>
    <a class="filter-clear-x" href="index.php" title="Clear filters" aria-label="Clear filters">&times;</a>
    <button type="submit">Filter</button>
  </form>

  <p class="filter-summary">
    Showing <?=h((string)$total)?> article(s)
    <?php if($activeFilterCount > 0): ?> with <?=h((string)$activeFilterCount)?> active filter(s)<?php endif; ?>
  </p>

  <?php if(!$slice): ?><p>No videos found for current filter.</p><?php endif; ?>

  <div class="video-list">
  <?php foreach($slice as $v):
      $name = basename($v);
      $url = $config['public_videos'].'/'.rawurlencode($name);
      $m = $videoCache[$name]['metadata'] ?? video_metadata($v);
      $dateFilterUrl = query_url(array_merge($baseParams, ['f_date' => (string)($m['date'] ?? '')]));
      $locFilterUrl = query_url(array_merge($baseParams, ['f_location' => (string)($m['location'] ?? '')]));
  ?>
    <article class="video-row">
      <time class="created-at" datetime="<?=h(date('c', filemtime($v)))?>"><?=h(date('d.m.Y H:i', filemtime($v)))?></time>
      <div class="video-wrapper">
        <video controls controlsList="nodownload" oncontextmenu="return false" preload="metadata" src="<?=h($url)?>"></video>
        <?php
          $map = pathinfo($name, PATHINFO_FILENAME).".png";
          if(is_file($config['videos_dir']."/".$map)):
        ?>
          <img class="map-image" src="<?=h($config['public_videos']."/".rawurlencode($map))?>" alt="Map">
        <?php endif; ?>
      </div>
      <div class="video-info">
        <h2><?=h($m['title'])?></h2>
        <p class="meta">
          <span><a href="<?=h($dateFilterUrl)?>"><?=h($m['date'])?></a></span>
          <?php if(!empty($m['location'])): ?><span><a href="<?=h($locFilterUrl)?>"><?=h($m['location'])?></a></span><?php endif; ?>
        </p>
        <?php if(!empty($m['description'])): ?><p class="description"><?=nl2br(h($m['description']), false)?></p><?php endif; ?>
      </div>
    </article>
  <?php endforeach; ?>
  </div>

  <div class="pages">
    <?php for($i=1;$i<=$pages;$i++):
      $linkParams = $baseParams;
      if ($i > 1) $linkParams['page'] = $i;
    ?>
      <a class="<?=$i===$page?'active':''?>" href="<?=h(query_url($linkParams))?>"><?=$i?></a>
    <?php endfor; ?>
  </div>
</section>
</main>
<footer>Bubulescu.Org</footer>
<script>
(function(){
  const btn=document.getElementById('push-toggle');
  if(!btn || !('serviceWorker' in navigator) || !('PushManager' in window) || !('Notification' in window)) return;
  function b64uToUint8Array(s){ const pad='='.repeat((4-s.length%4)%4); const b64=(s+pad).replace(/-/g,'+').replace(/_/g,'/'); const raw=atob(b64); return Uint8Array.from([...raw].map(c=>c.charCodeAt(0))); }
  async function state(reg){ const sub=await reg.pushManager.getSubscription(); btn.classList.toggle('active', !!sub); btn.title=sub?'Notifications on':'Notifications'; btn.hidden=false; return sub; }
  navigator.serviceWorker.register('sw.js').then(async reg=>{
    const cfg=await fetch('push_config.php',{cache:'no-store'}).then(r=>r.json()).catch(()=>({enabled:false}));
    if(!cfg.enabled || !cfg.publicKey) return;
    await state(reg);
    btn.addEventListener('click', async ()=>{
      btn.disabled=true;
      try{
        let sub=await reg.pushManager.getSubscription();
        if(sub){
          return;
        }else{
          const perm=await Notification.requestPermission();
          if(perm!=='granted') return;
          sub=await reg.pushManager.subscribe({userVisibleOnly:true,applicationServerKey:b64uToUint8Array(cfg.publicKey)});
          await fetch('push_subscribe.php',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify(sub)});
        }
        await state(reg);
      }catch(e){ alert(e.message || 'Could not update notifications'); }
      finally{ await state(reg); }
    });
  });
})();
</script>
<script src="js/map_lightbox.js" defer></script>
</body>
</html>