<?php include __DIR__ . '/layout/header.php'; ?>

<!-- Hero Section -->
<section class="hero-section">
    <div class="hero-content">
        <h2>Yazıcı Hatalarına Kesin Çözüm!</h2>
        <?php
        $randBrands = $brands;
        shuffle($randBrands);
        $selectedBrands = array_slice($randBrands, 0, 4);
        $brandNames = array_map(function($b) { return $b->name; }, $selectedBrands);
        
        if (count($brandNames) > 1) {
            $lastBrand = array_pop($brandNames);
            $brandsStr = implode(', ', $brandNames) . ' ve ' . $lastBrand;
        } else {
            $brandsStr = $brandNames[0] ?? 'Tüm';
        }
        ?>
        <p><?php echo htmlspecialchars($brandsStr); ?> yazıcılar için orijinal mürekkep pedi sıfırlama programları, chip reset dosyaları ve servis hata kodları çözümleri.</p>
        
        <form action="<?php echo $baseUrl; ?>/search" method="GET" class="hero-search-bar position-relative">
            <i class="fa fa-search hero-search-icon"></i>
            <input type="text" name="q" placeholder="Epson L3210, Kyocera C3100 veya Samsung reset ara..." autocomplete="off" required>
        </form>
    </div>
</section>

<!-- Brands Grid -->
<section class="home-section">
    <div class="section-title">
        <h2>Markalar</h2>
        <p>Yazıcı markanıza göre özel geliştirilmiş reset yazılımları ve arıza çözümleri.</p>
    </div>
    <div class="brands-grid">
        <?php foreach ($brands as $b): ?>
        <a href="<?php echo $baseUrl; ?>/<?php echo $b->slug; ?>" class="brand-card">
            <div class="brand-icon-wrap">
                <i class="fa fa-print"></i>
            </div>
            <h3><?php echo htmlspecialchars($b->name); ?></h3>
            <span>Çözümleri Gör <i class="fa fa-arrow-right"></i></span>
        </a>
        <?php endforeach; ?>
    </div>
</section>

<!-- Featured Articles Grid -->
<section class="home-section bg-light-section">
    <div class="section-title">
        <h2>Öne Çıkan Sıfırlama Yazılımları</h2>
        <p>En sık indirilen ve teknik servisler tarafından onaylanmış orijinal yazılımlar.</p>
    </div>
    <div class="articles-grid">
        <?php foreach ($featuredArticles as $art): ?>
        <div class="article-card">
            <div class="article-badge"><?php echo htmlspecialchars($art->getBrand()->name ?? 'Yazıcı'); ?></div>
            <h3><?php echo htmlspecialchars($art->title); ?></h3>
            <?php 
            $excerpt = trim(strip_tags($art->content));
            if ($excerpt !== '') {
                echo '<p>' . htmlspecialchars(mb_substr($excerpt, 0, 160)) . (mb_strlen($excerpt) > 160 ? '...' : '') . '</p>';
            }
            ?>
            <div class="article-meta">
                <?php if ($art->file_size): ?>
                <span><i class="fa fa-hdd-o"></i> Boyut: <?php echo htmlspecialchars($art->file_size); ?></span>
                <?php endif; ?>
                <span><i class="fa fa-eye"></i> <?php echo $art->view_count; ?> Gösterim</span>
            </div>
            <div class="article-actions">
                <a href="<?php echo $baseUrl; ?>/<?php echo $art->slug; ?>" class="btn-read">Kılavuzu Oku</a>
                <?php if ($art->download_url): ?>
                <a href="<?php echo htmlspecialchars($art->download_url); ?>" class="btn-download" target="_blank"><i class="fa fa-download"></i> İndir</a>
                <?php endif; ?>
            </div>
        </div>
        <?php endforeach; ?>
    </div>
</section>

<!-- Compatibility Tables Widget -->
<section class="home-section">
    <div class="container-split">
        <div class="split-left">
            <div class="section-title text-left">
                <h2>En Çok Aranan Uyumluluk Kılavuzları</h2>
                <p>Hangi yedek parçanın hangi yazıcı modelleriyle uyumlu olduğunu tablolarımızdan kontrol edin. En çok aranan fırın burçları, kağıt alma lastikleri ve merdane kodları.</p>
            </div>
            <div class="comp-list">
                <?php 
                $limitedComps = array_slice($compatibilities, 0, 4);
                foreach ($limitedComps as $comp): 
                ?>
                <a href="<?php echo $baseUrl; ?>/<?php echo $comp->slug; ?>" class="comp-item-link">
                    <i class="fa fa-table"></i>
                    <div>
                        <h4><?php echo htmlspecialchars($comp->title); ?></h4>
                        <span>Tabloyu incele ve kodları gör</span>
                    </div>
                    <i class="fa fa-angle-right arrow-icon"></i>
                </a>
                <?php endforeach; ?>
            </div>
            <?php if (count($compatibilities) > 4): ?>
            <div style="text-align: right; margin-top: 16px;">
                <a href="<?php echo $baseUrl; ?>/compatibilities" style="color: var(--primary); font-weight: 700; font-size: 14px; display: inline-flex; align-items: center; gap: 6px;">Tümünü Gör <i class="fa fa-arrow-right"></i></a>
            </div>
            <?php endif; ?>
        </div>
        <div class="split-right">
            <div class="servis-info-card">
                <i class="fa fa-cogs info-card-icon"></i>
                <h3>Teknik Destek ve Sorularınız</h3>
                <p>Aradığınız sıfırlama programı listede yoksa ya da bir hata kodunu çözemediyseniz, uzman kadromuzla iletişime geçebilirsiniz.</p>
                <div class="info-card-phone">
                    <i class="fa fa-phone"></i>
                    <div>
                        <span>Telefon Numarası</span>
                        <strong><?php echo htmlspecialchars(\App\Models\Settings::get('telephone')); ?></strong>
                    </div>
                </div>
                <a href="<?php echo $baseUrl; ?>/contact" class="btn-contact-info">Destek Talebi Oluştur</a>
            </div>
        </div>
    </div>
</section>

<?php include __DIR__ . '/layout/footer.php'; ?>
