index-main/site/templates/folder.php

<?php snippet('header') ?>
<main>

<header class="page__header">
    <p class="page__type">Dossier</p>
    <h2 class="page__title"><?= $page->title() ?></h2>

    <?php if ($page->description()->isNotEmpty()): ?>
    <div class="description">
        <p><?= $page->description() ?></p>
    </div>
    <?php endif ?>
</header>

<?php
// Récupérer les enquêtes associées à ce dossier
$investigations = site()->find('enquetes')->children()->listed()->filter(function($investigation) use ($page) {
    return $investigation->folder()->value() === $page->slug();
});
?>


<div class="btn--group" id="nav-folder">
<button class="btn--small"><a href="#section__investigations">Enquêtes <span class="arrow"><?= svg('assets/icons/arrow-left.svg') ?></span></a></button>
<button class="btn--small"><a href="#section__impacts">Impacts <span class="arrow"><?= svg('assets/icons/arrow-left.svg') ?></span></a></button>
</div>

<div class="content-folder">


<?php if ($investigations->isNotEmpty()): ?>
<section class="container-cards" id="section__investigations">

    <h3 class="container__title">2 enquêtes</h3>

    <?php foreach ($investigations as $investigation): ?>
    <article class="card--article">

        <?php if ($cover = $investigation->cover()->toFile()): ?>
        <figure>
            <img src="<?= $cover->url() ?>" alt="<?= $investigation->title()->esc() ?>">
        </figure>
        <?php endif ?>

        <div class="content">

        <h4 class="title"><a href="<?= $investigation->url() ?>"><?= $investigation->title()->esc() ?></a></h4>

        <?php if ($investigation->chapo()->isNotEmpty()): ?>
        <p class="description"><?= $investigation->chapo()->excerpt(200) ?></p>
        <?php endif ?>

        <dl class="dl">
            <?php if ($investigation->incidentDate()->isNotEmpty()): ?>
            <div class="dl__group">
                <dt>Date de l'incident</dt>
                <dd><time datetime="<?= $investigation->incidentDate()->toDate('yyyy-MM-dd') ?>"><?= $investigation->incidentDate()->toDate('d MMMM yyyy', 'fr_FR') ?></time></dd>
            </div>
            <?php endif ?>

            <?php if ($partners = $investigation->partners()->toStructure()): ?>
            <?php if ($partners->isNotEmpty()): ?>
            <div class="dl__group">
                <dt>Partenaire(s)</dt>
                <dd>
                    <?php $partnerNames = [] ?>
                    <?php foreach ($partners as $partner): ?>
                        <?php $partnerNames[] = $partner->name()->value() ?>
                    <?php endforeach ?>
                    <?= implode(', ', $partnerNames) ?>
                </dd>
            </div>
            <?php endif ?>
            <?php endif ?>

            <?php if ($investigation->incidentLocation()->isNotEmpty()): ?>
            <div class="dl__group">
                <dt>Lieu de l'incident</dt>
                <dd><?= $investigation->incidentLocation()->esc() ?></dd>
            </div>
            <?php endif ?>
    



        </dl>

        </div>


        <?php if ($keywords = $investigation->keywords()->split()): ?>
     <div class="keywords-wrapper">
        <ul class="keywords">
            <?php foreach ($keywords as $keyword): ?>
            <li><a href="#keyword" target="_blank"><?= esc($keyword) ?></a></li>
            <?php endforeach ?>
        </ul>
     </div>
     <?php endif ?> 

        

 

        <a class="link-block" href="<?= $investigation->url() ?>"></a>
    </article>
    <?php endforeach ?>

