<?php
require __DIR__.'/inc/bootstrap.php';
require __DIR__.'/inc/portal.php';
$pageTitle='Les Tontons Flingueurs [LTF_1] — Clan World of Tanks';
$pageDescription='Site communautaire du clan français Les Tontons Flingueurs [LTF_1] : actualités, recrutement, événements, galerie et communauté.';
$articles=$pdo->query("SELECT a.*,c.name category FROM articles a LEFT JOIN article_categories c ON c.id=a.category_id WHERE a.status='published' ORDER BY a.published_at DESC,a.id DESC LIMIT 3")->fetchAll();
$events=$pdo->query("SELECT e.*,m.max_players,m.registration_required FROM events e LEFT JOIN clan_calendar_meta m ON m.event_id=e.id WHERE e.event_date IS NOT NULL AND e.event_date>=NOW() ORDER BY e.event_date LIMIT 4")->fetchAll();

$photos=$pdo->query("SELECT * FROM gallery_images ORDER BY id DESC LIMIT 5")->fetchAll();
$articlesDemo=false;
$eventsDemo=false;
$clanName=site_setting('site_name','Les Tontons Flingueurs');
$clanTag=site_setting('site_tag','LTF_1');
$community=site_setting('site_community','FR');
$clanFounded=site_setting('clan_founded','2026');
$wotClanUrl=site_setting('wot_clan_url','https://worldoftanks.eu/fr/clanwars/');
$discordUrl=site_setting('discord_url','https://discord.com/');
require __DIR__.'/inc/header.php';
?>
<section class="hero hero-validated">
 <div class="hero-overlay-content">
   <div class="actions">
    <a class="btn btn-red" href="<?=e(site_url('recrutement.php'))?>"><img src="<?=e(site_url('assets/icons/rejoin-clan.svg'))?>" alt=""> REJOINDRE LE CLAN <b>→</b></a>
    <a class="btn btn-gold" href="<?=e(site_url('le-clan.php'))?>"><img src="<?=e(site_url('assets/icons/discover-clan.svg'))?>" alt=""> DÉCOUVRIR LE CLAN <b>→</b></a>
   </div>
 </div>
</section>
<section class="stats"><div class="wrap stats-grid">
 <div class="stat"><div class="stat-icon"><img src="<?=e(site_url('assets/icons/members.svg'))?>" alt=""></div><div><strong><?=e((string)($stats['member_count']??0))?></strong><span>MEMBRES</span></div></div>
 <div class="stat"><div class="stat-icon"><img src="<?=e(site_url('assets/icons/clan-tag.svg'))?>" alt=""></div><div><strong><?=e($clanTag)?></strong><span>TAG</span></div></div>
 <div class="stat"><div class="stat-icon"><img src="<?=e(site_url('assets/icons/france.svg'))?>" alt=""></div><div><strong><?=e($community)?></strong><span>COMMUNAUTÉ</span></div></div>
 <div class="stat"><div class="stat-icon"><img src="<?=e(site_url('assets/icons/calendar.svg'))?>" alt=""></div><div><strong><?=e($clanFounded)?></strong><span>CRÉATION</span></div></div>
 <div class="stat"><div class="stat-icon"><img src="<?=e(site_url('assets/icons/battles.svg'))?>" alt=""></div><div><strong><?=e((string)($stats['battles']??0))?></strong><span>BATAILLES</span></div></div>
 <div class="stat wot-stat"><div class="stat-icon"><img src="<?=e(site_url('assets/icons/wot.svg'))?>" alt=""></div><div><strong>WORLD OF TANKS</strong><a class="wot-link" href="<?=e($wotClanUrl)?>" target="_blank" rel="noopener">VOIR NOTRE CLAN <b>→</b></a></div></div>
</div></section>



<section class="section wrap">
 <div class="home-grid">
  <div>
   <div class="section-head"><div class="line"><div class="eyebrow section-eyebrow"><img src="<?=e(site_url('assets/icons/news.svg'))?>" alt=""> DERNIÈRES ACTUALITÉS</div><h2>Actualités du clan</h2></div><a href="<?=e(site_url('actualites.php'))?>">TOUT VOIR →</a></div>
   <div class="news-grid news-count-<?=count($articles)?>">
   <?php if(!$articles): ?><div class="panel empty-state"><h3>Aucune actualité publiée.</h3><p>Les prochaines actualités apparaîtront ici depuis l'administration.</p></div><?php endif; ?>
   <?php foreach($articles as $a): ?>
    <article class="card"><img class="card-img" src="<?=e(media_url($a['image'] ?? null))?>" alt="<?=e($a['title'])?>"><div class="card-body"><span class="badge"><?=e($a['category']??'Actualités')?></span><div class="meta"><?=e(format_date($a['published_at']))?></div><h3><?=e($a['title'])?></h3><p><?=e($a['excerpt']?:excerpt($a['content']))?></p><a class="small-btn" href="<?=e(site_url('article.php?slug='.urlencode($a['slug'])))?>">LIRE LA SUITE →</a></div></article>
   <?php endforeach; ?>
   </div>
  </div>
  <aside class="events events-count-<?=count($events)?>">
   <div class="events-head"><div class="eyebrow section-eyebrow"><img src="<?=e(site_url('assets/icons/events.svg'))?>" alt=""> CALENDRIER</div><h2>PROCHAINS ÉVÉNEMENTS</h2></div>
   <?php if(!$events): ?><div class="empty-state"><h3>Aucun événement programmé.</h3><p>Les prochains événements apparaîtront ici depuis l'administration.</p></div><?php endif; ?>
   <?php foreach($events as $ev): $ts=strtotime($ev['event_date']); ?>
   <a class="event event-link" href="<?=e(site_url('evenement.php?slug='.rawurlencode($ev['slug'])))?>"><div class="event-date"><b><?=date('d',$ts)?></b><span><?=strtoupper(date('M',$ts))?></span></div><div><h3><?=e($ev['title'])?></h3><p>◷ <?=date('H:i',$ts)?> • <?=e($ev['location']??'En jeu')?></p></div><span class="status"><?=e($ev['status'])?></span><span class="event-arrow">→</span></a>
   <?php endforeach; ?>
   <div style="padding:14px"><a class="small-btn" href="<?=e(site_url('evenements.php'))?>">VOIR TOUS LES ÉVÉNEMENTS →</a></div>
  </aside>
 </div>
