<!DOCTYPE html>
<html lang="tr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <?php
        $appSettings = \App\Models\AppSetting::getAllCached();
        $siteName = $appSettings['site_name'] ?? config('app.name', 'AskeriPlatform');
        $siteFavicon = $appSettings['site_favicon'] ?? null;
        $siteDescription = $appSettings['site_description'] ?? 'Türkiye\'nin en kapsamlı askeri kariyer platformu. KPSS hazırlığı, mülakat pratikleri, forum tartışmaları ve daha fazlası.';
        $siteKeywords = $appSettings['site_keywords'] ?? 'askeri, kariyer, KPSS, mülakat, forum, blog, kütüphane';
        $siteUrl = config('app.url', request()->getSchemeAndHttpHost());
    ?>

    
    <title><?php echo $__env->yieldContent('title', $siteName . ' — Askeri Kariyer Platformu'); ?></title>
    <meta name="description" content="<?php echo $__env->yieldContent('meta_description', $siteDescription); ?>">
    <meta name="keywords" content="<?php echo $__env->yieldContent('meta_keywords', $siteKeywords); ?>">
    <meta name="author" content="<?php echo e($siteName); ?>">
    <meta name="robots" content="<?php echo $__env->yieldContent('meta_robots', 'index, follow, max-image-preview:large'); ?>">

    
    <link rel="canonical" href="<?php echo $__env->yieldContent('canonical_url', $siteUrl . request()->getRequestUri()); ?>">

    <?php if($siteFavicon): ?>
        <link rel="icon" type="image/x-icon" href="<?php echo e(asset($siteFavicon)); ?>">
    <?php endif; ?>

    
    <meta property="og:type" content="<?php echo $__env->yieldContent('og_type', 'website'); ?>">
    <meta property="og:url" content="<?php echo $__env->yieldContent('og_url', $siteUrl . request()->getRequestUri()); ?>">
    <meta property="og:title" content="<?php echo $__env->yieldContent('og_title', $siteName); ?>">
    <meta property="og:description" content="<?php echo $__env->yieldContent('og_description', $siteDescription); ?>">
    <meta property="og:image" content="<?php echo $__env->yieldContent('og_image', asset('images/og-default.jpg')); ?>">
    <meta property="og:site_name" content="<?php echo e($siteName); ?>">
    <meta property="og:locale" content="tr_TR">

    
    <meta name="twitter:card" content="<?php echo $__env->yieldContent('twitter_card', 'summary_large_image'); ?>">
    <meta name="twitter:url" content="<?php echo $__env->yieldContent('twitter_url', $siteUrl . request()->getRequestUri()); ?>">
    <meta name="twitter:title" content="<?php echo $__env->yieldContent('twitter_title', $siteName); ?>">
    <meta name="twitter:description" content="<?php echo $__env->yieldContent('twitter_description', $siteDescription); ?>">
    <meta name="twitter:image" content="<?php echo $__env->yieldContent('twitter_image', asset('images/og-default.jpg')); ?>">

    
    <?php if (! empty(trim($__env->yieldContent('json_ld')))): ?>
        <?php echo $__env->yieldContent('json_ld'); ?>
    <?php else: ?>
    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "WebSite",
        "name": "<?php echo e($siteName); ?>",
        "url": "<?php echo e($siteUrl); ?>",
        "description": "<?php echo e($siteDescription); ?>",
        "potentialAction": {
            "@type": "SearchAction",
            "target": "<?php echo e($siteUrl); ?>/search?q={search_term_string}",
            "query-input": "required name=search_term_string"
        }
    }
    </script>
    <?php endif; ?>

    <meta name="csrf-token" content="<?php echo e(csrf_token()); ?>">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,300;0,14..32,400;0,14..32,500;0,14..32,600;0,14..32,700;0,14..32,800;0,14..32,900&display=swap" rel="stylesheet">
    <?php echo app('Illuminate\Foundation\Vite')(['resources/css/app.css', 'resources/js/app.js']); ?>

    
    <?php echo $__env->make('components.theme-styles', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?>

    <style>
        *, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }

        :root {
            --primary: #1d4ed8;
            --primary-light: #3b82f6;
            --primary-dark: #1e3a8a;
            --secondary: #7c3aed;
            --accent: #06b6d4;
            --success: #16a34a;
            --warning: #d97706;
            --danger: #dc2626;
            --gray-50: #f8fafc;
            --gray-100: #f1f5f9;
            --gray-200: #e2e8f0;
            --gray-300: #cbd5e1;
            --gray-400: #94a3b8;
            --gray-500: #64748b;
            --gray-600: #475569;
            --gray-700: #334155;
            --gray-800: #1e293b;
            --gray-900: #0f172a;
            --font: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
        }

        html { scroll-behavior: smooth; }

        body {
            font-family: var(--font-family, var(--font));
            background: var(--background-color, #ffffff);
            color: var(--text-color, var(--gray-800));
            line-height: 1.6;
            font-size: 15px;
            -webkit-font-smoothing: antialiased;
        }

        a { color: var(--primary); text-decoration: none; }
        a:hover { text-decoration: none; }
        img { max-width: 100%; }

        main { min-height: 60vh; }

        /* ─── HERO SECTION ─── */
        .hero-section {
            position: relative;
            min-height: 85vh;
            display: flex;
            align-items: center;
            justify-content: center;
            background: var(--hero-bg-gradient, linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #1e3a5f 100%));
            overflow: hidden;
        }

        .hero-bg {
            position: absolute;
            inset: 0;
            background-image: 
                radial-gradient(circle at 20% 30%, rgba(59,130,246,0.15) 0%, transparent 50%),
                radial-gradient(circle at 80% 70%, rgba(139,92,246,0.12) 0%, transparent 50%),
                radial-gradient(circle at 50% 50%, rgba(6,182,212,0.08) 0%, transparent 50%);
            animation: heroPulse 20s ease-in-out infinite alternate;
        }

        @keyframes heroPulse {
            0% { transform: scale(1) translate(0, 0); opacity: 0.8; }
            100% { transform: scale(1.1) translate(-20px, 10px); opacity: 1; }
        }

        .hero-grid {
            position: absolute;
            inset: 0;
            background-image: 
                linear-gradient(rgba(255,255,255,0.02) 1px, transparent 1px),
                linear-gradient(90deg, rgba(255,255,255,0.02) 1px, transparent 1px);
            background-size: 60px 60px;
            mask-image: radial-gradient(ellipse at center, black 30%, transparent 80%);
        }

        .hero-content {
            position: relative;
            z-index: 10;
            text-align: center;
            padding: 60px 24px;
            max-width: 900px;
        }

        .hero-badge {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 10px 24px;
            background: rgba(34, 197, 94, 0.12);
            backdrop-filter: blur(12px);
            border: 1px solid rgba(34, 197, 94, 0.25);
            border-radius: 50px;
            color: #86efac;
            font-size: 12px;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 1px;
            margin-bottom: 24px;
            animation: fadeInDown 0.8s ease-out;
        }

        .hero-badge::before {
            content: '';
            width: 6px;
            height: 6px;
            background: #22c55e;
            border-radius: 50%;
            animation: pulse 2s infinite;
        }

        @keyframes pulse {
            0%, 100% { opacity: 1; transform: scale(1); }
            50% { opacity: 0.5; transform: scale(1.2); }
        }

        .hero-title {
            font-size: clamp(40px, 6vw, 64px);
            font-weight: 900;
            color: var(--hero-title-color, #ffffff);
            line-height: 1.1;
            margin-bottom: 20px;
            letter-spacing: -0.02em;
            animation: fadeInUp 0.8s ease-out 0.1s both;
        }

        .hero-title-accent {
            background: linear-gradient(135deg, #60a5fa 0%, #a78bfa 50%, #22d3ee 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        .hero-subtitle {
            font-size: clamp(16px, 2vw, 19px);
            color: var(--hero-subtitle-color, rgba(255, 255, 255, 0.85));
            line-height: 1.7;
            margin-bottom: 36px;
            max-width: 700px;
            margin-left: auto;
            margin-right: auto;
            animation: fadeInUp 0.8s ease-out 0.2s both;
        }

        .hero-actions {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 16px;
            flex-wrap: wrap;
            animation: fadeInUp 0.8s ease-out 0.3s both;
        }

        .btn-hero {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            padding: 16px 36px;
            border-radius: 12px;
            font-size: 16px;
            font-weight: 700;
            text-decoration: none;
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            cursor: pointer;
            border: none;
        }

        .btn-hero-primary {
            background: var(--primary-color, linear-gradient(135deg, #3b82f6, #2563eb));
            color: white;
            box-shadow: 0 8px 24px rgba(37, 99, 235, 0.4);
        }

        .btn-hero-primary:hover {
            transform: translateY(-2px);
            box-shadow: 0 12px 32px rgba(37, 99, 235, 0.5);
        }

        .btn-hero-secondary {
            background: rgba(255, 255, 255, 0.1);
            backdrop-filter: blur(10px);
            border: 1.5px solid rgba(255, 255, 255, 0.2);
            color: white;
        }

        .btn-hero-secondary:hover {
            background: rgba(255, 255, 255, 0.15);
            border-color: rgba(255, 255, 255, 0.3);
        }

        @keyframes fadeInDown {
            from { opacity: 0; transform: translateY(-20px); }
            to { opacity: 1; transform: translateY(0); }
        }

        @keyframes fadeInUp {
            from { opacity: 0; transform: translateY(30px); }
            to { opacity: 1; transform: translateY(0); }
        }

        /* ─── STATS SECTION ─── */
        .stats-section {
            position: relative;
            margin-top: -60px;
            z-index: 20;
            padding: 0 24px 80px;
        }

        .stats-grid {
            max-width: 1200px;
            margin: 0 auto;
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
            gap: 20px;
        }

        .stat-card {
            background: #ffffff;
            border-radius: 16px;
            padding: 28px 24px;
            border: 1px solid #e2e8f0;
            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            position: relative;
            overflow: hidden;
        }

        .stat-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 4px;
            background: linear-gradient(90deg, #3b82f6, #8b5cf6, #06b6d4);
        }

        .stat-card:hover {
            transform: translateY(-8px);
            box-shadow: 0 16px 48px rgba(0, 0, 0, 0.12);
        }

        .stat-icon {
            width: 52px;
            height: 52px;
            background: linear-gradient(135deg, rgba(59,130,246,0.1), rgba(139,92,246,0.1));
            border-radius: 14px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 24px;
            margin-bottom: 16px;
        }

        .stat-number {
            font-size: 36px;
            font-weight: 900;
            color: #0f172a;
            margin-bottom: 4px;
            background: linear-gradient(135deg, #3b82f6, #8b5cf6);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        .stat-label {
            font-size: 14px;
            color: #64748b;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }

        /* ─── MAIN CONTAINER ─── */
        .main-container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 24px 80px;
        }

        .section {
            margin-bottom: 80px;
        }

        /* ─── RESPONSIVE ─── */
        @media (max-width: 1024px) {
            .stats-grid { grid-template-columns: repeat(2, 1fr); }
        }

        @media (max-width: 768px) {
            .hero-section { min-height: 60vh; }
            .hero-content { padding: 40px 20px; }
            .hero-title { font-size: 32px; }
            .hero-subtitle { font-size: 15px; }
            .hero-actions { flex-direction: column; gap: 12px; }
            .btn-hero { width: 100%; justify-content: center; }
            .stats-grid { grid-template-columns: 1fr; }
            .main-container { padding: 0 16px 60px; }
        }
    </style>

    <?php echo $__env->yieldContent('styles'); ?>
</head>
<body>

    
    <?php echo $__env->make('layouts.shared-navbar', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?>

    
    <main>
        <?php echo $__env->yieldContent('content'); ?>
    </main>

    
    <?php echo $__env->make('layouts.shared-footer', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?>

    <?php echo $__env->yieldContent('scripts'); ?>

    <?php if(auth()->guard()->check()): ?>
    <script>
        // Notification polling
        async function updateNotificationBadge() {
            try {
                const res = await fetch('<?php echo e(url('/api/notifications/unread-count')); ?>', { credentials: 'same-origin' });
                const data = await res.json();
                if (data.count > 0) {
                    document.querySelectorAll('.notif-badge').forEach(el => {
                        el.textContent = data.count;
                        el.style.display = 'inline';
                    });
                }
            } catch(e) {}
        }
        updateNotificationBadge();
        setInterval(updateNotificationBadge, 60000);
    </script>
    <?php endif; ?>
</body>
</html>
<?php /**PATH C:\xampp\htdocs\askeribilgiler\resources\views\layouts\welcome.blade.php ENDPATH**/ ?>