<?php
declare(strict_types=1);

$root = dirname(__DIR__);

require_once $root . '/core/class/init.php';
if (file_exists($root . '/core/class/class.upload.php')) {
    include_once $root . '/core/class/class.upload.php';
}

/* Mevcut Özeliz header/footer dosyalarının ihtiyaç duyduğu veriler */
$tanimData   = $getData->selectDB("tanim", "id", "1");
$tanimDosya  = $getData->selectDB("tanim", "id", "4");
$contactData = $getData->selectDB("md_contact", "id", "1");

if (session_status() !== PHP_SESSION_ACTIVE) {
    session_start();
}

function kosk_clean($value): string {
    return trim(str_replace(["\r", "\n"], ' ', (string)$value));
}

function kosk_h($value): string {
    return htmlspecialchars((string)$value, ENT_QUOTES, 'UTF-8');
}

function kosk_phone_digits(string $phone): string {
    return preg_replace('/\D+/', '', $phone) ?? '';
}

$success = isset($_GET['basvuru']) && $_GET['basvuru'] === 'alindi';
$error = '';

$old = [
    'adsoyad'     => '',
    'telefon'     => '',
    'sinif'       => '',
    'program'     => '',
    'arama_zamani'=> '',
];

$utmSource   = kosk_clean($_GET['utm_source'] ?? $_POST['utm_source'] ?? '');
$utmMedium   = kosk_clean($_GET['utm_medium'] ?? $_POST['utm_medium'] ?? '');
$utmCampaign = kosk_clean($_GET['utm_campaign'] ?? $_POST['utm_campaign'] ?? '');
$utmContent  = kosk_clean($_GET['utm_content'] ?? $_POST['utm_content'] ?? '');
$utmTerm     = kosk_clean($_GET['utm_term'] ?? $_POST['utm_term'] ?? '');
$fbclid      = kosk_clean($_GET['fbclid'] ?? $_POST['fbclid'] ?? '');
$gclid       = kosk_clean($_GET['gclid'] ?? $_POST['gclid'] ?? '');

if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_POST['kosk_action']) && $_POST['kosk_action'] === 'lead_submit') {
    foreach ($old as $key => $unused) {
        $old[$key] = kosk_clean($_POST[$key] ?? '');
    }

    $honeypot = kosk_clean($_POST['website'] ?? '');
    $kvkk = isset($_POST['kvkk']) && $_POST['kvkk'] === '1';
    $phoneDigits = kosk_phone_digits($old['telefon']);
    $formStarted = (int)($_POST['form_started'] ?? 0);
    $elapsed = time() - $formStarted;
    $lastSubmit = (int)($_SESSION['kosk_last_submit'] ?? 0);

    if ($honeypot !== '') {
        $error = 'Başvurunuz alınamadı. Lütfen tekrar deneyin.';
    } elseif ($elapsed < 2) {
        $error = 'Lütfen formu kontrol ederek tekrar gönderin.';
    } elseif (time() - $lastSubmit < 20) {
        $error = 'Başvurunuz işleniyor. Lütfen kısa bir süre sonra tekrar deneyin.';
    } elseif ($old['adsoyad'] === '' || $old['telefon'] === '' || $old['sinif'] === '' || $old['program'] === '') {
        $error = 'Lütfen zorunlu alanların tamamını doldurun.';
    } elseif (mb_strlen($old['adsoyad']) < 5) {
        $error = 'Lütfen veli adını ve soyadını birlikte yazın.';
    } elseif (strlen($phoneDigits) < 10 || strlen($phoneDigits) > 13) {
        $error = 'Telefon numarasını alan koduyla birlikte kontrol edin.';
    } elseif (!$kvkk) {
        $error = 'Başvuruyu göndermek için aydınlatma metnini onaylamanız gerekiyor.';
    } else {
        $gsUrl = 'https://script.google.com/macros/s/AKfycbzKIFiu5yKfhh6ztCU-aZxzGrTx2WN1VEm_hazWKN6Ca8-6FQCaYXGW2ZYvTgYD4Jw/exec';
        $gsToken = 'OZELIZ_SECRET_123456_CHANGE_ME';

        $scheme = (!empty($_SERVER['HTTPS']) && $_SERVER['HTTPS'] !== 'off') ? 'https' : 'http';
        $host = $_SERVER['HTTP_HOST'] ?? 'www.ozeliz.com.tr';
        $uri = $_SERVER['REQUEST_URI'] ?? '/kosk/';
        $pageUrl = $scheme . '://' . $host . $uri;

        $sourceParts = [
            'goztepe_kosk_landing_2026',
            'sinif=' . $old['sinif'],
            'program=' . $old['program'],
        ];

        if ($old['arama_zamani'] !== '') $sourceParts[] = 'arama_zamani=' . $old['arama_zamani'];
        if ($utmSource !== '') $sourceParts[] = 'utm_source=' . $utmSource;
        if ($utmMedium !== '') $sourceParts[] = 'utm_medium=' . $utmMedium;
        if ($utmCampaign !== '') $sourceParts[] = 'utm_campaign=' . $utmCampaign;
        if ($utmContent !== '') $sourceParts[] = 'utm_content=' . $utmContent;
        if ($utmTerm !== '') $sourceParts[] = 'utm_term=' . $utmTerm;

        $payload = [
            'token'        => $gsToken,
            'adsoyad'      => $old['adsoyad'],
            'telefon'      => $old['telefon'],
            'eposta'       => '',
            'sube'         => 'Göztepe Köşk',
            'sinif'        => $old['sinif'],
            'program'      => $old['program'],
            'arama_zamani' => $old['arama_zamani'],
            'page_url'     => $pageUrl,
            'source'       => implode(' | ', $sourceParts),
            'utm_source'   => $utmSource,
            'utm_medium'   => $utmMedium,
            'utm_campaign' => $utmCampaign,
            'utm_content'  => $utmContent,
            'utm_term'     => $utmTerm,
            'fbclid'       => $fbclid,
            'gclid'        => $gclid,
            'ip'           => $_SERVER['REMOTE_ADDR'] ?? '',
            'ua'           => $_SERVER['HTTP_USER_AGENT'] ?? '',
        ];

        if (!function_exists('curl_init')) {
            $error = 'Sunucu bağlantısı kurulamadı. Lütfen daha sonra yeniden deneyin.';
        } else {
            $ch = curl_init($gsUrl);
            curl_setopt_array($ch, [
                CURLOPT_RETURNTRANSFER => true,
                CURLOPT_POST           => true,
                CURLOPT_HTTPHEADER     => [
                    'Content-Type: application/json; charset=utf-8',
                    'Accept: application/json',
                ],
                CURLOPT_POSTFIELDS     => json_encode($payload, JSON_UNESCAPED_UNICODE),
                CURLOPT_TIMEOUT        => 20,
                CURLOPT_FOLLOWLOCATION => true,
                CURLOPT_USERAGENT      => 'Mozilla/5.0 (OzelizGoztepeKoskLanding)',
            ]);

            $response = curl_exec($ch);
            $curlError = curl_error($ch);
            $httpCode = (int)curl_getinfo($ch, CURLINFO_HTTP_CODE);
            curl_close($ch);

            $decoded = json_decode((string)$response, true);

            if ($curlError === '' && $httpCode >= 200 && $httpCode < 300 && is_array($decoded) && !empty($decoded['ok'])) {
                $_SESSION['kosk_last_submit'] = time();

                $redirectParams = ['basvuru' => 'alindi'];
                foreach ([
                    'utm_source' => $utmSource,
                    'utm_medium' => $utmMedium,
                    'utm_campaign' => $utmCampaign,
                    'utm_content' => $utmContent,
                    'utm_term' => $utmTerm,
                ] as $key => $value) {
                    if ($value !== '') $redirectParams[$key] = $value;
                }

                header('Location: /kosk/?' . http_build_query($redirectParams) . '#basvuru', true, 303);
                exit;
            }

            $error = 'Başvurunuz kaydedilemedi. Lütfen birkaç saniye sonra tekrar deneyin.';
        }
    }
}

