


<?php if(!empty($activeLayout->custom_html_before_hero)): ?>
<?php echo $activeLayout->custom_html_before_hero; ?>

<?php endif; ?>


<section class="hero-split-wrapper">
    <div class="hero-split-container">
        
        <div class="hero-split-content">
            <?php if(auth()->guard()->guest()): ?>
                <?php if($activeLayout->show_hero_badge ?? true): ?>
                <div class="hero-badge">🎖️ Türkiye'nin Askeri Kariyer Platformu</div>
                <?php endif; ?>
                <h1 class="hero-title">
                    Kariyerine Giden Yolda <span class="hero-title-accent">Doğru Adres</span>
                </h1>
                <?php if($activeLayout->show_hero_subtitle ?? true): ?>
                <p class="hero-desc">
                    KPSS hazırlığından mülakat pratiklerine, forum tartışmalarından AI asistanına kadar. Binlerce askeri kariyer adayıyla birlikte başar.
                </p>
                <?php endif; ?>
                <?php if($activeLayout->show_hero_buttons ?? true): ?>
                <div class="hero-actions">
                    <a href="<?php echo e(route('register')); ?>" class="btn-primary">🚀 Ücretsiz Başla</a>
                    <a href="<?php echo e(route('login')); ?>" class="btn-secondary">Giriş Yap</a>
                </div>
                <?php endif; ?>
            <?php else: ?>
                <?php if($activeLayout->show_hero_badge ?? true): ?>
                <div class="hero-badge">👋 Hoş Geldiniz</div>
                <?php endif; ?>
                <h1 class="hero-title">
                    <?php echo e(auth()->user()->name); ?>, <span class="hero-title-accent">Seni Bekliyoruz</span>
                </h1>
                <?php if($activeLayout->show_hero_subtitle ?? true): ?>
                <p class="hero-desc">
                    Binlerce üyeyle birlikte öğren, paylaş ve başar. Her gün yeni içerik ve fırsatlar seni bekliyor.
                </p>
                <?php endif; ?>
                <?php if($activeLayout->show_hero_buttons ?? true): ?>
                <div class="hero-actions">
                    <a href="<?php echo e(route('forum.index')); ?>" class="btn-primary">💬 Forum'a Katıl</a>
                    <a href="<?php echo e(route('blog.index')); ?>" class="btn-secondary">Blog Yazılarını Keşfet</a>
                </div>
                <?php endif; ?>
            <?php endif; ?>
        </div>

        
        <?php if(($activeLayout->show_stats_section ?? true) && array_sum($stats) > 0): ?>
        <div class="hero-split-stats">
            <div class="stats-panel">
                <div class="stats-panel-header">📊 Platform İstatistikleri</div>
                <div class="stats-panel-grid" style="grid-template-columns: repeat(<?php echo e($activeLayout->stats_columns ?? 2); ?>, 1fr)">
                    <div class="stat-item">
                        <div class="stat-number"><?php echo e(number_format($stats['users'])); ?></div>
                        <div class="stat-label">Aktif Üye</div>
                    </div>
                    <div class="stat-item">
                        <div class="stat-number"><?php echo e(number_format($stats['topics'])); ?></div>
                        <div class="stat-label">Forum Konusu</div>
                    </div>
                    <div class="stat-item">
                        <div class="stat-number"><?php echo e(number_format($stats['posts'])); ?></div>
                        <div class="stat-label">Blog Yazısı</div>
                    </div>
                    <div class="stat-item">
                        <div class="stat-number"><?php echo e(number_format($stats['questions'])); ?></div>
                        <div class="stat-label">Mülakat Sorusu</div>
                    </div>
                </div>
            </div>
        </div>
        <?php endif; ?>
    </div>
</section>


<?php if(!empty($activeLayout->custom_html_after_hero)): ?>
<?php echo $activeLayout->custom_html_after_hero; ?>

<?php endif; ?>


<?php if(!empty($activeLayout->custom_html_after_stats)): ?>
<?php echo $activeLayout->custom_html_after_stats; ?>

<?php endif; ?>


<?php if(($activeLayout->show_blog_section ?? true) && $recentPosts->isNotEmpty()): ?>
<section class="section">
    <div class="section-header">
        <div class="section-tag">📰 Blog</div>
        <h2 class="section-title">Son Blog Yazıları</h2>
        <p class="section-desc">KPSS, alımlar ve kariyer hakkında güncel bilgiler</p>
    </div>
    <div class="posts-grid" style="grid-template-columns: repeat(<?php echo e($activeLayout->blog_columns ?? 3); ?>, 1fr)">
        <?php $__currentLoopData = $recentPosts->take($activeLayout->blog_limit ?? 6); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $post): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
        <a href="<?php echo e(route('blog.show', $post->slug)); ?>" class="post-card">
            <?php if($post->category): ?>
                <span class="post-category"><?php echo e($post->category->name); ?></span>
            <?php endif; ?>
            <div class="post-title"><?php echo e($post->title); ?></div>
            <div class="post-desc"><?php echo e(Str::limit($post->excerpt ?? strip_tags($post->content), 80)); ?></div>
            <div class="post-meta">
                <span><?php echo e($post->user?->name ?? 'Admin'); ?></span>
                <span>👁️ <?php echo e($post->views ?? 0); ?></span>
            </div>
        </a>
        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
    </div>
    <div style="text-align: center; margin-top: 32px;">
        <a href="<?php echo e(route('blog.index')); ?>" class="btn-outline">Tüm Yazılar →</a>
    </div>
</section>
<?php endif; ?>


<?php if(!empty($activeLayout->custom_html_before_cta)): ?>
<?php echo $activeLayout->custom_html_before_cta; ?>

<?php endif; ?>