</section>
<?php else: ?>
<p>Aucune enquête associée à ce dossier pour le moment.</p>
<?php endif ?>



    <section id="section__impacts">
 

    <h3 class="container__title">4 impacts</h3>

     <!-- Contenu statique temporaire -->
     <div class="card--impact" data-impact-type="media">
        <div class="card--impact__inner">
        <p class="tag">Médiatique</p>

        <?php snippet('card-open-graph') ?>
            <ul class="investigations">
                <li><a href="/enquetes/l-execution-de-nidal-et-khaled-amirah-a-naplouse"><span class="icon"><?= svg('assets/icons/article.svg') ?></span> L'exécution de Nidal et Khaled 'Amirah à Naplouse</a></li>
                <li><a href="/enquetes/l-homicide-de-nahel-merzouk"><span class="icon"><?= svg('assets/icons/article.svg') ?></span> L’homicide de Nahel Merzouk</a></li>  
        </ul>
      

        <div class="keywords-wrapper">
        <ul class="keywords">
                        <li><a href="#keyword" target="_blank">Occupation</a></li>
                        <li><a href="#keyword" target="_blank">Colonialité</a></li>
                        <li><a href="#keyword" target="_blank">Forces armées</a></li>
                    </ul>
        </div>
    </div>
    </div>


    <div class="card--impact has-link" data-impact-type="judiciaire">
    <div class="card--impact__inner">
        <p class="tag">Judiciaire</p>
        <p class="date">12 Dec 2025</p>
        <div class="content">
            <p>La justice israélienne déclare ouvrir une enquête sur "les circonstances de la mort de Nidal et Khaled Amirah".
            </p>
        </div>

        <ul class="investigations">
                <li><a href="/enquetes/l-execution-de-nidal-et-khaled-amirah-a-naplouse"><span class="icon"><?= svg('assets/icons/article.svg') ?></span> L'exécution de Nidal et Khaled 'Amirah à Naplouse</a></li>
            </ul>

        <div class="keywords-wrapper">
        <ul class="keywords">
                        <li><a href="#keyword" target="_blank">Occupation</a></li>
                        <li><a href="#keyword" target="_blank">Colonialité</a></li>
                    </ul>
        </div>
  
            <button class="btn--go-to"><a href="#" target="_blank"><?= svg('assets/icons/arrow-left.svg') ?></a></button>
            <a class="link-block" href="#" target="_blank"></a>
    </div>
    </div>

    <div class="card--impact has-link" data-impact-type="judiciaire">
    <div class="card--impact__inner">
        <p class="tag">Judiciaire</p>
        <p class="date">12 Dec 2025</p>
        <div class="content">
            <p>La justice israélienne déclare ouvrir une enquête sur "les circonstances de la mort de Nidal et Khaled Amirah"
            </p>
        </div>
        <ul class="investigations">
                <li><a href="/enquetes/l-execution-de-nidal-et-khaled-amirah-a-naplouse"><span class="icon"><?= svg('assets/icons/article.svg') ?></span> L'exécution de Nidal et Khaled 'Amirah à Naplouse</a></li>
        </ul>
        <div class="keywords-wrapper">
            <ul class="keywords">
                <li><a href="#keyword" target="_blank">Occupation</a></li>
                <li><a href="#keyword" target="_blank">Colonialité</a></li>
                <li><a href="#keyword" target="_blank">Forces armées</a></li>
            </ul>
        </div>

        <button class="btn--go-to"><a href="#" target="_blank"><?= svg('assets/icons/arrow-left.svg') ?></a></button>
        <a class="link-block" href="#" target="_blank"></a>
    </div>
    </div>

    <div class="card--impact" data-impact-type="public">
    <div class="card--impact__inner">
        <p class="tag">Judiciaire</p>
        <p class="date">12 Dec 2025</p>
        <div class="content">
            <p>Index présente une série d'enquêtes récentes au Festival du Réel 2025.
            </p>
           
        </div>

        <div class="keywords-wrapper">
            <ul class="keywords">
                <li><a href="#keyword" target="_blank">Evènement</a></li>
                <li><a href="#keyword" target="_blank">Actualité d’Index</a></li>
            </ul>
        </div>
    </div>
    </div>

   
</section>
</div>



</main>
<?php snippet('footer') ?>