index-main/site/templates/home.php

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



<section class="section--home" id="home__investigations">
  <div class="section--inner">

  <div class="col-left">
    <p class="baseline-section"><?= $page->mainBaseline() ?></p>
    <button class="btn--bold-inline">
        <a href="#">
        <span class="text">En savoir plus</span>
        <span class="icon"><?= svg('assets/icons/arrow-left.svg') ?></span>
        </a>
    </button>
  </div>

    <div class="col-right">

    <?php
    $enquetesPage = page('enquetes');
    $superPin = $enquetesPage->superPinnedInvestigation()->toPage();
    $pinned = $enquetesPage->pinnedInvestigations()->toPages();
    if ($superPin) $pinned = $pinned->not($superPin);

    $list = [];
    $shownIds = [];

    if ($superPin) {
        $list[] = ['page' => $superPin, 'type' => 'super'];
        $shownIds[] = $superPin->id();
    }

    foreach ($pinned as $p) {
        if (count($list) >= 5) break;
        $list[] = ['page' => $p, 'type' => 'pinned'];
        $shownIds[] = $p->id();
    }

    if (count($list) < 5) {
        $latest = $enquetesPage->children()->listed()->sortBy('created', 'desc')
            ->filter(fn($p) => !in_array($p->id(), $shownIds))
            ->limit(5 - count($list));
        foreach ($latest as $p) {
            $list[] = ['page' => $p, 'type' => 'latest'];
        }
    }
    ?>

    <?php foreach ($list as $item):
        $investigation = $item['page'];
        $type = $item['type'];
        $cover = $investigation->cover()->toFile();
    ?>
        <article class="card--article<?= $type === 'super' ? ' pinned-home' : ($type === 'pinned' ? ' pinned' : '') ?>">

            <?php if ($type === 'super' && ($videoPreview = $investigation->videoPreview()->toFile())): ?>
            <div class="video-extract">
                <video class="vjs-tech" id="player-element_html5_api" tabindex="-1" loop="" muted="muted" playsinline="playsinline" autoplay="" src="<?= $videoPreview->url() ?>"></video>
            </div>
            <?php elseif ($cover): ?>
            <figure>
                <img src="<?= $cover->url() ?>" alt="<?= $investigation->title()->esc() ?>">
            </figure>
            <?php endif ?>

            <?php if ($type === 'pinned'): ?>
            <div class="pin"><?= svg('assets/icons/pin.svg') ?></div>
            <?php endif ?>

            <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>

            <?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 ?>

    


      <div class="see-more">
        <button class="btn--bold-inline">
          <a href="/enquetes">
          <span class="text">Voir toutes les enquêtes</span>
          <span class="icon"><?= svg('assets/icons/arrow-left.svg') ?></span>
          </a>
        </button>
      </div>

    </div> <!-- col-right-->
  </div>
</section>






<section class="section--home" id="home__impacts">
  <div class="section--inner">

  <div class="col-left">
  
  <p class="baseline-section"><?= $page->impactsBaseline() ?></p>


    <button class="btn--bold-inline">
      <a href="/impacts">
      <span class="text">En savoir plus</span>
      <span class="icon"><?= svg('assets/icons/arrow-left.svg') ?></span>
      </a>
    </button>
</div>

<div class="col-right">

  <div class="grid-masonry">

    <div class="grid-sizer"></div>

    <?php
    $impactsPage = page('impacts');
    foreach ($impactsPage->children()->listed()->sortBy('created', 'desc')->limit(8) as $impact):
        $categories     = $impact->category()->split();
        $category       = $categories[0] ?? '';
        $cover          = $impact->cover()->toFile();
        $investigations = $impact->linkedInvestigations()->toPages();
    ?>
    <div class="card--block has-link">

        <?php if ($cover): ?>
        <figure><?php snippet('picture', ['file' => $cover]) ?></figure>
        <?php endif ?>

        <div class="group-top">
            <p class="type">Impact</p>
            <?php if ($category): ?>
            <p class="category"><?= esc($category) ?></p>
            <?php endif ?>
        </div>

        <h3 class="title"><?= $impact->title()->esc() ?></h3>

        <?php if ($impact->created()->isNotEmpty()): ?>
        <p class="date"><?= $impact->created()->toDate('d MMMM yyyy', 'fr_FR') ?></p>
        <?php endif ?>

        <?php if ($investigations->isNotEmpty()): ?>
        <ul class="investigations">
            <?php foreach ($investigations as $investigation): ?>
            <li><a href="<?= $investigation->url() ?>"><?= $investigation->title()->esc() ?></a></li>
            <?php endforeach ?>
        </ul>
        <?php endif ?>

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

        </div> <!-- end masonry -->

        <div class="see-more">
        <button class="btn--bold-inline">
          <a href="/impacts">
          <span class="text">Voir tout</span>
          <span class="icon"><?= svg('assets/icons/arrow-left.svg') ?></span>
          </a>
        </button>
      </div>

</div>


</section>








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