<?php
require_once 'includes/config.php';
require_once 'includes/functions.php';

$page_title = 'Ana Sayfa';
$page_description = SITE_DESCRIPTION;

// Hizmetleri çek
$stmt = $pdo->query("SELECT * FROM services WHERE published = 1 ORDER BY display_order ASC, id ASC LIMIT 6");
$services = $stmt->fetchAll();

// Referansları çek
$stmt = $pdo->query("SELECT * FROM references_table WHERE published = 1 ORDER BY display_order DESC, id DESC LIMIT 6");
$references = $stmt->fetchAll();

// İstatistikler (örnek - veritabanından da çekilebilir)
$stats = [
    ['number' => '500+', 'label' => 'Tamamlanan Proje'],
    ['number' => '20+', 'label' => 'Yıllık Deneyim'],
    ['number' => '98%', 'label' => 'Müşteri Memnuniyeti'],
    ['number' => '7/24', 'label' => 'Teknik Destek']
];

// Slider slides
$slider_slides = [
    [
        'title' => 'PDKS Sistemleri',
        'subtitle' => 'Personel Devam Kontrol Sistemleri',
        'description' => 'Modern PDKS çözümleri ile personel yönetiminizi dijitalleştirin. Yoklama takibi, mesai yönetimi ve raporlama tek platformda.',
        'icon' => 'bi-people',
        'image' => '/assets/images/slider/pdks.jpg',
        'link' => '/hizmetlerimiz.php#pdks-sistemleri',
        'button_text' => 'PDKS Çözümlerini İncele',
        'color' => 'primary'
    ],
    [
        'title' => 'ERP Hub',
        'subtitle' => 'Kurumsal Kaynak Planlama',
        'description' => 'ERP Hub ile iş süreçlerinizi optimize edin. Finans, stok, satış ve üretim yönetimi tek sistemde.',
        'icon' => 'bi-diagram-3',
        'image' => '/assets/images/slider/erp.jpg',
        'link' => '/hizmetlerimiz.php#erp-hub',
        'button_text' => 'ERP Hub Hakkında',
        'color' => 'success'
    ],
    [
        'title' => 'Güvenlik Kamera Sistemleri',
        'subtitle' => 'Akıllı Güvenlik Çözümleri',
        'description' => 'Yüksek çözünürlüklü IP kamera sistemleri, gece görüş özellikli kameralar ve akıllı video analiz çözümleri.',
        'icon' => 'bi-camera-video',
        'image' => '/assets/images/slider/guvenlik.jpg',
        'link' => '/hizmetlerimiz.php#guvenlik-kamera-sistemleri',
        'button_text' => 'Güvenlik Sistemlerini Keşfet',
        'color' => 'warning'
    ],
    [
        'title' => 'Geçiş Kontrol Sistemleri',
        'subtitle' => 'Akıllı Erişim Yönetimi',
        'description' => 'Kartlı geçiş sistemleri, parmak izi okuyucular, yüz tanıma sistemleri ve turnike çözümleri ile güvenli erişim.',
        'icon' => 'bi-lock',
        'image' => '/assets/images/slider/gecis.jpg',
        'link' => '/hizmetlerimiz.php#gecis-kontrol-sistemleri',
        'button_text' => 'Geçiş Kontrol Çözümleri',
        'color' => 'info'
    ],
    [
        'title' => 'Web Otomasyonları',
        'subtitle' => 'Dijital Dönüşüm Çözümleri',
        'description' => 'Web tabanlı otomasyon sistemleri, e-ticaret çözümleri ve kurumsal web uygulamaları ile iş süreçlerinizi dijitalleştirin.',
        'icon' => 'bi-globe',
        'image' => '/assets/images/slider/web.jpg',
        'link' => '/hizmetlerimiz.php#web-otomasyonlari',
        'button_text' => 'Web Otomasyon Çözümleri',
        'color' => 'primary'
    ]
];

include 'includes/header.php';
?>