</section>



<section class="section wrap" style="padding-top:0">
 <div class="two-cols">
  <div class="gallery-strip"><div class="section-head"><div class="line"><div class="eyebrow section-eyebrow"><img src="<?=e(site_url('assets/icons/gallery.svg'))?>" alt=""> NOS SOUVENIRS</div><h2>Galerie photos</h2></div><a href="<?=e(site_url('galerie.php'))?>">VOIR LA GALERIE →</a></div>
   <div class="gallery-grid">
   <?php
   $g=$photos;
   if(!$g): ?><div class="empty-state"><h3>Aucune photo publiée.</h3><p>Les souvenirs du clan apparaîtront ici depuis la galerie.</p></div><?php endif;
   foreach($g as $p):
      $src=media_url($p['filename']??null);
   ?><a data-lightbox="<?=e($src)?>" data-title="<?=e($p['title']??'Galerie LTF_1')?>"><img src="<?=e($src)?>" alt="<?=e($p['alt_text']??$p['title']??'Photo World of Tanks LTF_1')?>"></a><?php endforeach; ?>
   </div>
  </div>
  <div class="discord home-discord-card"><img class="home-discord-image" src="<?=e(site_url('assets/img/discord-ltf1-premium.jpg?v=59.6'))?>" alt="Communauté Discord LTF_1"><div class="home-discord-overlay"><a class="btn btn-red" href="<?=e($discordUrl)?>" target="_blank" rel="noopener"><img src="<?=e(site_url('assets/icons/discord.svg'))?>" alt=""> REJOINDRE LE SERVEUR <b>→</b></a><a class="btn btn-outline" href="<?=e(site_url('chat.php'))?>">TCHAT DU CLAN →</a></div></div>
 </div>
</section>
<?php
jsonld(['@context'=>'https://schema.org','@type'=>'WebSite','name'=>'Les Tontons Flingueurs','url'=>site_url(),'description'=>$pageDescription]);
require __DIR__.'/inc/footer.php';
?>


/* ==========================================================
   V68 — ACCUEIL AVEC DONNÉES RÉELLES UNIQUEMENT
   Le nombre de cartes s'adapte au contenu réellement publié.
   Aucun faux contenu n'est ajouté pour remplir la maquette.
   ========================================================== */
@media (min-width:1001px){
  .page-index .news-grid.news-count-0{
    grid-template-columns:1fr!important;
  }
  .page-index .news-grid.news-count-0 .empty-state{
    grid-column:1/-1!important;
    width:100%!important;
    min-height:270px!important;
  }
  .page-index .news-grid.news-count-1{
    grid-template-columns:minmax(0,1fr)!important;
  }
  .page-index .news-grid.news-count-1 .card{
    width:100%!important;
    min-height:320px!important;
  }
  .page-index .news-grid.news-count-1 .card-img{
    height:205px!important;
  }
  .page-index .news-grid.news-count-1 .card-body{
    padding:18px 20px 20px!important;
  }
  .page-index .news-grid.news-count-1 .card h3{
    font-size:22px!important;
    line-height:1.2!important;
  }
  .page-index .news-grid.news-count-1 .card p{
    max-width:900px!important;
    font-size:13.5px!important;
    line-height:1.55!important;
  }
  .page-index .news-grid.news-count-2{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .page-index .news-grid.news-count-3{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }

  /* Quand il n'y a qu'un événement réel, la carte reste propre et compacte. */
  .page-index .events-count-1 .event:last-of-type{
    border-bottom:1px solid #252d33!important;
  }

  /* Typographie : priorité à la lisibilité réelle, sans agrandir les titres de façon excessive. */
  .page-index .card h3,
  .page-index .event h3,
  .page-index .empty-state h3{
    -webkit-font-smoothing:antialiased!important;
    text-rendering:geometricPrecision!important;
  }
  .page-index .card p,
  .page-index .meta,
  .page-index .event p,
  .page-index .status,
  .page-index .small-btn{
    letter-spacing:.01em!important;
  }
}
@media (max-width:1000px){
  .page-index .news-grid.news-count-0 .empty-state,
  .page-index .news-grid.news-count-1 .card{
    grid-column:1!important;
    width:100%!important;
  }
}
