<?php

$l = $lang ?? 'fr';


$subs = [
    [
        'name'  => 'Integraale',
        'pole'  => 'Communication',
        'color' => '#FFCE00',
        'logo'  => '/assets/images/logos/integraale.svg',
        'url'   => 'https://integraale.com',
    ],
    [
        'name'  => 'Danesso',
        'pole'  => 'événementiel & audiovisuel',
        'color' => '#E8B84B',
        'logo'  => '/assets/images/logos/danesso.svg',
        'url'   => '#',
    ],
    [
        'name'  => 'One Radio',
        'pole'  => 'Media',
        'color' => '#1A6B8A',
        'logo'  => '/assets/images/logos/oneradio.svg',
        'url'   => 'https://oneradio.tg',
    ],
    [
        'name'  => 'One TV',
        'pole'  => 'Media',
        'color' => '#1A6B8A',
        'letter'=> 'O',
        'url'   => 'https://one-tv.tv',
    ],
    [
        'name'  => 'Luft',
        'pole'  => 'Telecoms',
        'color' => '#2E7D4F',
        'logo'  => '/assets/images/logos/luft.svg',
        'url'   => '#',
    ],
    [
        'name'  => 'Tata Park',
        'pole'  => 'Entertainment',
        'color' => '#8B2FC9',
        'logo'  => '/assets/images/logos/tatapark.svg',
        'url'   => '#',
    ],
    [
        'name'  => 'PioLogis',
        'pole'  => 'Piologis City, Votre future cité industrielle et logistique de demain',
        'color' => '#C94B2F',
        'letter'=> 'P',
        'url'   => '#',
    ],
];

$track = array_merge($subs, $subs, $subs);

if (!function_exists('h')) {
    function h($string) {
        return htmlspecialchars($string ?? '', ENT_QUOTES, 'UTF-8');
    }
}
?>

<section class="strip-section" aria-label="<?= $l === 'fr' ? 'Nos filiales' : 'Our subsidiaries' ?>">

  <div class="strip-label-col" aria-hidden="true">
    <span class="strip-label-text">
      <?= $l === 'fr' ? 'Nos<br>Filiales' : 'Our<br>Companies' ?>
    </span>
    <span class="strip-label-line"></span>
  </div>

  <div class="strip-viewport">
    <div class="strip-fade strip-fade-left"  aria-hidden="true"></div>
    <div class="strip-fade strip-fade-right" aria-hidden="true"></div>

    <div class="strip-track">
      <?php foreach ($track as $i => $sub): ?>
      <?php 
          $url = $sub['url'] ?? '#';
          $name = $sub['name'] ?? 'Filiale';
          
          $customStyle = "width: 100%; height: 100%; object-fit: contain;";
          if ($name === 'One Radio') {
              $customStyle .= "transform: scale(1.15);"; 
          } elseif ($name === 'Integraale') {
              $customStyle .= "transform: scale(1.25);";
          }
      ?>
      <a href="<?= h($url) ?>" 
         class="strip-item" 
         <?= $url !== '#' ? 'target="_blank" rel="noopener"' : '' ?>
         tabindex="<?= $i < count($subs) ? '0' : '-1' ?>"
         aria-label="<?= h($name) ?>">

        <div class="strip-item-logo">
          <?php if (!empty($sub['logo'])): ?>
            <img src="<?= h($sub['logo']) ?>" 
                 alt="" 
                 class="strip-svg-logo" 
                 style="<?= $customStyle ?>">
          <?php else: ?>
            <span class="strip-item-letter"><?= h($sub['letter'] ?? substr($name, 0, 1)) ?></span>
          <?php endif; ?>
        </div>

        <div class="strip-item-text">
          <span class="strip-item-name"><?= h($name) ?></span>
          <span class="strip-item-pole"><?= h($sub['pole'] ?? '') ?></span>
        </div>
      </a>
      <?php endforeach; ?>
    </div>
  </div>
</section>