<!-- Hero Slider Section -->
<section class="hero-slider-section">
    <div id="heroSlider" class="carousel slide carousel-fade" data-bs-ride="carousel" data-bs-interval="6000">
        <!-- Indicators -->
        <div class="carousel-indicators">
            <?php foreach ($slider_slides as $index => $slide): ?>
            <button type="button" data-bs-target="#heroSlider" data-bs-slide-to="<?php echo $index; ?>" 
                    class="<?php echo $index === 0 ? 'active' : ''; ?>" 
                    aria-current="<?php echo $index === 0 ? 'true' : 'false'; ?>" 
                    aria-label="Slide <?php echo $index + 1; ?>"></button>
            <?php endforeach; ?>
        </div>

        <!-- Slides -->
        <div class="carousel-inner">
            <?php foreach ($slider_slides as $index => $slide): ?>
            <div class="carousel-item <?php echo $index === 0 ? 'active' : ''; ?>">
                <div class="hero-slide-wrapper">
                    <div class="container">
                        <div class="row align-items-center min-vh-90">
                            <div class="col-lg-6 hero-slide-content">
                                <div class="slide-badge mb-4">
                                    <i class="bi <?php echo $slide['icon']; ?>"></i>
                                    <span><?php echo $slide['subtitle']; ?></span>
                                </div>
                                <h1 class="hero-title mb-4">
                                    <?php echo $slide['title']; ?>
                                    <span class="hero-title-accent">Çözümleri</span>
                                </h1>
                                <p class="hero-description mb-5"><?php echo $slide['description']; ?></p>
                                <div class="hero-buttons">
                                    <a href="<?php echo $slide['link']; ?>" class="btn btn-hero-primary btn-lg">
                                        <i class="bi bi-arrow-right-circle me-2"></i><?php echo $slide['button_text']; ?>
                                    </a>
                                    <a href="/iletisim.php" class="btn btn-hero-outline btn-lg">
                                        <i class="bi bi-headset me-2"></i>Bize Ulaşın
                                    </a>
                                </div>
                            </div>
                            <div class="col-lg-6 hero-slide-image d-none d-lg-flex">
                                <div class="slide-image-wrapper">
                                    <!-- Atlas Logo with Effects -->
                                    <div class="hero-logo-container">
                                        <div class="logo-glow-ring"></div>
                                        <div class="logo-glow-ring delay-1"></div>
                                        <div class="logo-glow-ring delay-2"></div>
                                        <div class="logo-orbit">
                                            <span class="orbit-dot"></span>
                                            <span class="orbit-dot"></span>
                                            <span class="orbit-dot"></span>
                                        </div>
                                        <img src="/assets/images/logo.png" alt="<?php echo SITE_NAME; ?>" class="hero-atlas-logo">
                                        <div class="logo-reflection"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <?php endforeach; ?>
        </div>

        <!-- Navigation Arrows -->
        <button class="carousel-control-prev" type="button" data-bs-target="#heroSlider" data-bs-slide="prev">
            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
            <span class="visually-hidden">Önceki</span>
        </button>
        <button class="carousel-control-next" type="button" data-bs-target="#heroSlider" data-bs-slide="next">
            <span class="carousel-control-next-icon" aria-hidden="true"></span>
            <span class="visually-hidden">Sonraki</span>
        </button>
    </div>
</section>

<!-- Stats Section -->
<section class="stats-section">
    <div class="container">
        <div class="row g-4">
            <?php foreach ($stats as $stat): ?>
            <div class="col-md-3 col-6">
                <div class="stat-item">
                    <span class="stat-number"><?php echo $stat['number']; ?></span>
                    <span class="stat-label"><?php echo $stat['label']; ?></span>
                </div>
            </div>
            <?php endforeach; ?>
        </div>
    </div>
</section>

<!-- Services Section -->
<section class="section">
    <div class="container">
        <div class="section-title">
            <h2>Hizmetlerimiz</h2>
            <p>Elazığ ve çevresinde sunduğumuz profesyonel güvenlik ve teknoloji çözümleri</p>
        </div>
        <div class="row g-4">
            <?php foreach ($services as $service): ?>
            <div class="col-lg-4 col-md-6">
                <div class="card h-100">
                    <div class="card-body p-4">
                        <div class="card-icon">
                            <i class="<?php echo safeOutput($service['icon'] ?: 'bi-shield-check'); ?>"></i>
                        </div>
                        <h5 class="card-title"><?php echo safeOutput($service['title']); ?></h5>
                        <p class="card-text"><?php echo safeOutput($service['description']); ?></p>
                        <a href="/hizmetlerimiz.php#<?php echo $service['slug']; ?>" class="btn btn-outline-primary">
                            Detaylı Bilgi <i class="bi bi-arrow-right ms-2"></i>
                        </a>
                    </div>
                </div>
            </div>
            <?php endforeach; ?>
        </div>
        <div class="text-center mt-5">
            <a href="/hizmetlerimiz.php" class="btn btn-primary btn-lg">
                Tüm Hizmetlerimizi Görüntüleyin <i class="bi bi-arrow-right ms-2"></i>
            </a>
        </div>
    </div>
</section>

