<?php
/**
 * haberler.php - aahaber.com Tüm Haberler & Kategori Akışı
 */

$page_title = "Haberler — aahaber.com Kategori Haberleri";
$page_desc = "aahaber.com Haberler sayfası - Gündem, Ekonomi, Spor, Teknoloji, Dünya, Sağlık, Magazin ve Otomobil kategorilerinden güncel haber akışı.";
$page_active = "haberler";
$search_placeholder = "Haber kategorilerinde veya başlıklarda ara...";

require_once __DIR__ . '/data/news_db.php';
$server_news_items = get_card_news(300);

require_once __DIR__ . '/ust.php';
?>

<script>
  window.SERVER_NEWS_ITEMS = <?= json_encode($server_news_items, JSON_UNESCAPED_UNICODE | JSON_UNESCAPED_SLASHES); ?>;
</script>

<!-- Popüler Kategori Butonları -->
<div class="categories-nav-wrapper">
  <div class="popular-categories-bar" id="popularCategoriesBar">
    <!-- haberler.js tarafından kategori linkleri üretilir -->
  </div>
</div>

<!-- Tüm Haberlerin Zengin Kolajı -->
<div class="msn-collage-grid" id="allNewsCollageGrid">
  <!-- haberler.js tarafından zengin kolaj render edilir -->
</div>

<!-- Sonsuz Kaydırma ve Daha Fazla Haber Oku Kontrolleri -->
<div id="haberlerPaginationWrap" class="haberler-pagination-wrap">
  <div id="haberlerScrollSentinel" class="haberler-scroll-sentinel"></div>
  
  <div id="haberlerLoadingSpinner" class="haberler-loading-spinner" style="display: none;">
    <svg class="spinner-icon" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5">
      <circle cx="12" cy="12" r="10" stroke="currentColor" stroke-opacity="0.25"></circle>
      <path d="M12 2a10 10 0 0 1 10 10" stroke="currentColor"></path>
    </svg>
    <span>Daha fazla güncel haber yükleniyor...</span>
  </div>

  <button id="btnLoadMoreNews" class="btn-load-more-news" style="display: none;" type="button">
    <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4">
      <path d="M19 14l-7 7m0 0l-7-7m7 7V3" stroke-linecap="round" stroke-linejoin="round"></path>
    </svg>
    <span>Daha Fazla Haber Oku</span>
  </button>

  <div id="haberlerEndMessage" class="haberler-end-message" style="display: none;">
    <span>✨ Bugünün tüm güncel haberlerini görüntülediniz.</span>
  </div>
</div>

<!-- TAM HABER OKUMA MODALI (AI Özeti) -->
<div class="modal-overlay" id="articleModalOverlay">
  <div class="article-modal">
    <div class="modal-header-bar">
      <div class="modal-source-info">
        <span class="category-tag" id="modalCategory">Kategori</span>
        <span class="source-pill" id="modalSource" style="position: static; background: var(--bg-card-subtle); color: var(--text-main); border: 1px solid var(--border-subtle);">Kaynak</span>
        <span style="font-size: 12px; color: var(--text-muted);" id="modalDate">Tarih</span>
      </div>
      <button class="btn-close-modal" id="btnCloseModal" title="Kapat">
        <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>
      </button>
    </div>

    <div class="modal-scroll-body">
      <img src="" alt="Haber" class="modal-article-img" id="modalImg">
      <h2 class="modal-article-title" id="modalTitle">Haber Başlığı</h2>

      <!-- Yapay Zeka Özeti -->
      <div class="ai-summary-box">
        <div class="ai-summary-badge">
          <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"/></svg>
          Yapay Zeka Hızlı Özeti
        </div>
        <p class="ai-summary-text" id="modalAiSummary">Özet yükleniyor...</p>
      </div>

      <div class="modal-article-text" id="modalContent">
        İçerik...
      </div>

      <div class="modal-footer-attribution">
        <span style="font-size: 13px; color: var(--text-muted);">
          Bu haber <strong>Yapay Zeka</strong> tarafından derlenmiştir. Görseller sahiplerine aittir.
        </span>
        <a href="#" target="_blank" rel="noopener noreferrer" class="btn-original-source" id="modalOriginalLink">
          Orijinal Kaynağa Git &rarr;
        </a>
      </div>
    </div>
  </div>
</div>

<?php
$extra_js = ['haberler.js?v=' . time()];
require_once __DIR__ . '/alt.php';
?>
