<?php
require_once 'includes/config.php';
require_once 'includes/auth.php';
require_once 'includes/stories.php';
// Récupération des paramètres
$storyId = $_GET['story'] ?? '';
$chapterId = $_GET['chapter'] ?? '';
if (!$storyId || !$chapterId) {
header('Location: index.php');
exit;
}
// Chargement du roman
$story = Stories::get($storyId);
if (!$story) {
header('Location: index.php');
exit;
}
// Vérification des droits d'accès
$canViewDrafts = Auth::check() && Auth::canAccessStory($storyId);
// Recherche du chapitre
$currentChapter = null;
$currentIndex = -1;
foreach ($story['chapters'] as $index => $chapter) {
if ($chapter['id'] === $chapterId) {
// Vérifier si le chapitre est en brouillon et si l'utilisateur a les droits
if (($chapter['draft'] ?? false) && !$canViewDrafts) {
// Rediriger vers la page du roman si l'utilisateur n'a pas accès aux brouillons
header('Location: roman.php?id=' . urlencode($storyId));
exit;
}
$currentChapter = $chapter;
$currentIndex = $index;
break;
}
}
if (!$currentChapter) {
header('Location: roman.php?id=' . urlencode($storyId));
exit;
}
// Récupération des chapitres précédent et suivant (uniquement publiés ou brouillons si autorisés)
$visibleChapters = array_filter($story['chapters'], function($ch) use ($canViewDrafts) {
return !($ch['draft'] ?? false) || $canViewDrafts;
});
$visibleChapters = array_values($visibleChapters);
$currentVisibleIndex = array_search($currentChapter, $visibleChapters);
$prevChapter = $currentVisibleIndex > 0 ? $visibleChapters[$currentVisibleIndex - 1] : null;
$nextChapter = $currentVisibleIndex < count($visibleChapters) - 1 ? $visibleChapters[$currentVisibleIndex + 1] : null;
$config = Config::load();
?>
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title><?= htmlspecialchars($currentChapter['title']) ?> - <?= htmlspecialchars($story['title']) ?> - <?= htmlspecialchars($config['site']['name']) ?></title>
<?php if (file_exists(__DIR__ . '/assets/images/site/favicon.png')): ?>
<link rel="icon" type="image/png" href="assets/images/site/favicon.png">
<?php endif; ?>
<link rel="stylesheet" href="assets/css/public.css">
<link rel="stylesheet" href="assets/css/content.css">
<meta name="description" content="<?= htmlspecialchars($story['title']) ?> - <?= htmlspecialchars($currentChapter['title']) ?>">
</head>
<body>
<!-- En-tête avec image de couverture si disponible -->
<header class="novel-header <?= ($currentChapter['draft'] ?? false) ? 'draft-header' : '' ?>">
<?php if (!empty($currentChapter['cover'])): ?>
<div class="novel-header-background" style="background-image: url('<?= htmlspecialchars($currentChapter['cover']) ?>');"></div>
<?php endif; ?>
<div class="header-actions">
<a href="index.php" class="about-button">
<i class="fas fa-home"></i> Accueil
</a>
<a href="roman.php?id=<?= urlencode($storyId) ?>" class="about-button">
<i class="fas fa-book"></i> Roman
</a>
</div>
<h1>
<?= htmlspecialchars($currentChapter['title']) ?>
<?php if (($currentChapter['draft'] ?? false) && $canViewDrafts): ?>
<span class="draft-badge">BROUILLON</span>
<?php endif; ?>
</h1>
</header>
<!-- Contenu principal -->
<div class="novel-content">
<div class="novel-description chapter-content">
<?= $currentChapter['content'] = Config::fixImagePaths($currentChapter['content']); ?>
<!-- Navigation entre chapitres -->
<div class="chapter-navigation">
<?php if ($prevChapter): ?>
<a href="?story=<?= urlencode($storyId) ?>&chapter=<?= urlencode($prevChapter['id']) ?>"
class="chapter-nav prev-chapter">
<i class="fas fa-chevron-left"></i> <?= htmlspecialchars($prevChapter['title']) ?>
</a>
<?php endif; ?>
<?php if ($nextChapter): ?>
<a href="?story=<?= urlencode($storyId) ?>&chapter=<?= urlencode($nextChapter['id']) ?>"
class="chapter-nav next-chapter">
<?= htmlspecialchars($nextChapter['title']) ?> <i class="fas fa-chevron-right"></i>
</a>
<?php endif; ?>
</div>
</div>
<aside class="chapters-menu">
<h2>Chapitres</h2>
<ul class="chapters-list">
<?php
// Vérifier que chapters est un tableau avant de le filtrer
$chapters = $story['chapters'] ?? [];
// Filtrer les chapitres pour n'afficher que les chapitres publiés
// ou les brouillons si l'utilisateur a les droits
$visibleChapters = [];
foreach ($chapters as $chapter) {
if (!($chapter['draft'] ?? false) || $canViewDrafts) {
$visibleChapters[] = $chapter;
}
}
if (empty($visibleChapters)): ?>
<p>Aucun chapitre publié disponible pour le moment.</p>
<?php else:
foreach ($visibleChapters as $chapter):
$isDraft = $chapter['draft'] ?? false;
$isNew = false;
// Vérifier si le chapitre est nouveau (publié il y a moins d'une semaine)
// Utiliser 'created' puisque c'est ce champ qui est présent dans vos données
if (isset($chapter['created'])) {
$publishedTime = strtotime($chapter['created']);
$weekAgo = strtotime('-1 week');
$isNew = $publishedTime > $weekAgo && !$isDraft;
}
?>
<li>
<a href="chapitre.php?story=<?= urlencode($story['id']) ?>&chapter=<?= urlencode($chapter['id']) ?>"
class="<?= $chapter['id'] === $chapterId ? 'current-chapter' : '' ?> <?= $isDraft ? 'draft-chapter' : ($isNew ? 'new-chapter' : '') ?>">
<span class="chapter-title"><?= htmlspecialchars($chapter['title']) ?></span>
<?php if ($isDraft && $canViewDrafts): ?>
<span class="draft-label">(Brouillon)</span>
<?php elseif ($isNew): ?>
<span class="new-label">(Nouveau)</span>
<?php endif; ?>
</a>
</li>
<?php
endforeach;
endif;
?>
</ul>
</aside>
</div>
<button class="scroll-top" aria-label="Retour en haut de page">
<i class="fas fa-arrow-up"></i>
</button>
<style>
.draft-header::after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: repeating-linear-gradient(
45deg,
rgba(210, 166, 121, 0.3),
rgba(210, 166, 121, 0.3) 10px,
rgba(0, 0, 0, 0) 10px,
rgba(0, 0, 0, 0) 20px
);
z-index: 2;
pointer-events: none;
}
.draft-badge {
display: inline-block;
background-color: var(--accent-primary);
color: var(--text-tertiary);
font-size: 0.5em;
padding: 5px 10px;
border-radius: 20px;
vertical-align: middle;
margin-left: 10px;
font-weight: bold;
}
.draft-chapter {
opacity: 0.7;
border-left: 3px solid var(--accent-primary);
padding-left: 8px !important;
}
.draft-label {
font-size: 0.8em;
background-color: var(--accent-primary);
color: var(--text-tertiary);
padding: 2px 6px;
border-radius: 10px;
margin-left: 8px;
display: inline-block;
vertical-align: middle;
}
</style>
<script>
document.addEventListener('DOMContentLoaded', function() {
const scrollTopBtn = document.querySelector('.scroll-top');
// Afficher/masquer le bouton de retour en haut
window.addEventListener('scroll', function() {
if (window.pageYOffset > 300) {
scrollTopBtn.classList.add('visible');
} else {
scrollTopBtn.classList.remove('visible');
}
});
// Action de retour en haut
scrollTopBtn.addEventListener('click', function() {
window.scrollTo({
top: 0,
behavior: 'smooth'
});
});
});
</script>
</body>
</html>