<?php
header('Content-Type: text/html; charset=utf-8');
header('Cache-Control: no-store, no-cache, must-revalidate, max-age=0');
header('Pragma: no-cache');
header('X-LiteSpeed-Cache-Control: no-cache');
require_once __DIR__ . '/config.php';

// Hata mesajlarını ASLA ekrana basma (WhatsApp/LinkedIn botları HTML'den önce hata mesajı görürse og etiketlerini okumayı reddeder)
ini_set('display_errors', 0);
ini_set('display_startup_errors', 0);
error_reporting(0);

// Ziyaretçi takibini yap (hata verse bile sayfanın açılmasını engellemesin)
$vStats = ['total_views' => 0, 'unique_visitors' => 0];
try {
    trackVisitor();
    $vStats = getVisitorStats();
} catch (Exception $e) {}
?>
<!DOCTYPE html>
<html lang="tr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Youtube mp3 - mp4 indirmek artık çok kolay Hemde Reklamsız! Linki Kopyala Yapıştır Ve İndirme Butonuna Tıkla Ve İster Video İster Müzik Halinde İndirebilirsin.">
    <title>YouTube Dönüştürücü | Ücretsiz MP3, MP4, Video İndir</title>
    <!-- Favicon -->
    <link rel="icon" type="image/webp" href="fav.webp">
    <link rel="stylesheet" href="css/style.css">

    <!-- Canonical Tag -->
    <link rel="canonical" href="<?php echo SITE_URL . ($_SERVER['REQUEST_URI'] ?? '/'); ?>">

    <!-- Open Graph / Facebook / WhatsApp Meta Tags -->
    <meta property="og:site_name" content="YouTube Dönüştürücü">
    <meta property="og:type" content="website">
    <meta property="og:url" content="<?php echo SITE_URL . ($_SERVER['REQUEST_URI'] ?? '/'); ?>">
    <meta property="og:title" content="YouTube Dönüştürücü | Ücretsiz MP3, MP4, Video İndir">
    <meta property="og:description" content="Youtube mp3 - mp4 indirmek artık çok kolay Hemde Reklamsız! Linki Kopyala Yapıştır Ve İndirme Butonuna Tıkla Ve İster Video İster Müzik Halinde İndirebilirsin.">
    <meta property="og:image" content="<?php echo SITE_URL; ?>/og.png?v=<?php echo time(); ?>">
    <meta property="og:locale" content="tr_TR">

    <!-- Twitter Card Meta Tags -->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="YouTube Dönüştürücü | Ücretsiz MP3, MP4, Video İndir">
    <meta name="twitter:description" content="Youtube mp3 - mp4 indirmek artık çok kolay Hemde Reklamsız! Linki Kopyala Yapıştır Ve İndirme Butonuna Tıkla.">
    <meta name="twitter:image" content="<?php echo SITE_URL; ?>/og.png?v=<?php echo time(); ?>">

    <!-- SEO & Schema.org JSON-LD Structured Data -->
    <script type="application/ld+json">
    [
        {
            "@context": "https://schema.org",
            "@type": "WebApplication",
            "name": "YouTube MP3 & MP4 Dönüştürücü",
            "url": "<?php echo SITE_URL; ?>/",
            "applicationCategory": "MultimediaApplication",
            "operatingSystem": "All",
            "description": "YouTube videolarını reklamsız, hızlı ve yüksek kalitede MP3 ses ve MP4 (1080p, 720p) video formatlarına dönüştürüp indirin.",
            "offers": {
                "@type": "Offer",
                "price": "0.00",
                "priceCurrency": "TRY"
            }
        },
        {
            "@context": "https://schema.org",
            "@type": "FAQPage",
            "mainEntity": [
                {
                    "@type": "Question",
                    "name": "YouTube MP3 indirme işlemi ücretsiz mi?",
                    "acceptedAnswer": {
                        "@type": "Answer",
                        "text": "Evet, sitemiz üzerinden dilediğiniz kadar YouTube videosunu herhangi bir ücret ödemeden ve kayıt olmadan 320kbps MP3 veya 1080p MP4 formatında indirebilirsiniz."
                    }
                },
                {
                    "@type": "Question",
                    "name": "Mobil telefonlarda da çalışıyor mu?",
                    "acceptedAnswer": {
                        "@type": "Answer",
                        "text": "Evet, tüm Android, iOS (iPhone/iPad) ve masaüstü tarayıcılarıyla %100 uyumludur."
                    }
                },
                {
                    "@type": "Question",
                    "name": "Hangi video ve ses kaliteleri desteklenmektedir?",
                    "acceptedAnswer": {
                        "@type": "Answer",
                        "text": "Ses formatlarında 320kbps, 192kbps ve 128kbps MP3/M4A seçenekleri; video formatlarında ise 1080p Full HD, 720p HD ve 480p çözünürlükleri desteklenmektedir."
                    }
                }
            ]
        }
    ]
    </script>