$formStarted = time();
$canonical = 'https://www.ozeliz.com.tr/kosk/';
?>
<!doctype html>
<html class="no-js" lang="tr">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <title>Göztepe Köşk LGS ve YKS Kursu | Özeliz</title>
    <meta name="description" content="Göztepe Köşk'te LGS, YKS ve ara sınıflar için kişiye özel program, birebir ders, deneme analizi ve rehberlik. Ücretsiz ön görüşme alın.">
    <meta name="robots" content="index, follow, max-image-preview:large">
    <meta name="author" content="Özeliz Eğitim Kurumları">
    <meta name="theme-color" content="#b11116">

    <link rel="canonical" href="<?= kosk_h($canonical) ?>">

    <meta property="og:locale" content="tr_TR">
    <meta property="og:type" content="website">
    <meta property="og:site_name" content="Özeliz Eğitim Kurumları">
    <meta property="og:title" content="Göztepe Köşk LGS ve YKS Kursu | Özeliz">
    <meta property="og:description" content="LGS ve YKS hazırlığında kişiye özel program, birebir ders, deneme analizi ve güçlü akademik takip.">
    <meta property="og:url" content="<?= kosk_h($canonical) ?>">

    <meta name="twitter:card" content="summary">
    <meta name="twitter:title" content="Göztepe Köşk LGS ve YKS Kursu | Özeliz">
    <meta name="twitter:description" content="Ücretsiz akademik ön görüşme için formu doldurun; Göztepe Köşk eğitim danışmanımız sizi arasın.">

    <meta name="facebook-domain-verification" content="nzi5gdzmusok744qvepvfi1kk3ls54">

    <script type="application/ld+json">
    <?= json_encode([
        '@context' => 'https://schema.org',
        '@graph' => [
            [
                '@type' => 'EducationalOrganization',
                '@id' => $canonical . '#organization',
                'name' => 'Özeliz Eğitim Kurumları Göztepe Köşk',
                'url' => $canonical,
                'parentOrganization' => [
                    '@type' => 'EducationalOrganization',
                    'name' => 'Özeliz Eğitim Kurumları',
                    'url' => 'https://www.ozeliz.com.tr/',
                ],
                'description' => 'Göztepe Köşk şubesinde LGS, YKS ve ara sınıflar için kişiye özel eğitim programı, birebir ders, deneme analizi ve akademik rehberlik.',
                'areaServed' => [
                    '@type' => 'City',
                    'name' => 'İstanbul',
                ],
            ],
            [
                '@type' => 'WebPage',
                '@id' => $canonical . '#webpage',
                'url' => $canonical,
                'name' => 'Göztepe Köşk LGS ve YKS Kursu | Özeliz',
                'description' => 'Özeliz Göztepe Köşk LGS, YKS ve ara sınıf programları ile ücretsiz akademik ön görüşme sayfası.',
                'isPartOf' => [
                    '@type' => 'WebSite',
                    'url' => 'https://www.ozeliz.com.tr/',
                    'name' => 'Özeliz Eğitim Kurumları',
                ],
                'about' => ['@id' => $canonical . '#organization'],
                'inLanguage' => 'tr-TR',
            ],
            [
                '@type' => 'BreadcrumbList',
                'itemListElement' => [
                    [
                        '@type' => 'ListItem',
                        'position' => 1,
                        'name' => 'Ana Sayfa',
                        'item' => 'https://www.ozeliz.com.tr/',
                    ],
                    [
                        '@type' => 'ListItem',
                        'position' => 2,
                        'name' => 'Göztepe Köşk',
                        'item' => $canonical,
                    ],
                ],
            ],
            [
                '@type' => 'FAQPage',
                'mainEntity' => [
                    [
                        '@type' => 'Question',
                        'name' => 'Göztepe Köşk şubesinde hangi programlar var?',
                        'acceptedAnswer' => [
                            '@type' => 'Answer',
                            'text' => 'Göztepe Köşk şubesinde LGS hazırlık, YKS hazırlık, ara sınıf destek, birebir ders ve akademik koçluk programları sunulur.',
                        ],
                    ],
                    [
                        '@type' => 'Question',
                        'name' => 'Öğrenci takibi nasıl yapılıyor?',
                        'acceptedAnswer' => [
                            '@type' => 'Answer',
                            'text' => 'Öğrencinin konu ve kazanım durumu, deneme sonuçları ve çalışma düzeni takip edilerek kişiye özel program güncellenir; veli düzenli olarak bilgilendirilir.',
                        ],
                    ],
                    [
                        '@type' => 'Question',
                        'name' => 'Ücretsiz ön görüşme nasıl alınır?',
                        'acceptedAnswer' => [
                            '@type' => 'Answer',
                            'text' => 'Sayfadaki kısa başvuru formu doldurulduğunda Göztepe Köşk eğitim danışmanı program ve kontenjan bilgisi için veliyle iletişime geçer.',
                        ],
                    ],
                ],
            ],
        ],
    ], JSON_UNESCAPED_UNICODE | JSON_UNESCAPED_SLASHES | JSON_PRETTY_PRINT) ?>
    </script>

    <!-- Meta Pixel -->
    <script>
    !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
    n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;
    n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;
    t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}
    (window,document,'script','https://connect.facebook.net/en_US/fbevents.js');
    fbq('init','978656734721605');
    fbq('track','PageView');
    </script>
    <noscript>
        <img height="1" width="1" style="display:none"
             src="https://www.facebook.com/tr?id=978656734721605&ev=PageView&noscript=1"
             alt="">
    </noscript>

    <!-- Google Ads temel etiketi -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=AW-16959602066"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());
        gtag('config', 'AW-16959602066');
    </script>

    <!-- Özeliz mevcut tema dosyaları -->
    <link rel="stylesheet" href="<?= base_url(''); ?>assets/css/vendor/bootstrap.min.css">
    <link rel="stylesheet" href="<?= base_url(''); ?>assets/css/vendor/icomoon.css">
    <link rel="stylesheet" href="<?= base_url(''); ?>assets/css/vendor/remixicon.css">
    <link rel="stylesheet" href="<?= base_url(''); ?>assets/css/vendor/animation.min.css">
    <link rel="stylesheet" href="<?= base_url(''); ?>assets/css/app.css">

    <style>
        :root{
            --kosk-red:#b11116;
            --kosk-red-dark:#7f0b0f;
            --kosk-ink:#171717;
            --kosk-muted:#666;
            --kosk-soft:#f7f4f3;
            --kosk-line:#ece5e3;
        }

        html{scroll-behavior:smooth}
        body{overflow-x:hidden}
        .kosk-page,
        .kosk-page *{box-sizing:border-box}
        .kosk-page{background:#fff;color:var(--kosk-ink)}
        .kosk-container{width:min(1180px,calc(100% - 40px));margin:0 auto}
        .kosk-eyebrow{
            display:inline-flex;align-items:center;gap:9px;
            color:var(--kosk-red);font-size:12px;font-weight:800;
            letter-spacing:1.35px;text-transform:uppercase
        }
        .kosk-eyebrow:before{
            content:"";width:28px;height:2px;border-radius:5px;background:var(--kosk-red)
        }

        /* Hero */
        .kosk-hero{
            position:relative;isolation:isolate;overflow:hidden;
            padding:72px 0 76px;
            background:
                radial-gradient(circle at 8% 14%,rgba(177,17,22,.08),transparent 25%),
                radial-gradient(circle at 90% 76%,rgba(177,17,22,.07),transparent 27%),
                linear-gradient(180deg,#fff 0%,#fbf8f7 100%);
            border-bottom:1px solid var(--kosk-line)
        }
        .kosk-hero:before{
            content:"1896";position:absolute;right:-30px;top:8px;z-index:-1;
            font-size:240px;line-height:1;font-weight:900;color:rgba(177,17,22,.035);
            letter-spacing:-15px;pointer-events:none
        }
        .kosk-hero-grid{
            display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);
            gap:54px;align-items:center
        }
        .kosk-title{
            margin:17px 0 22px;max-width:760px;
            font-size:clamp(42px,5vw,68px);line-height:1.02;
            letter-spacing:-2.2px;font-weight:900;color:#111
        }
        .kosk-title span{color:var(--kosk-red)}
        .kosk-lead{
            max-width:680px;margin:0 0 30px;color:#555;
            font-size:18px;line-height:1.75
        }
        .kosk-benefits{display:grid;grid-template-columns:1fr 1fr;gap:13px 22px;margin:0 0 31px}
        .kosk-benefit{display:flex;gap:10px;align-items:center;font-size:14px;font-weight:700;color:#2e2e2e}
        .kosk-benefit i{
            width:25px;height:25px;display:grid;place-items:center;flex:0 0 25px;
            border-radius:50%;background:#fff;color:var(--kosk-red);
            border:1px solid rgba(177,17,22,.22);font-style:normal;font-weight:900
        }
        .kosk-heritage{
            display:flex;align-items:center;gap:15px;max-width:650px;
            padding:17px 19px;border-left:4px solid var(--kosk-red);
            background:#fff;border-radius:0 14px 14px 0;
            box-shadow:0 12px 40px rgba(44,25,20,.06);
            color:#555;font-size:13px;line-height:1.65
        }
        .kosk-heritage strong{display:block;color:#181818;font-size:14px}

        /* Form */
        .kosk-form-card{
            position:relative;padding:34px;border-radius:24px;background:#fff;
            border:1px solid rgba(177,17,22,.15);
            box-shadow:0 28px 75px rgba(56,22,15,.13)
        }
        .kosk-form-card:before{
            content:"";position:absolute;left:25px;right:25px;top:-5px;height:5px;
            border-radius:20px 20px 0 0;background:var(--kosk-red)
        }
        .kosk-form-tag{
            display:inline-flex;padding:6px 11px;border-radius:99px;
            background:#fff0f0;color:var(--kosk-red);
            font-size:10px;font-weight:900;letter-spacing:1px;text-transform:uppercase
        }
        .kosk-form-card h2{
            margin:13px 0 8px;font-size:31px;line-height:1.15;letter-spacing:-.7px;color:#111
        }
        .kosk-form-intro{margin:0 0 20px;color:#737373;font-size:13px;line-height:1.65}
        .kosk-form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
        .kosk-field{margin-bottom:10px}
        .kosk-field label{display:block;margin:0 0 6px;color:#444;font-size:11px;font-weight:800}
        .kosk-field input,
        .kosk-field select{
            width:100%;height:49px;padding:0 14px;border:1.5px solid #e4e1df;
            border-radius:11px;background:#fcfbfb;color:#151515;font-size:13px;
            outline:none;transition:border-color .2s,box-shadow .2s,background .2s
        }
        .kosk-field input:focus,
        .kosk-field select:focus{
            border-color:var(--kosk-red);background:#fff;
            box-shadow:0 0 0 3px rgba(177,17,22,.08)
        }
        .kosk-hp{position:absolute!important;left:-9999px!important;opacity:0!important;height:1px!important;width:1px!important}
        .kosk-kvkk{
            display:flex;align-items:flex-start;gap:9px;margin:5px 0 13px;
            color:#777;font-size:10.5px;line-height:1.5
        }
        .kosk-kvkk input{width:15px;height:15px;margin-top:2px;accent-color:var(--kosk-red);flex:0 0 15px}
        .kosk-kvkk a{color:var(--kosk-red);text-decoration:underline}
        .kosk-submit{
            width:100%;min-height:53px;border:0;border-radius:11px;
            display:flex;align-items:center;justify-content:center;gap:9px;
            background:var(--kosk-red);color:#fff!important;
            font-size:14px;font-weight:900;cursor:pointer;
            box-shadow:0 13px 28px rgba(177,17,22,.22);
            transition:transform .2s,filter .2s
        }
        .kosk-submit:hover{filter:brightness(1.07);transform:translateY(-1px)}
        .kosk-form-note{text-align:center;margin:10px 0 0;color:#9a9a9a;font-size:10px}
        .kosk-alert{margin:0 0 15px;padding:13px 15px;border-radius:11px;font-size:12px;line-height:1.55}
        .kosk-alert-error{background:#fff0f0;border:1px solid #f1c5c6;color:#8f1116}
        .kosk-alert-success{
            padding:27px 20px;background:#f4fbf5;border:1px solid #cbe6cf;
            text-align:center;color:#286436
        }
        .kosk-alert-success strong{display:block;margin-bottom:7px;color:#111;font-size:21px}

        /* Güven bandı */
        .kosk-proof{background:#151515;color:#fff}
        .kosk-proof-grid{display:grid;grid-template-columns:repeat(4,1fr)}
        .kosk-proof-item{position:relative;padding:27px 22px;text-align:center}
        .kosk-proof-item:not(:last-child):after{
            content:"";position:absolute;right:0;top:25%;height:50%;width:1px;background:rgba(255,255,255,.14)
        }
        .kosk-proof-item strong{display:block;font-size:26px;line-height:1.1;color:#fff}
        .kosk-proof-item span{display:block;margin-top:7px;font-size:11px;color:rgba(255,255,255,.67);letter-spacing:.45px}

        /* Ortak section */
        .kosk-section{padding:86px 0}
        .kosk-section-soft{background:var(--kosk-soft)}
        .kosk-section-head{max-width:790px;margin:0 auto 43px;text-align:center}
        .kosk-section-head .kosk-eyebrow:before{display:none}
        .kosk-section-head h2{
            margin:13px 0 14px;font-size:clamp(31px,4vw,48px);
            line-height:1.08;letter-spacing:-1.3px;color:#111
        }
        .kosk-section-head p{margin:0;color:#707070;font-size:15px;line-height:1.75}

        .kosk-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}
        .kosk-feature{
            position:relative;min-height:260px;padding:27px 24px;border-radius:18px;background:#fff;
            border:1px solid var(--kosk-line);transition:transform .25s,box-shadow .25s,border-color .25s
        }
        .kosk-feature:hover{transform:translateY(-5px);box-shadow:0 20px 50px rgba(55,30,25,.09);border-color:rgba(177,17,22,.28)}
        .kosk-feature-no{font-size:43px;line-height:1;font-weight:900;color:rgba(177,17,22,.10)}
        .kosk-feature h3{margin:19px 0 10px;font-size:19px;line-height:1.25;color:#151515}
        .kosk-feature p{margin:0;color:#707070;font-size:13px;line-height:1.7}
        .kosk-feature a{display:inline-flex;margin-top:17px;color:var(--kosk-red);font-size:12px;font-weight:800}

        .kosk-program-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}
        .kosk-program{
            overflow:hidden;border-radius:20px;background:#fff;border:1px solid var(--kosk-line);
            box-shadow:0 12px 40px rgba(40,20,15,.05)
        }
        .kosk-program-top{padding:25px 25px 20px;border-bottom:1px solid var(--kosk-line)}
        .kosk-program-kicker{font-size:10px;color:var(--kosk-red);font-weight:900;letter-spacing:1.1px;text-transform:uppercase}
        .kosk-program h3{margin:8px 0 0;font-size:24px;line-height:1.15;color:#111}
        .kosk-program ul{list-style:none;margin:0;padding:21px 25px 26px}
        .kosk-program li{position:relative;padding-left:19px;margin:0 0 11px;color:#626262;font-size:13px;line-height:1.55}
        .kosk-program li:before{content:"";position:absolute;left:0;top:8px;width:7px;height:7px;border-radius:50%;background:var(--kosk-red)}
        .kosk-program-link{display:flex;justify-content:space-between;align-items:center;padding:16px 25px;background:#fbf8f7;color:var(--kosk-red);font-size:12px;font-weight:900}

        /* Süreç */
        .kosk-process{display:grid;grid-template-columns:repeat(3,1fr);gap:34px}
        .kosk-step{position:relative;text-align:center;padding:0 15px}
        .kosk-step:not(:last-child):after{
            content:"";position:absolute;top:29px;left:67%;width:66%;border-top:1px dashed rgba(177,17,22,.35)
        }
        .kosk-step-no{
            position:relative;z-index:2;width:59px;height:59px;margin:0 auto 17px;
            display:grid;place-items:center;border-radius:50%;background:var(--kosk-red);
            color:#fff;font-weight:900;box-shadow:0 10px 25px rgba(177,17,22,.2)
        }
        .kosk-step h3{margin:0 0 8px;font-size:18px;color:#111}
        .kosk-step p{margin:0;color:#737373;font-size:13px;line-height:1.7}

        /* Tarihi kimlik */
        .kosk-story{
            display:grid;grid-template-columns:.8fr 1.2fr;overflow:hidden;border-radius:24px;
            background:linear-gradient(135deg,var(--kosk-red-dark),var(--kosk-red));color:#fff
        }
        .kosk-story-year{
            display:grid;place-items:center;padding:45px 25px;
            font-size:clamp(85px,12vw,150px);font-weight:900;letter-spacing:-8px;
            color:rgba(255,255,255,.14);border-right:1px solid rgba(255,255,255,.15)
        }
        .kosk-story-copy{padding:48px 52px}
        .kosk-story-copy small{font-size:11px;font-weight:900;letter-spacing:1.2px;text-transform:uppercase;color:rgba(255,255,255,.72)}
        .kosk-story-copy h2{margin:12px 0 15px;font-size:36px;line-height:1.12;color:#fff}
        .kosk-story-copy p{margin:0;color:rgba(255,255,255,.82);font-size:14px;line-height:1.8}

        /* FAQ */
        .kosk-faq{max-width:900px;margin:0 auto;border-top:1px solid var(--kosk-line)}
        .kosk-faq details{border-bottom:1px solid var(--kosk-line);background:#fff}
        .kosk-faq summary{
            position:relative;list-style:none;cursor:pointer;padding:22px 52px 22px 4px;
            color:#222;font-size:15px;font-weight:800
        }
        .kosk-faq summary::-webkit-details-marker{display:none}
        .kosk-faq summary:after{
            content:"+";position:absolute;right:6px;top:50%;transform:translateY(-50%);
            width:28px;height:28px;display:grid;place-items:center;border-radius:50%;
            background:#fff0f0;color:var(--kosk-red);font-size:19px
        }
        .kosk-faq details[open] summary:after{content:"–"}
        .kosk-faq-answer{padding:0 55px 22px 4px;color:#6e6e6e;font-size:13px;line-height:1.75}

        /* Son CTA */
        .kosk-final{padding:0 0 85px;background:#fff}
        .kosk-final-box{
            display:flex;align-items:center;justify-content:space-between;gap:30px;
            padding:39px 43px;border-radius:21px;background:#151515;color:#fff
        }
        .kosk-final-box h2{margin:0 0 8px;color:#fff;font-size:30px}
        .kosk-final-box p{margin:0;color:rgba(255,255,255,.67);font-size:13px}
        .kosk-final-btn{
            flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;
            min-height:49px;padding:0 23px;border-radius:10px;background:var(--kosk-red);
            color:#fff!important;font-size:13px;font-weight:900
        }

        .kosk-mobile-cta{display:none}

        @media(max-width:1020px){
            .kosk-hero-grid{grid-template-columns:1fr;gap:38px}
            .kosk-form-card{max-width:680px}
            .kosk-feature-grid{grid-template-columns:1fr 1fr}
            .kosk-program-grid{grid-template-columns:1fr}
        }
        @media(max-width:767px){
            .kosk-container{width:min(100% - 26px,1180px)}
            .kosk-hero{padding:50px 0 58px}
            .kosk-hero:before{font-size:140px;right:-20px}
            .kosk-title{font-size:42px;letter-spacing:-1.4px}
            .kosk-lead{font-size:16px}
            .kosk-benefits{grid-template-columns:1fr}
            .kosk-form-card{padding:25px 19px;border-radius:18px}
            .kosk-form-row{grid-template-columns:1fr}
            .kosk-proof-grid{grid-template-columns:1fr 1fr}
            .kosk-proof-item:nth-child(2):after{display:none}
            .kosk-feature-grid{grid-template-columns:1fr}
            .kosk-section{padding:64px 0}
            .kosk-process{grid-template-columns:1fr;gap:29px}
            .kosk-step:not(:last-child):after{display:none}
            .kosk-story{grid-template-columns:1fr}
            .kosk-story-year{padding:28px;border-right:0;border-bottom:1px solid rgba(255,255,255,.15)}
            .kosk-story-copy{padding:32px 25px}
            .kosk-final{padding-bottom:88px}
            .kosk-final-box{display:block;padding:31px 24px}
            .kosk-final-btn{margin-top:20px;width:100%}
            .kosk-mobile-cta{
                position:fixed;z-index:99998;left:12px;right:12px;bottom:12px;
                min-height:52px;display:flex;align-items:center;justify-content:center;
                border-radius:12px;background:var(--kosk-red);color:#fff!important;
                font-size:13px;font-weight:900;box-shadow:0 15px 35px rgba(69,0,0,.30)
            }
        }
        @media(max-width:420px){
            .kosk-title{font-size:36px}
            .kosk-proof-item strong{font-size:22px}
            .kosk-proof-item{padding:23px 10px}
        }
    </style>
</head>

<body class="sticky-header">
<div id="main-wrapper" class="main-wrapper">
    <?php include $root . '/inc/header.php'; ?>

    <main class="kosk-page">
        <nav class="kosk-container" aria-label="Sayfa yolu" style="padding-top:18px">
            <div style="font-size:11px;color:#8b8b8b">
                <a href="<?= base_url(''); ?>" style="color:#8b8b8b">Ana Sayfa</a>
                <span aria-hidden="true"> / </span>
                <span style="color:#b11116">Göztepe Köşk</span>
            </div>
        </nav>

        <section class="kosk-hero">
            <div class="kosk-container kosk-hero-grid">
                <div>
                    <div class="kosk-eyebrow">2026–2027 dönem kayıtları</div>
                    <h1 class="kosk-title">
                        Göztepe Köşk'te <span>LGS ve YKS</span> Hazırlığında Kişiye Özel Takip
                    </h1>
                    <p class="kosk-lead">
                        Öğrencinin yalnızca sınav sonucuna değil; konu eksiklerine, çalışma düzenine ve hedeflerine odaklanan bir hazırlık süreci. Ücretsiz ön görüşmede öğrenciniz için doğru yol haritasını birlikte belirleyelim.
                    </p>

                    <div class="kosk-benefits" aria-label="Program özellikleri">
                        <div class="kosk-benefit"><i>✓</i> Birebir ders ve etüt desteği</div>
                        <div class="kosk-benefit"><i>✓</i> Deneme ve kazanım analizi</div>
                        <div class="kosk-benefit"><i>✓</i> Kişiye özel haftalık program</div>
                        <div class="kosk-benefit"><i>✓</i> Düzenli veli bilgilendirmesi</div>
                    </div>

                    <div class="kosk-heritage">
                        <div>
                            <strong>Tarihi bir köşkte geleceğe hazırlık</strong>
                            1896 yapımlı Zülüflü İsmail Paşa Köşkü'nün özgün atmosferinde, güçlü akademik takip ve konforlu çalışma ortamı bir arada.
                        </div>
                    </div>
                </div>

                <aside class="kosk-form-card" id="basvuru" aria-labelledby="kosk-form-title">
                    <span class="kosk-form-tag">Ücretsiz akademik ön görüşme</span>
                    <h2 id="kosk-form-title">Eğitim Danışmanımız Sizi Arasın</h2>
                    <p class="kosk-form-intro">
                        Kısa formu doldurun; öğrencinizin sınıfına, hedefine ve ihtiyaçlarına uygun programı konuşalım.
                    </p>

                    <?php if ($success): ?>
                        <div class="kosk-alert kosk-alert-success" role="status">
                            <strong>Başvurunuz alındı ✓</strong>
                            Göztepe Köşk eğitim danışmanımız sizinle en kısa sürede iletişime geçecek.
                        </div>
                        <script>
                            if (typeof fbq !== 'undefined') {
                                fbq('track', 'Lead', {
                                    content_name: 'Göztepe Köşk Ücretsiz Ön Görüşme',
                                    content_category: 'Eğitim'
                                });
                            }
                            if (typeof gtag !== 'undefined') {
                                gtag('event', 'generate_lead', {
                                    branch: 'Göztepe Köşk',
                                    program: 'Eğitim'
                                });
                            }
                        </script>
                    <?php else: ?>
                        <?php if ($error !== ''): ?>
                            <div class="kosk-alert kosk-alert-error" role="alert"><?= kosk_h($error) ?></div>
                        <?php endif; ?>

                        <form method="post" action="#basvuru" novalidate>
                            <input type="hidden" name="kosk_action" value="lead_submit">
                            <input type="hidden" name="form_started" value="<?= $formStarted ?>">
                            <input type="hidden" name="utm_source" value="<?= kosk_h($utmSource) ?>">
                            <input type="hidden" name="utm_medium" value="<?= kosk_h($utmMedium) ?>">
                            <input type="hidden" name="utm_campaign" value="<?= kosk_h($utmCampaign) ?>">
                            <input type="hidden" name="utm_content" value="<?= kosk_h($utmContent) ?>">
                            <input type="hidden" name="utm_term" value="<?= kosk_h($utmTerm) ?>">
                            <input type="hidden" name="fbclid" value="<?= kosk_h($fbclid) ?>">
                            <input type="hidden" name="gclid" value="<?= kosk_h($gclid) ?>">

                            <div class="kosk-hp" aria-hidden="true">
                                <label>Bu alanı boş bırakın
                                    <input type="text" name="website" tabindex="-1" autocomplete="off">
                                </label>
                            </div>

                            <div class="kosk-field">
                                <label for="kosk-adsoyad">Veli adı soyadı *</label>
                                <input id="kosk-adsoyad" type="text" name="adsoyad"
                                       value="<?= kosk_h($old['adsoyad']) ?>"
                                       placeholder="Adınız ve soyadınız" autocomplete="name" required>
                            </div>

                            <div class="kosk-field">
                                <label for="kosk-telefon">Telefon numarası *</label>
                                <input id="kosk-telefon" type="tel" name="telefon"
                                       value="<?= kosk_h($old['telefon']) ?>"
                                       placeholder="05__ ___ __ __" autocomplete="tel"
                                       inputmode="tel" required>
                            </div>

                            <div class="kosk-form-row">
                                <div class="kosk-field">
                                    <label for="kosk-sinif">Öğrencinin sınıfı *</label>
                                    <select id="kosk-sinif" name="sinif" required>
                                        <option value="">Sınıf seçin</option>
                                        <?php foreach (['5. Sınıf','6. Sınıf','7. Sınıf','8. Sınıf','9. Sınıf','10. Sınıf','11. Sınıf','12. Sınıf','Mezun'] as $item): ?>
                                            <option value="<?= kosk_h($item) ?>" <?= $old['sinif'] === $item ? 'selected' : '' ?>>
                                                <?= kosk_h($item) ?>
                                            </option>
                                        <?php endforeach; ?>
                                    </select>
                                </div>

                                <div class="kosk-field">
                                    <label for="kosk-program">İlgilenilen program *</label>
                                    <select id="kosk-program" name="program" required>
                                        <option value="">Program seçin</option>
                                        <?php foreach (['LGS Hazırlık','YKS Hazırlık','Ara Sınıf Destek','Birebir Ders','Akademik Koçluk'] as $item): ?>
                                            <option value="<?= kosk_h($item) ?>" <?= $old['program'] === $item ? 'selected' : '' ?>>
                                                <?= kosk_h($item) ?>
                                            </option>
                                        <?php endforeach; ?>
                                    </select>
                                </div>
                            </div>

                            <div class="kosk-field">
                                <label for="kosk-arama">Size hangi zaman aralığında ulaşalım?</label>
                                <select id="kosk-arama" name="arama_zamani">
                                    <option value="">Fark etmez</option>
                                    <?php foreach (['09.00–12.00','12.00–15.00','15.00–18.00','18.00–20.00'] as $item): ?>
                                        <option value="<?= kosk_h($item) ?>" <?= $old['arama_zamani'] === $item ? 'selected' : '' ?>>
                                            <?= kosk_h($item) ?>
                                        </option>
                                    <?php endforeach; ?>
                                </select>
                            </div>

                            <label class="kosk-kvkk">
                                <input type="checkbox" name="kvkk" value="1" required>
                                <span>
                                    Başvurum hakkında iletişim kurulmasını ve
                                    <a href="<?= base_url(''); ?>kvkk/" target="_blank" rel="noopener">KVKK aydınlatma metnini</a>
                                    kabul ediyorum.
                                </span>
                            </label>

                            <button class="kosk-submit" type="submit">
                                Ücretsiz Görüşme Talebi Oluştur <span aria-hidden="true">→</span>
                            </button>
                            <p class="kosk-form-note">Başvurunuz yalnızca Göztepe Köşk şubesine iletilir.</p>
                        </form>
                    <?php endif; ?>
                </aside>
            </div>
        </section>

        <section class="kosk-proof" aria-label="Özeliz güven göstergeleri">
            <div class="kosk-container kosk-proof-grid">
                <div class="kosk-proof-item"><strong>20+ Yıl</strong><span>Eğitim deneyimi</span></div>
                <div class="kosk-proof-item"><strong>5000+</strong><span>Öğrenci deneyimi</span></div>
                <div class="kosk-proof-item"><strong>%98</strong><span>Başarı oranı</span></div>
                <div class="kosk-proof-item"><strong>9 Şube</strong><span>İstanbul genelinde</span></div>
            </div>
        </section>

        <section class="kosk-section kosk-section-soft">
            <div class="kosk-container">
                <header class="kosk-section-head">
                    <div class="kosk-eyebrow">Neden Özeliz Göztepe Köşk?</div>
                    <h2>Her Öğrenci İçin Aynı Program Değil, Doğru Program</h2>
                    <p>
                        Güçlü sonuç yalnızca ders anlatmakla değil; öğrenciyi tanımak, süreci ölçmek ve gerektiğinde programı yeniden planlamakla oluşur.
                    </p>
                </header>

                <div class="kosk-feature-grid">
                    <article class="kosk-feature">
                        <div class="kosk-feature-no">01</div>
                        <h3>Kişiye Özel Akademik Plan</h3>
                        <p>Öğrencinin sınıfına, hedeflerine, eksiklerine ve çalışma temposuna göre haftalık yol haritası oluşturulur.</p>
                    </article>
                    <article class="kosk-feature">
                        <div class="kosk-feature-no">02</div>
                        <h3>Deneme ve Kazanım Takibi</h3>
                        <p>Deneme sonuçları yalnızca puan olarak değil; konu, kazanım, süre ve hata türü üzerinden değerlendirilir.</p>
                    </article>
                    <article class="kosk-feature">
                        <div class="kosk-feature-no">03</div>
                        <h3>Birebir Ders ve Etüt</h3>
                        <p>Öğrencinin ihtiyaç duyduğu konular birebir ders, soru çözümü ve planlı etütlerle desteklenir.</p>
                    </article>
                    <article class="kosk-feature">
                        <div class="kosk-feature-no">04</div>
                        <h3>Rehberlik ve Veli İletişimi</h3>
                        <p>Çalışma düzeni ve akademik gelişim takip edilir; veliye süreç hakkında düzenli geri bildirim verilir.</p>
                    </article>
                </div>
            </div>
        </section>

        <section class="kosk-section">
            <div class="kosk-container">
                <header class="kosk-section-head">
                    <div class="kosk-eyebrow">Programlarımız</div>
                    <h2>Göztepe Köşk LGS, YKS ve Ara Sınıf Programları</h2>
                    <p>Öğrencinin bulunduğu sınıfa ve akademik hedefine göre program içeriği, takip sıklığı ve destek modeli birlikte planlanır.</p>
                </header>

                <div class="kosk-program-grid">
                    <article class="kosk-program">
                        <div class="kosk-program-top">
                            <div class="kosk-program-kicker">8. sınıf</div>
                            <h3>LGS Hazırlık</h3>
                        </div>
                        <ul>
                            <li>Konu ve kazanım takibi</li>
                            <li>Yeni nesil soru uygulamaları</li>
                            <li>Deneme analizi ve süre yönetimi</li>
                            <li>Tercih sürecine kadar rehberlik</li>
                        </ul>
                        <a class="kosk-program-link" href="#basvuru">LGS programı için bilgi al <span>→</span></a>
                    </article>

                    <article class="kosk-program">
                        <div class="kosk-program-top">
                            <div class="kosk-program-kicker">11, 12 ve mezun</div>
                            <h3>YKS Hazırlık</h3>
                        </div>
                        <ul>
                            <li>TYT–AYT hedef ve seviye analizi</li>
                            <li>Haftalık ders ve çalışma planı</li>
                            <li>Branş denemeleri ve analiz</li>
                            <li>Tercih ve bölüm danışmanlığı</li>
                        </ul>
                        <a class="kosk-program-link" href="#basvuru">YKS programı için bilgi al <span>→</span></a>
                    </article>

                    <article class="kosk-program">
                        <div class="kosk-program-top">
                            <div class="kosk-program-kicker">5–10. sınıflar</div>
                            <h3>Ara Sınıf Destek</h3>
                        </div>
                        <ul>
                            <li>Okul derslerine akademik destek</li>
                            <li>Eksik konu ve temel beceri takibi</li>
                            <li>Sınav dönemine özel planlama</li>
                            <li>Düzenli çalışma alışkanlığı</li>
                        </ul>
                        <a class="kosk-program-link" href="#basvuru">Ara sınıf programı için bilgi al <span>→</span></a>
                    </article>
                </div>
            </div>
        </section>

        <section class="kosk-section kosk-section-soft">
            <div class="kosk-container">
                <header class="kosk-section-head">
                    <div class="kosk-eyebrow">Nasıl ilerliyoruz?</div>
                    <h2>Üç Adımda Öğrencinize Uygun Yol Haritası</h2>
                </header>

                <div class="kosk-process">
                    <article class="kosk-step">
                        <div class="kosk-step-no">1</div>
                        <h3>Ön Görüşme</h3>
                        <p>Öğrencinin sınıfı, mevcut durumu, hedefi ve ihtiyaç duyduğu destek alanları konuşulur.</p>
                    </article>
                    <article class="kosk-step">
                        <div class="kosk-step-no">2</div>
                        <h3>Seviye ve İhtiyaç Analizi</h3>
                        <p>Akademik durum değerlendirilir; eksikler ve öncelikli çalışma başlıkları belirlenir.</p>
                    </article>
                    <article class="kosk-step">
                        <div class="kosk-step-no">3</div>
                        <h3>Kişiye Özel Program</h3>
                        <p>Ders, etüt, deneme, rehberlik ve takip düzeni öğrencinin hedefine göre planlanır.</p>
                    </article>
                </div>
            </div>
        </section>

        <section class="kosk-section">
            <div class="kosk-container">
                <div class="kosk-story">
                    <div class="kosk-story-year" aria-hidden="true">1896</div>
                    <div class="kosk-story-copy">
                        <small>Göztepe'nin kalbinde tarihi bir eğitim ortamı</small>
                        <h2>Zülüflü İsmail Paşa Köşkü'nde Geleceğe Hazırlık</h2>
                        <p>
                            Özeliz'in ikinci şubesi olan Göztepe Köşk, 1896 yapımlı tarihi Zülüflü İsmail Paşa Köşkü'nde eğitim veriyor. Öğrenciler, köşkün özgün atmosferinde akademik çalışma alanları, birebir destek ve düzenli takip sistemiyle sınav sürecine hazırlanıyor.
                        </p>
                    </div>
                </div>
            </div>
        </section>

        <section class="kosk-section kosk-section-soft" id="sikca-sorulan-sorular">
            <div class="kosk-container">
                <header class="kosk-section-head">
                    <div class="kosk-eyebrow">Merak edilenler</div>
                    <h2>Göztepe Köşk Hakkında Sıkça Sorulan Sorular</h2>
                </header>

                <div class="kosk-faq">
                    <details>
                        <summary>Göztepe Köşk şubesinde hangi programlar bulunuyor?</summary>
                        <div class="kosk-faq-answer">LGS hazırlık, YKS hazırlık, ara sınıf akademik destek, birebir ders ve akademik koçluk programları öğrencinin ihtiyacına göre planlanır.</div>
                    </details>
                    <details>
                        <summary>Öğrenci takibi nasıl yapılıyor?</summary>
                        <div class="kosk-faq-answer">Konu ve kazanım durumu, deneme sonuçları, çalışma düzeni ve hedef ilerlemesi birlikte takip edilir. İhtiyaç halinde haftalık program yeniden düzenlenir.</div>
                    </details>
                    <details>
                        <summary>Birebir ders programı var mı?</summary>
                        <div class="kosk-faq-answer">Öğrencinin ihtiyaç duyduğu ders ve konu başlıklarına göre birebir destek planlanabilir. Program ayrıntıları ön görüşmede netleştirilir.</div>
                    </details>
                    <details>
                        <summary>Veli bilgilendirmesi yapılıyor mu?</summary>
                        <div class="kosk-faq-answer">Öğrencinin akademik gelişimi ve çalışma süreci hakkında veliye düzenli geri bildirim sağlanır.</div>
                    </details>
                    <details>
                        <summary>Ücretsiz ön görüşmeye nasıl başvurabilirim?</summary>
                        <div class="kosk-faq-answer">Sayfanın üst bölümündeki kısa formu doldurmanız yeterlidir. Göztepe Köşk eğitim danışmanı program ve kontenjan bilgisi için sizinle iletişime geçer.</div>
                    </details>
                </div>
            </div>
        </section>

        <section class="kosk-final">
            <div class="kosk-container">
                <div class="kosk-final-box">
                    <div>
                        <h2>Öğrenciniz İçin Doğru Programı Birlikte Belirleyelim</h2>
                        <p>2026–2027 dönemi program ve kontenjan bilgisi için ücretsiz ön görüşme talebi oluşturun.</p>
                    </div>
                    <a class="kosk-final-btn" href="#basvuru">Ücretsiz Görüşme Al →</a>
                </div>
            </div>
        </section>

        <a class="kosk-mobile-cta" href="#basvuru">Ücretsiz Görüşme Talebi Oluştur →</a>
    </main>

    <?php include $root . '/inc/footer.php'; ?>
    <?php include $root . '/inc/scripts.php'; ?>
</div>

<script>
(function(){
    var form = document.querySelector('#basvuru form');
    if (!form) return;

    form.addEventListener('submit', function(){
        var button = form.querySelector('.kosk-submit');
        if (button) {
            button.disabled = true;
            button.innerHTML = 'Başvurunuz gönderiliyor…';
        }
    });
})();
</script>
</body>
</html>