<?php

declare(strict_types=1);

function e(?string $value): string
{
    return htmlspecialchars((string)$value, ENT_QUOTES, 'UTF-8');
}

$path = __DIR__ . '/../content/bildnachweise.json';
$raw = file_exists($path) ? file_get_contents($path) : '';
$data = json_decode((string)$raw, true);
$fotos = is_array($data['fotos'] ?? null) ? $data['fotos'] : [];

$year = date('Y');
?>
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Bildnachweise – Apps by Ralf Freit</title>
<meta name="description" content="Bildnachweise für auf Apps by Ralf Freit verwendete Fotos.">
<link rel="canonical" href="https://apps.freit.de/bildnachweise">
<meta name="robots" content="noindex, follow">
<meta name="theme-color" content="#0f1720">
<link rel="icon" type="image/svg+xml" href="assets/logo/favicon-a.svg">
<link rel="apple-touch-icon" href="assets/logo/favicon-a.png">
<link rel="stylesheet" href="css/style.css?v=<?= @filemtime(__DIR__ . '/css/style.css') ?>">
</head>
<body class="v2">
<div class="wrap">
  <nav>
    <a class="logo" href="./">
      <img src="assets/logo/logo-c-transparent-hell.svg" alt="Apps by Ralf Freit" width="168" height="98">
    </a>
    <ul>
      <li><a href="./#apps">Apps</a></li>
      <li><a href="./#support">Support</a></li>
      <li><a href="impressum">Impressum</a></li>
    </ul>
  </nav>
  <main class="legal">
    <h1>Bildnachweise</h1>
    <?php if (empty($fotos)): ?>
      <p>Aktuell werden auf dieser Website keine Fotos von Drittanbietern verwendet.</p>
    <?php else: ?>
      <ul>
        <?php foreach ($fotos as $foto): ?>
          <li>
            <?= e($foto['fotograf'] ?? '') ?> –
            <a href="<?= e($foto['profil_url'] ?? '#') ?>" target="_blank" rel="noopener">Unsplash-Profil</a>,
            <a href="<?= e($foto['foto_url'] ?? '#') ?>" target="_blank" rel="noopener">Foto</a>
          </li>
        <?php endforeach; ?>
      </ul>
    <?php endif; ?>
  </main>
</div>
<footer>
  <div class="wrap">
    <div>
      <a href="impressum">Impressum</a>
      <a href="datenschutz">Datenschutz</a>
    </div>
    <div>© <?= e($year) ?> Ralf Freit</div>
  </div>
</footer>
</body>
</html>