</head>
<body>

    <main class="container">
        <!-- Header -->
        <header class="app-header">
            <div class="brand-badge">
                <svg viewBox="0 0 24 24">
                    <path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"/>
                </svg>
                <span>Hızlı & Sınırsız Media Downloader</span>
            </div>
            <h1 class="app-title">YouTube MP3 & MP4 Dönüştürücü</h1>
            <p class="app-subtitle">İstediğiniz YouTube videosunun URL'sini yapıştırın, kaliteyi seçin ve anında indirin.</p>


            
            <nav style="margin-top: 16px; display: flex; justify-content: center; align-items: center; gap: 20px; font-size: 0.95rem;">
                <a href="./" style="color: var(--accent-red); font-weight: 600; text-decoration: none;">Ana Sayfa</a>
                <a href="iletisim" style="color: var(--text-muted); text-decoration: none;">İletişim</a>
                <button id="themeToggleBtn" class="theme-toggle-btn" title="Temayı Değiştir"></button>
            </nav>




        </header>


        <!-- Converter Main Card -->
        <section class="converter-card">
            <form id="urlForm" class="url-form">
                <div class="input-group">
                    <input type="text" id="urlInput" class="url-input" placeholder="https://www.youtube.com/watch?v=..." autocomplete="off" required>
                    <svg class="input-icon" viewBox="0 0 24 24">
                        <path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"/>
                    </svg>
                </div>
                <button type="submit" id="submitBtn" class="btn-submit">
                    <span id="submitSpinner" class="spinner" style="display: none;"></span>
                    <span id="submitBtnText">Dönüştür</span>
                </button>

            </form>

            <!-- Video Preview & Option Selection Section -->
            <div id="videoPreview" class="video-preview">
                <div class="preview-grid">
                    <div class="thumbnail-box">
                        <img id="thumbnail" src="" alt="Video Kapak Resmi">
                    </div>
                    <div class="info-content">
                        <h3 id="videoTitle">Video Başlığı</h3>
                        <div class="meta-tags">
                            <span id="videoUploader" class="meta-tag">Kanal</span>
                            <span id="videoDuration" class="meta-tag">00:00</span>
                        </div>

                        <div class="options-group">
                            <label for="formatSelect">İndirme Formatı ve Kalite Seçimi:</label>
                            <select id="formatSelect" class="select-custom">
                                <!-- JS Tarafından Dinamik Doldurulacak -->
                            </select>
                        </div>

                        <button id="convertBtn" class="btn-submit" style="width: 100%;">
                            Dönüştür ve İndirmeye Hazırla
                        </button>
                    </div>
                </div>

                <!-- Progress Section -->
                <div id="progressContainer" class="progress-container">
                    <div class="progress-bar-bg">
                        <div id="progressBarFill" class="progress-bar-fill"></div>
                    </div>
                    <p id="statusText" class="status-text">İşlem başlatılıyor...</p>
                </div>

                <!-- Download Result Box -->
                <div id="resultBox" class="result-box">
                    <a id="downloadBtn" href="#" class="btn-download" target="_blank">
                        <svg width="20" height="20" viewBox="0 0 24 24" fill="white">
                            <path d="M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z"/>
                        </svg>
                        Dosyayı Bilgisayara İndir
                    </a>
                </div>
            </div>
        </section>

        <!-- Advertising Call to Action Banner -->
        <section style="background: var(--card-bg); border: 1px solid var(--card-border); border-radius: var(--radius-lg); padding: 24px 32px; margin-bottom: 40px; display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap;">
            <div>
                <h3 style="font-size: 1.15rem; font-weight: 600; color: var(--text-main); margin-bottom: 4px;">Reklam Vermek İster Misiniz?</h3>
                <p style="font-size: 0.9rem; color: var(--text-muted);">Sitemizde reklam alanlarınızı değerlendirmek ve reklam teklifi almak için bizimle iletişime geçin.</p>
            </div>
            <a href="iletisim" class="btn-ad-cta">
                <svg width="16" height="16" viewBox="0 0 24 24" fill="var(--accent-red)">
                    <path d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z"/>
                </svg>
                Reklam Teklifi Al
            </a>

        </section>

        <!-- SEO Rich Text & Feature Cards -->

        <section class="seo-section" style="margin-top: 40px; margin-bottom: 60px; color: var(--text-muted);">
            <h2 style="color: var(--text-main); font-size: 1.6rem; text-align: center; margin-bottom: 20px;">Ücretsiz ve Yüksek Kaliteli YouTube İndirici</h2>
            <p style="text-align: center; max-width: 750px; margin: 0 auto 30px;">
                YouTube MP3 & MP4 Dönüştürücü, favori müziklerinizi ve videolarınızı kayıt olmadan, tamamen ücretsiz ve en yüksek kalitede bilgisayarınıza veya telefonunuza indirmenizi sağlar. 1080p Full HD video ve 320kbps yüksek kaliteli MP3 dönüştürme desteği sunar.
            </p>

            <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; margin-top: 30px;">
                <div style="background: var(--card-bg); border: 1px solid var(--card-border); padding: 24px; border-radius: var(--radius-md);">
                    <h3 style="color: var(--text-main); font-size: 1.1rem; margin-bottom: 10px;">Full HD Video İndirme</h3>
                    <p style="font-size: 0.9rem;">1080p, 720p, 480p çözünürlük seçenekleriyle videoları ses ve görüntüsü tam birleşmiş olarak indirin.</p>
                </div>
                <div style="background: var(--card-bg); border: 1px solid var(--card-border); padding: 24px; border-radius: var(--radius-md);">
                    <h3 style="color: var(--text-main); font-size: 1.1rem; margin-bottom: 10px;">Gerçek MP3 Dönüştürme</h3>
                    <p style="font-size: 0.9rem;">Ses izlerini 320kbps, 192kbps ve 128kbps gerçek MP3 formatına kesintisiz dönüştürün.</p>
                </div>
                <div style="background: var(--card-bg); border: 1px solid var(--card-border); padding: 24px; border-radius: var(--radius-md);">
                    <h3 style="color: var(--text-main); font-size: 1.1rem; margin-bottom: 10px;">Tüm Cihazlarla Uyumlu</h3>
                    <p style="font-size: 0.9rem;">Masaüstü, Android ve iOS cihazlarınızın tarayıcılarından doğrudan indirme yapabilirsiniz.</p>
                </div>
            </div>
        </section>

        <!-- SSS / FAQ Section (SEO Rich Content) -->
        <section style="margin-bottom: 60px;">
            <h2 style="color: var(--text-main); font-size: 1.5rem; text-align: center; margin-bottom: 24px;">Sıkça Sorulan Sorular (SSS)</h2>
            <div style="display: flex; flex-direction: column; gap: 16px; max-width: 800px; margin: 0 auto;">
                <details style="background: var(--card-bg); border: 1px solid var(--card-border); padding: 18px 24px; border-radius: var(--radius-md); cursor: pointer;">
                    <summary style="font-weight: 600; color: var(--text-main); font-size: 1rem; outline: none;">YouTube MP3 indirme işlemi tamamen ücretsiz mi?</summary>
                    <p style="margin-top: 10px; font-size: 0.9rem; color: var(--text-muted); line-height: 1.6;">
                        Evet, sitemiz üzerinden dilediğiniz kadar YouTube videosunu hiçbir ücret ödemeden ve üyelik oluşturmadan 320kbps MP3 ses veya 1080p Full HD video olarak bilgisayarınıza veya mobil cihazınıza indirebilirsiniz.
                    </p>
                </details>

                <details style="background: var(--card-bg); border: 1px solid var(--card-border); padding: 18px 24px; border-radius: var(--radius-md); cursor: pointer;">
                    <summary style="font-weight: 600; color: var(--text-main); font-size: 1rem; outline: none;">İndirilen MP3 ve videoların ses ve görüntü kalitesi nasıldır?</summary>
                    <p style="margin-top: 10px; font-size: 0.9rem; color: var(--text-muted); line-height: 1.6;">
                        Sistemimiz YouTube üzerindeki en yüksek ses ve video akışlarını doğrudan orijinal kaynak kalitesinde işler. Seslerde 320kbps, 192kbps, 128kbps; videolarda ise 1080p, 720p HD kaliteleri eksiksiz birleştirilerek sunulur.
                    </p>
                </details>

                <details style="background: var(--card-bg); border: 1px solid var(--card-border); padding: 18px 24px; border-radius: var(--radius-md); cursor: pointer;">
                    <summary style="font-weight: 600; color: var(--text-main); font-size: 1rem; outline: none;">Telefon veya tabletlerden indirme yapabilir miyim?</summary>
                    <p style="margin-top: 10px; font-size: 0.9rem; color: var(--text-muted); line-height: 1.6;">
                        Evet, web sitemiz tüm Android ve iOS (iPhone/iPad) cihazların mobil tarayıcılarıyla (Safari, Chrome, Opera) %100 uyumludur. Herhangi bir ek uygulama yüklemenize gerek kalmadan doğrudan indirebilirsiniz.
                    </p>
                </details>
            </div>
        </section>


        <!-- Footer -->
        <footer class="app-footer">
            <p>YouTube MP3 & MP4 Converter &copy; <?php echo date('Y'); ?> - Tüm Hakları Saklıdır. | Altyapı ve Yazılım: <a href="https://osirisbilisim.com" title="Antalya Web Tasarım ve Yazılım Ajansı" target="_blank" rel="dofollow noopener noreferrer" style="color: var(--text-muted); text-decoration: underline;">Antalya Web Tasarım - Osiris Bilişim</a></p>
        </footer>

    </main>


    <script src="js/theme.js"></script>
    <script src="js/app.js?v=<?php echo time(); ?>"></script>
</body>

</html>