<!-- Global Brands Section -->
<section class="section brands-section">
    <div class="container">
        <div class="section-title">
            <h2>Global Markalarımız</h2>
            <p>Dünya'nın önde gelen teknoloji markalarıyla çalışıyoruz</p>
        </div>
        
        <!-- Security Brands -->
        <div class="brand-category">
            <div class="brand-category-header">
                <div class="brand-category-icon">
                    <i class="bi bi-shield-lock-fill"></i>
                </div>
                <h4>Güvenlik Sistemleri</h4>
            </div>
            <div class="brands-grid">
                <div class="brand-item">
                    <div class="brand-logo-wrapper">
                        <span class="brand-name">HIKVISION</span>
                    </div>
                    <span class="brand-label">Kamera & DVR</span>
                </div>
                <div class="brand-item">
                    <div class="brand-logo-wrapper">
                        <span class="brand-name">DAHUA</span>
                    </div>
                    <span class="brand-label">Kamera & NVR</span>
                </div>
                <div class="brand-item">
                    <div class="brand-logo-wrapper">
                        <span class="brand-name">ZKTeco</span>
                    </div>
                    <span class="brand-label">Geçiş Kontrol</span>
                </div>
                <div class="brand-item">
                    <div class="brand-logo-wrapper">
                        <span class="brand-name">EZVIZ</span>
                    </div>
                    <span class="brand-label">Akıllı Güvenlik</span>
                </div>
                <div class="brand-item">
                    <div class="brand-logo-wrapper">
                        <span class="brand-name">Hanwha</span>
                    </div>
                    <span class="brand-label">IP Kamera</span>
                </div>
                <div class="brand-item">
                    <div class="brand-logo-wrapper">
                        <span class="brand-name">Uniview</span>
                    </div>
                    <span class="brand-label">Video Güvenlik</span>
                </div>
            </div>
        </div>
        
        <!-- Computer Brands -->
        <div class="brand-category">
            <div class="brand-category-header">
                <div class="brand-category-icon blue">
                    <i class="bi bi-cpu-fill"></i>
                </div>
                <h4>Bilgisayar & Donanım</h4>
            </div>
            <div class="brands-grid">
                <div class="brand-item">
                    <div class="brand-logo-wrapper blue">
                        <span class="brand-name">Intel</span>
                    </div>
                    <span class="brand-label">İşlemci</span>
                </div>
                <div class="brand-item">
                    <div class="brand-logo-wrapper blue">
                        <span class="brand-name">AMD</span>
                    </div>
                    <span class="brand-label">İşlemci & GPU</span>
                </div>
                <div class="brand-item">
                    <div class="brand-logo-wrapper blue">
                        <span class="brand-name">NVIDIA</span>
                    </div>
                    <span class="brand-label">Ekran Kartı</span>
                </div>
                <div class="brand-item">
                    <div class="brand-logo-wrapper blue">
                        <span class="brand-name">HP</span>
                    </div>
                    <span class="brand-label">Bilgisayar</span>
                </div>
                <div class="brand-item">
                    <div class="brand-logo-wrapper blue">
                        <span class="brand-name">DELL</span>
                    </div>
                    <span class="brand-label">Sunucu & PC</span>
                </div>
                <div class="brand-item">
                    <div class="brand-logo-wrapper blue">
                        <span class="brand-name">Lenovo</span>
                    </div>
                    <span class="brand-label">Kurumsal PC</span>
                </div>
            </div>
        </div>
        
        <!-- Web & Server Brands -->
        <div class="brand-category">
            <div class="brand-category-header">
                <div class="brand-category-icon purple">
                    <i class="bi bi-globe2"></i>
                </div>
                <h4>Web & Sunucu Çözümleri</h4>
            </div>
            <div class="brands-grid">
                <div class="brand-item">
                    <div class="brand-logo-wrapper purple">
                        <span class="brand-name">WDS</span>
                    </div>
                    <span class="brand-label">Web Deploy</span>
                </div>
                <div class="brand-item">
                    <div class="brand-logo-wrapper purple">
                        <span class="brand-name">Dedicated</span>
                    </div>
                    <span class="brand-label">Sunucu</span>
                </div>
                <div class="brand-item">
                    <div class="brand-logo-wrapper purple">
                        <span class="brand-name">VPS</span>
                    </div>
                    <span class="brand-label">Sanal Sunucu</span>
                </div>
                <div class="brand-item">
                    <div class="brand-logo-wrapper purple">
                        <span class="brand-name">cPanel</span>
                    </div>
                    <span class="brand-label">Hosting Panel</span>
                </div>
                <div class="brand-item">
                    <div class="brand-logo-wrapper purple">
                        <span class="brand-name">CloudFlare</span>
                    </div>
                    <span class="brand-label">CDN & Güvenlik</span>
                </div>
                <div class="brand-item">
                    <div class="brand-logo-wrapper purple">
                        <span class="brand-name">SSL</span>
                    </div>
                    <span class="brand-label">Sertifika</span>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- Why Choose Us -->