<?php if($activeLayout->show_features_section ?? true): ?>
<?php if(auth()->guard()->guest()): ?>
<section class="section">
    <div class="section-header">
        <div class="section-tag">✨ Özellikler</div>
        <h2 class="section-title">Neden Bize Katılmalısın?</h2>
    </div>
    <div class="features-grid" style="grid-template-columns: repeat(<?php echo e($activeLayout->features_columns ?? 2); ?>, 1fr)">
        <a href="<?php echo e(route('blog.index')); ?>" class="feature-card">
            <span class="feature-icon">📰</span>
            <div class="feature-title">Uzman Blog Yazıları</div>
            <div class="feature-desc">Askeri kariyer, KPSS hazırlık ve güncel haber içerikleri</div>
        </a>
        <a href="<?php echo e(route('forum.index')); ?>" class="feature-card">
            <span class="feature-icon">💬</span>
            <div class="feature-title">Aktif Topluluk</div>
            <div class="feature-desc">Binlerce üyeyle soru sor, deneyimlerini paylaş</div>
        </a>
        <a href="<?php echo e(route('interview.index')); ?>" class="feature-card">
            <span class="feature-icon">🎯</span>
            <div class="feature-title">Mülakat Hazırlık</div>
            <div class="feature-desc">Gerçek mülakat soruları ve flashcard'larla pratik yap</div>
        </a>
        <a href="<?php echo e(route('library.index')); ?>" class="feature-card">
            <span class="feature-icon">📚</span>
            <div class="feature-title">Dijital Kütüphane</div>
            <div class="feature-desc">Binlerce kaynak, rehber ve belgeler</div>
        </a>
    </div>
</section>
<?php endif; ?>
<?php endif; ?>


<?php if(($activeLayout->show_cta_section ?? true) && ($activeLayout->cta_position ?? 'bottom') !== 'none'): ?>
<?php if(auth()->guard()->guest()): ?>
<section class="cta-section">
    <div class="cta-content">
        <h2 class="cta-title">Topluluğa Katılmaya Hazır mısın?</h2>
        <p class="cta-description">Binlerce askeri kariyer adayıyla birlikte öğren, paylaş ve başar.</p>
        <div style="display: flex; gap: 12px; justify-content: center; flex-wrap: wrap;">
            <a href="<?php echo e(route('register')); ?>" class="btn-primary">🚀 Hemen Başla</a>
            <a href="<?php echo e(route('blog.index')); ?>" class="btn-secondary">Blog'u İncele</a>
        </div>
    </div>
</section>
<?php endif; ?>
<?php endif; ?>


<?php if(!empty($activeLayout->custom_html_after_cta)): ?>
<?php echo $activeLayout->custom_html_after_cta; ?>

<?php endif; ?>

<style>
.hero-split-wrapper {
    background: <?php echo e($activeTheme->hero_bg_gradient ?? 'linear-gradient(135deg, #0f172a 0%, #1a2744 100%)'); ?>;
    padding: 60px 24px;
}

.hero-split-container {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 380px;
    gap: 40px;
    align-items: center;
}

.hero-split-content {
    color: #ffffff;
}

.hero-split-content .hero-badge {
    display: inline-block;
    padding: 6px 16px;
    background: rgba(34,197,94,0.12);
    border: 1px solid rgba(34,197,94,0.3);
    border-radius: 999px;
    color: #86efac;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 16px;
}

.hero-split-content .hero-title {
    font-size: clamp(32px, 4.5vw, 48px);
    font-weight: 900;
    color: <?php echo e($activeTheme->hero_title_color ?? '#ffffff'); ?>;
    line-height: 1.2;
    margin-bottom: 12px;
}

.hero-split-content .hero-title-accent {
    background: linear-gradient(135deg, #60a5fa, #a78bfa, #34d399);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.hero-split-content .hero-desc {
    font-size: 16px;
    color: <?php echo e($activeTheme->hero_subtitle_color ?? 'rgba(255,255,255,0.75)'); ?>;
    line-height: 1.6;
    margin: 0 0 28px;
    max-width: 500px;
}

.hero-split-content .hero-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.hero-split-stats {
    display: flex;
    justify-content: flex-end;
}

.stats-panel {
    background: rgba(255,255,255,0.08);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255,255,255,0.15);
    border-radius: 16px;
    padding: 24px;
    width: 100%;
}

.stats-panel-header {
    font-size: 14px;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 20px;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(255,255,255,0.15);
}

.stats-panel-grid {
    display: grid;
    gap: 16px;
}

.stat-item {
    text-align: center;
    padding: 16px;
    background: rgba(255,255,255,0.05);
    border-radius: 12px;
}

.stat-item .stat-number {
    font-size: 28px;
    font-weight: 900;
    background: linear-gradient(135deg, #60a5fa, #a78bfa);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin-bottom: 4px;
}

.stat-item .stat-label {
    font-size: 11px;
    color: rgba(255,255,255,0.7);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

@media (max-width: 1024px) {
    .hero-split-container {
        grid-template-columns: 1fr;
        gap: 32px;
    }

    .hero-split-stats {
        justify-content: center;
    }

    .stats-panel {
        max-width: 400px;
    }
}

@media (max-width: 768px) {
    .hero-split-wrapper {
        padding: 40px 20px;
    }

    .hero-split-content .hero-title {
        font-size: 28px;
    }

    .hero-split-content .hero-actions {
        flex-direction: column;
    }

    .hero-split-content .btn-primary,
    .hero-split-content .btn-secondary {
        width: 100%;
        justify-content: center;
    }
}
</style>
<?php /**PATH C:\xampp\htdocs\askeribilgiler\resources\views\homepage-layouts\split.blade.php ENDPATH**/ ?>