<?php snippet('header') ?>


        <header>
            <p class="page-type">Enquête</p>
            <h2><?= $page->title() ?></h2>
            <p class="date-publish"><time datetime="<?= $page->publicationDate() ?>"><?= $page->publicationDate()->toDate('d M Y') ?></time></p>
        </header>

            <div id="hero" class="hero-video">
                <figure>
                    <?php if ($cover = $page->cover()->toFile()): ?>
                        <img src="<?= $cover->url() ?>" alt="<?= $cover->alt() ?>">
                    <?php endif; ?>
                </figure>
                <?php if ($cover = $page->cover()->toFile()): ?>
                    <?php if ($cover->caption()->isNotEmpty()): ?>
                        <figcaption><?= $cover->caption() ?></figcaption>
                    <?php endif; ?>
                <?php endif; ?>
            </div>

            <div id="banner--page">
                <nav id="nav--page">
                    <ul>
                        <li><a href="#hero">Vidéo</a></li>
                        <li><a href="#section__synthese">Synthèse</a></li>
                        <li><a href="#section__impacts">Impacts</a></li>
                        <li><a href="#section__en-lien">En lien</a></li>
                    </ul>
                </nav>

                <div class="btn--group">
                    <button class="btn--bold"><a href="#">Lire le rapport</a></button>
                    <label for="share-banner__desktop" class="btn--bold-inline no-link">Partager</label>
                </div>

                <input type="checkbox" id="share-banner__desktop">
                <?php snippet('modal-share') ?>

            </div>


            <?php if ($page->chapo()->isNotEmpty()): ?>
                <div class="section__article" id="section__short"><?= $page->chapo() ?></div>
            <?php endif; ?>



            <dl class="section__article" id="section__dl">
                <div class="dl__group">
                    <dt>Date de l'incident</dt>
                    <dd><time datetime="<?= $page->incidentDate() ?>"><?= $page->incidentDate()->toDate('d M Y') ?></time></dd>
                </div>
                <div class="dl__group">
                    <dt>Lieu de l'incident</dt>
                    <dd><?= $page->incidentLocation() ?></dd>
                </div>
                <div class="dl__group">
                    <dt>Conséquence(s)</dt>
                    <dd><?= $page->incidentConsequences() ?></dd>
                </div>
                <div class="dl__group dl__group__keywords">
                    <dt>Mots-clés</dt>
                    <dd>
                        <ul class="keywords">
                            <?php foreach ($page->keywords()->split() as $keyword): ?>
                                <li><a href="#" target="_blank"><?php echo $keyword ?></a></li>
                            <?php endforeach; ?>
                        </ul>
                    </dd>
                </div>
                <div class="dl__group">
                    <dt>Méthodologie</dt>
                    <dd>
                        <ul>
                            <?php foreach ($page->methodologies()->toEntries() as $methodology): ?>
                                <li><?php echo $methodology ?></li>
                            <?php endforeach; ?>
                        </ul>
                    </dd>
                </div>
                <div class="dl__group">
                    <dt>Équipe</dt>
                    <dd>
                        <?php
                        $namesList = [];

                        foreach ($page->team()->toStructure() as $row) {
                            foreach ($row->names()->toEntries() as $name) {
                                $namesList[] = $name;
                            }
                        }
                        echo implode(', ', $namesList);
                        ?>
                    </dd>
                </div>
                <div class="dl__group">
                    <dt>Partenaire(s)</dt>
                    <dd>
                        <?php
                        $partnersList = [];
                        foreach ($page->partners()->toStructure() as $partner) {
                            if ($partner->link()->isNotEmpty()) {
                                $partnersList[] = '<a href="' . $partner->link() . '" target="_blank">' . $partner->name() . '</a>';
                            } else {
                                $partnersList[] = $partner->name();
                            }
                        }
                        echo implode(', ', $partnersList);
                        ?>
                    </dd>
                </div>
                <div class="dl__group">
                    <dt>Date de publication</dt>
                    <dd><time datetime="<?= $page->publicationDate() ?>"><?= $page->publicationDate()->toDate('d M Y') ?></time></dd>
                </div>
            </dl>

            <?php if ($page->body()->isNotEmpty()): ?>
                <div class="section__article" id="section__synthese">
                    <h3 class="section__title">Synthèse</h3>
                    <?= $page->body()->toLayouts() ?>
                </div>
            <?php endif; ?>


            <div class="section__article" id="section__impacts">
                <h3 class="section__title">Impacts</h3>

                <div class="card--impact" data-impact-type="media">
                    <p class="tag">Médiatique</p>
                    <div class="content">
                        <p>12 articles et reprises</p>
                        <p>1.5M de vues cumulées</p>
                    </div>
                    <details class="open-graph__details">
                    <summary><p class="summary-inner">Détails <span class="arrow-details"><?= svg('assets/icons/arrow-details.svg') ?></span><p></summary>
                        <div class="open-graph__inner">
                            <?php snippet('card-open-graph') ?>
                        </div>
                    </details>
                </div>

                <div class="card--impact" data-impact-type="judiciaire">
                    <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>
                </div>

                <div class="card--impact" data-impact-type="judiciaire">
                    <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>

                </div>

                <div class="card--impact" data-impact-type="public">
                    <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. <a class="see-more" href="#">Voir plus</a>
                        </p>
                    </div>
                </div>
            </div>


            <aside class="section__article" id="section__en-lien">
                <h3 class="section__title">En lien</h3>

                <article class="card--article-small">
                    <figure>
                        <img src="/assets/images/Nahel-visuel1.png">
                    </figure>
                    <div class="content">
                        <h4 class="title"><a href="/enquetes/l-execution-de-nidal-et-khaled-amirah-a-naplouse" target="_blank">L'homicide de Nahel Merzouk</a></h4>
                        <time datetime="2024-06-27">27 Jun 2024</time>
                        <ul class="keywords">
                            <li><a href="#" target="_blank">Occupation</a></li>
                            <li><a href="#" target="_blank">Colonialité</a></li>
                            <li><a href="#" target="_blank">Forces armées</a></li>
                            <li><a href="#" target="_blank">Colonialité</a></li>
                        </ul>
                    </div>
                    <a class="link-block" href="/enquetes/l-execution-de-nidal-et-khaled-amirah-a-naplouse" target="_blank"></a>
                </article>

                <article class="card--article-small">
                    <figure>
                        <img src="/assets/images/Jumaa-visuel-1.png">
                    </figure>
                    <div class="content">
                        <h4 class="title"><a href="/enquetes/l-execution-de-nidal-et-khaled-amirah-a-naplouse" target="_blank">La mort par noyade de Jumaa al-Hasan</a></h4>
                        <time datetime="2024-06-27">27 Jun 2024</time>
                        <ul class="keywords">
                            <li><a href="#" target="_blank">Occupation</a></li>
                            <li><a href="#" target="_blank">Colonialité</a></li>
                            <li><a href="#" target="_blank">Forces armées</a></li>
                            <li><a href="#" target="_blank">Colonialité</a></li>
                        </ul>
                    </div>
                    <a class="link-block" href="/enquetes/l-execution-de-nidal-et-khaled-amirah-a-naplouse" target="_blank"></a>
                </article>

                <article class="card--article-small">
                    <figure>
                        <img src="/assets/images/kanaky-visuel-1.png">
                    </figure>
                    <div class="content">
                        <h4 class="title"><a href="/enquetes/l-execution-de-nidal-et-khaled-amirah-a-naplouse" target="_blank">Trois morts a Saint-Louis, Kanaky/Nouvelle-Caledonie</a></h4>
                        <time datetime="2024-06-27">27 Jun 2024</time>
                        <ul class="keywords">
                            <li><a href="#" target="_blank">Occupation</a></li>
                            <li><a href="#" target="_blank">Colonialité</a></li>
                            <li><a href="#" target="_blank">Forces armées</a></li>
                            <li><a href="#" target="_blank">Colonialité</a></li>
                        </ul>
                    </div>
                    <a class="link-block" href="/enquetes/l-execution-de-nidal-et-khaled-amirah-a-naplouse" target="_blank"></a>
                </article>

            </aside>





<?php snippet('footer') ?>