<section class="section bg-light">
    <div class="container">
        <div class="section-title">
            <h2>Neden Bizi Seçmelisiniz?</h2>
            <p>Yılların deneyimi ve kaliteli hizmet anlayışımızla yanınızdayız</p>
        </div>
        <div class="row g-4">
            <div class="col-lg-3 col-md-6">
                <div class="feature-box">
                    <div class="feature-icon">
                        <i class="bi bi-award"></i>
                    </div>
                    <h5 class="feature-title">Kaliteli Hizmet</h5>
                    <p class="text-muted">Yılların deneyimi ve kaliteli ürünlerle müşteri memnuniyetini ön planda tutuyoruz.</p>
                </div>
            </div>
            <div class="col-lg-3 col-md-6">
                <div class="feature-box">
                    <div class="feature-icon">
                        <i class="bi bi-clock-history"></i>
                    </div>
                    <h5 class="feature-title">Hızlı Çözüm</h5>
                    <p class="text-muted">Acil durumlarda 7/24 teknik destek ve hızlı müdahale garantisi sunuyoruz.</p>
                </div>
            </div>
            <div class="col-lg-3 col-md-6">
                <div class="feature-box">
                    <div class="feature-icon">
                        <i class="bi bi-headset"></i>
                    </div>
                    <h5 class="feature-title">Profesyonel Destek</h5>
                    <p class="text-muted">Uzman ekibimiz ile projelerinizin her aşamasında yanınızdayız.</p>
                </div>
            </div>
            <div class="col-lg-3 col-md-6">
                <div class="feature-box">
                    <div class="feature-icon">
                        <i class="bi bi-graph-up-arrow"></i>
                    </div>
                    <h5 class="feature-title">Güncel Teknolojiler</h5>
                    <p class="text-muted">Sektördeki en yeni teknolojileri takip ederek modern çözümler sunuyoruz.</p>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- References Section -->
<?php if (!empty($references)): ?>
<section class="section">
    <div class="container">
        <div class="section-title">
            <h2>Referanslarımız</h2>
            <p>Başarıyla tamamladığımız projeler ve mutlu müşterilerimiz</p>
        </div>
        <div class="row g-4">
            <?php foreach ($references as $ref): ?>
            <div class="col-lg-4 col-md-6">
                <div class="reference-card card">
                    <?php 
                    $refImgPath = $_SERVER['DOCUMENT_ROOT'] . '/assets/images/references/' . $ref['image'];
                    if ($ref['image'] && file_exists($refImgPath)): ?>
                        <img src="/assets/images/references/<?php echo safeOutput($ref['image']); ?>" 
                             alt="<?php echo safeOutput($ref['title']); ?>"
                             loading="lazy">
                    <?php else: ?>
                        <div class="reference-placeholder">
                            <i class="bi bi-image"></i>
                        </div>
                    <?php endif; ?>
                    <div class="reference-overlay">
                        <div class="reference-overlay-content">
                            <span class="badge bg-primary mb-2"><?php echo safeOutput($ref['category']); ?></span>
                            <h5 class="text-white mb-2"><?php echo safeOutput($ref['title']); ?></h5>
                            <p class="text-white-50 small mb-0"><?php echo safeOutput(substr($ref['description'], 0, 100)); ?>...</p>
                        </div>
                    </div>
                    <div class="card-body">
                        <span class="badge bg-primary mb-2"><?php echo safeOutput($ref['category']); ?></span>
                        <h5 class="card-title"><?php echo safeOutput($ref['title']); ?></h5>
                        <p class="card-text text-muted"><?php echo safeOutput($ref['description']); ?></p>
                        <?php if ($ref['location']): ?>
                        <p class="small text-muted mb-0">
                            <i class="bi bi-geo-alt"></i> <?php echo safeOutput($ref['location']); ?>
                        </p>
                        <?php endif; ?>
                    </div>
                </div>
            </div>
            <?php endforeach; ?>
        </div>
        <div class="text-center mt-5">
            <a href="/referanslar.php" class="btn btn-primary btn-lg">
                Tüm Referanslarımızı Görüntüleyin <i class="bi bi-arrow-right ms-2"></i>
            </a>
        </div>
    </div>
</section>
<?php endif; ?>

<!-- CTA Section -->
<section class="section bg-primary text-white">
    <div class="container">
        <div class="row align-items-center">
            <div class="col-lg-8">
                <h2 class="text-white mb-3">Projeleriniz İçin Hemen İletişime Geçin</h2>
                <p class="lead mb-0">Uzman ekibimiz size en uygun çözümü sunmak için hazır.</p>
            </div>
            <div class="col-lg-4 text-lg-end">
                <a href="/iletisim.php" class="btn btn-light btn-lg">
                    <i class="bi bi-envelope me-2"></i>İletişime Geçin
                </a>
            </div>
        </div>
    </div>
</section>

<?php include 'includes/footer.php'; ?>
