<?php
require_once __DIR__ . '/config.php';

$pageTitle       = "İletişim & Hızlı Keşif | " . SITE_NAME;
$metaDescription = "İstanbul karot hizmetleri için iletişim. Telefon, WhatsApp, e-posta veya form ile keşif talebi gönderin. " . PHONE_FORMATTED;
$currentPage     = "iletisim";
$canonicalUrl    = canonicalUrl('/iletisim');
$ogImage         = defaultOgImage();

// Form sonucu (POST/Redirect/GET)
$status = isset($_GET['status']) ? (string)$_GET['status'] : '';
$reason = isset($_GET['reason']) ? (string)$_GET['reason'] : '';

// Hizmet seçimleri (formdaki dropdown ile aynı kaynak)
$serviceOptions = [
    ''                  => 'Hizmet seçin (opsiyonel)',
    'beton-karot'       => 'Beton Karot',
    'beton-delme'       => 'Beton Delme',
    'beton-kesme'       => 'Beton Kesme',
    'duvar-karot'       => 'Duvar Karot',
    'klima-karot'       => 'Klima Karot',
    'tesisat-karot'     => 'Tesisat Karot',
    'karot-fiyatlari'   => 'Fiyat Bilgisi',
    'diger'             => 'Diğer',
];

$reasonText = [
    'method'     => 'Geçersiz istek yöntemi.',
    'kvkk'       => 'Aydınlatma metni onayı zorunludur.',
    'spam'       => 'Form spam koruması nedeniyle reddedildi.',
    'required'   => 'Lütfen ad, telefon ve mesaj alanlarını doldurun.',
    'too-fast'   => 'Form çok hızlı gönderildi, lütfen tekrar deneyin.',
    'mail'       => 'Mesajınız alındı; e-posta gönderiminde teknik bir sorun oluştu, sizi telefonla arayacağız.',
    'rate'       => 'Çok kısa sürede çok fazla istek aldık, lütfen birkaç dakika sonra tekrar deneyin.',
];

include __DIR__ . '/inc/header.php';
?>

<main>
    <div class="border-b" style="background: var(--color-concrete); border-color: var(--color-line);">
        <div class="container mx-auto px-4 py-3">
            <nav class="text-sm" aria-label="Breadcrumb">
                <a href="/" class="hover:underline" style="color: var(--color-cta);">Ana Sayfa</a>
                <span class="mx-2 text-gray-400">/</span>
                <span class="text-gray-700">İletişim</span>
            </nav>
        </div>
    </div>

    <section style="background: linear-gradient(180deg, #0f1f3a 0%, #1f2a44 100%); color:#fff;">
        <div class="container mx-auto px-4 py-14 md:py-16">
            <div class="max-w-3xl">
                <p class="text-sm font-semibold uppercase tracking-widest mb-3" style="color:#fdba74;">İletişim</p>
                <h1 class="text-3xl md:text-5xl font-extrabold mb-4">Hızlı Keşif &amp; Yazılı Teklif</h1>
                <p class="text-lg text-gray-200">
                    Aşağıdaki kanallardan birini seçin; kısa görüşmeyle ihtiyacınızı netleştirelim, İstanbul içi keşif planlayalım.
                </p>
            </div>
        </div>
    </section>

    <!-- Hızlı kanallar -->
    <section class="py-12 bg-white">
        <div class="container mx-auto px-4">
            <div class="grid md:grid-cols-3 gap-5 max-w-5xl mx-auto">
                <a href="tel:<?php echo e(PHONE_TEL); ?>" class="border rounded-lg p-6 text-center hover:border-orange-500 hover:shadow transition" style="border-color: var(--color-line);">
                    <div class="text-sm font-semibold uppercase tracking-widest mb-2" style="color: var(--color-cta);">Telefon</div>
                    <div class="text-xl font-extrabold mb-1" style="color: var(--color-ink);"><?php echo e(PHONE_FORMATTED); ?></div>
                    <div class="text-sm text-gray-600">En hızlı yanıt için tercih edin.</div>
                </a>
                <a href="https://wa.me/<?php echo e(WHATSAPP); ?>?text=<?php echo urlencode('Merhaba, karot hizmeti için keşif almak istiyorum.'); ?>"
                   target="_blank" rel="noopener"
                   class="border rounded-lg p-6 text-center hover:border-orange-500 hover:shadow transition" style="border-color: var(--color-line);">
                    <div class="text-sm font-semibold uppercase tracking-widest mb-2" style="color: var(--color-cta);">WhatsApp</div>
                    <div class="text-xl font-extrabold mb-1" style="color: var(--color-ink);">Mesaj Gönder</div>
                    <div class="text-sm text-gray-600">Fotoğraf paylaşımıyla hızlı ön değerlendirme.</div>
                </a>
                <a href="mailto:<?php echo e(EMAIL); ?>" class="border rounded-lg p-6 text-center hover:border-orange-500 hover:shadow transition" style="border-color: var(--color-line);">
                    <div class="text-sm font-semibold uppercase tracking-widest mb-2" style="color: var(--color-cta);">E-posta</div>
                    <div class="text-xl font-extrabold mb-1" style="color: var(--color-ink);"><?php echo e(EMAIL); ?></div>
                    <div class="text-sm text-gray-600">Detaylı talep ve dosya ekleri için.</div>
                </a>
            </div>
        </div>
    </section>

    <!-- Form + NAP -->
    <section class="py-14" style="background: var(--color-concrete);">
        <div class="container mx-auto px-4">
            <div class="grid md:grid-cols-3 gap-10 max-w-6xl mx-auto items-start">
                <div class="md:col-span-2">
                    <h2 class="text-2xl md:text-3xl font-extrabold mb-3" style="color: var(--color-ink);">Keşif Talep Formu</h2>
                    <p class="text-gray-600 mb-6">Birkaç temel bilgiyle başlayın; size geri dönüş yapalım. Hassas detaylar için telefonu tercih edin.</p>

                    <?php if ($status === 'ok'): ?>
                        <div class="border rounded-md p-4 mb-6" style="background:#ecfdf5;border-color:#a7f3d0;color:#065f46;">
                            <strong>Mesajınız iletildi.</strong> En kısa sürede sizi arayacağız. Acil iseniz <a href="tel:<?php echo e(PHONE_TEL); ?>" class="underline font-semibold"><?php echo e(PHONE_FORMATTED); ?></a> numaramızdan ulaşabilirsiniz.
                        </div>
                    <?php elseif ($status === 'error' && isset($reasonText[$reason])): ?>
                        <div class="border rounded-md p-4 mb-6" style="background:#fff1f2;border-color:#fecdd3;color:#9f1239;">
                            <strong>Form gönderilemedi:</strong> <?php echo e($reasonText[$reason]); ?>
                        </div>
                    <?php endif; ?>

                    <form action="/iletisim-gonder" method="post" class="bg-white border rounded-lg p-6" style="border-color: var(--color-line);" novalidate>
                        <input type="hidden" name="form_loaded_at" value="<?php echo (int)time(); ?>">
                        <!-- Honeypot: bot doldurursa reddedilir -->
                        <div aria-hidden="true" style="position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;">
                            <label>Web siteniz<input type="text" name="website" tabindex="-1" autocomplete="off"></label>
                        </div>

                        <div class="grid sm:grid-cols-2 gap-4">
                            <div>
                                <label for="ad" class="block text-sm font-semibold mb-1" style="color: var(--color-ink);">Ad Soyad <span style="color: var(--color-cta);">*</span></label>
                                <input type="text" id="ad" name="ad" required maxlength="80"
                                       class="w-full px-3 py-2 border rounded-md focus:outline-none focus:ring-2"
                                       style="border-color: var(--color-line);">
                            </div>
                            <div>
                                <label for="telefon" class="block text-sm font-semibold mb-1" style="color: var(--color-ink);">Telefon <span style="color: var(--color-cta);">*</span></label>
                                <input type="tel" id="telefon" name="telefon" required maxlength="32"
                                       inputmode="tel"
                                       placeholder="0 5XX XXX XX XX"
                                       class="w-full px-3 py-2 border rounded-md focus:outline-none focus:ring-2"
                                       style="border-color: var(--color-line);">
                            </div>
                        </div>

                        <div class="grid sm:grid-cols-2 gap-4 mt-4">
                            <div>
                                <label for="email" class="block text-sm font-semibold mb-1" style="color: var(--color-ink);">E-posta</label>
                                <input type="email" id="email" name="email" maxlength="120"
                                       class="w-full px-3 py-2 border rounded-md focus:outline-none focus:ring-2"
                                       style="border-color: var(--color-line);">
                            </div>
                            <div>
                                <label for="hizmet" class="block text-sm font-semibold mb-1" style="color: var(--color-ink);">Hizmet Türü</label>
                                <select id="hizmet" name="hizmet"
                                        class="w-full px-3 py-2 border rounded-md focus:outline-none focus:ring-2 bg-white"
                                        style="border-color: var(--color-line);">
                                    <?php foreach ($serviceOptions as $val => $label): ?>
                                        <option value="<?php echo e($val); ?>"><?php echo e($label); ?></option>
                                    <?php endforeach; ?>
                                </select>
                            </div>
                        </div>

                        <div class="mt-4">
                            <label for="ilce" class="block text-sm font-semibold mb-1" style="color: var(--color-ink);">İlçe / Konum</label>
                            <input type="text" id="ilce" name="ilce" maxlength="80"
                                   placeholder="Örn: Ümraniye, Atatürk Mah."
                                   class="w-full px-3 py-2 border rounded-md focus:outline-none focus:ring-2"
                                   style="border-color: var(--color-line);">
                        </div>

                        <div class="mt-4">
                            <label for="mesaj" class="block text-sm font-semibold mb-1" style="color: var(--color-ink);">Mesaj <span style="color: var(--color-cta);">*</span></label>
                            <textarea id="mesaj" name="mesaj" rows="5" required maxlength="2000"
                                      placeholder="İhtiyaç (delik çapı, derinlik, adet), bina tipi ve uygulama tarihi hakkında kısa bilgi..."
                                      class="w-full px-3 py-2 border rounded-md focus:outline-none focus:ring-2"
                                      style="border-color: var(--color-line);"></textarea>
                        </div>

                        <div class="mt-5 flex items-start gap-2">
                            <input type="checkbox" id="kvkk" name="kvkk" value="1" required class="mt-1">
                            <label for="kvkk" class="text-sm text-gray-700">
                                <a href="/kvkk" class="underline" style="color: var(--color-cta);">Aydınlatma metnini</a> okudum, formdaki bilgilerin keşif/teklif amacıyla işlenmesine onay veriyorum.
                            </label>
                        </div>

                        <button type="submit"
                                class="mt-6 inline-flex items-center justify-center font-bold py-3 px-6 rounded-md text-white transition w-full sm:w-auto"
                                style="background-color: var(--color-cta);">
                            Gönder &rarr;
                        </button>
                    </form>
                </div>

                <aside>
                    <div class="bg-white border rounded-lg p-6" style="border-color: var(--color-line);">
                        <h3 class="font-bold mb-4" style="color: var(--color-ink);">Doğrudan İletişim</h3>
                        <ul class="space-y-3 text-[15px]">
                            <li>
                                <div class="text-xs uppercase tracking-widest font-semibold" style="color: var(--color-cta);">Telefon</div>
                                <a href="tel:<?php echo e(PHONE_TEL); ?>" class="font-semibold" style="color: var(--color-ink);"><?php echo e(PHONE_FORMATTED); ?></a>
                            </li>
                            <li>
                                <div class="text-xs uppercase tracking-widest font-semibold" style="color: var(--color-cta);">E-posta</div>
                                <a href="mailto:<?php echo e(EMAIL); ?>" class="font-semibold" style="color: var(--color-ink);"><?php echo e(EMAIL); ?></a>
                            </li>
                            <li>
                                <div class="text-xs uppercase tracking-widest font-semibold" style="color: var(--color-cta);">Hizmet Bölgesi</div>
                                <span class="text-gray-700"><?php echo e(ADDRESS_1); ?> &middot; <?php echo e(ADDRESS_2); ?></span>
                                <div class="text-sm text-gray-500 mt-1">İstanbul'un 39 ilçesinin tamamına saha hizmeti.</div>
                            </li>
                            <li>
                                <div class="text-xs uppercase tracking-widest font-semibold" style="color: var(--color-cta);">Çalışma</div>
                                <span class="text-gray-700"><?php echo e(WORKING_HOURS); ?></span>
                                <div class="text-sm text-gray-500 mt-1"><?php echo e(RESPONSE_TIME); ?></div>
                            </li>
                        </ul>
                    </div>
                    
                    <!-- Google Haritalar -->
                    <div class="mt-6 bg-white border rounded-lg overflow-hidden" style="border-color: var(--color-line);">
                        <iframe 
                            src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d192697.88850550577!2d28.871754050000002!3d41.0054632!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x14caa7040068086b%3A0xe1ccfe98bc01b0d0!2s%C4%B0stanbul!5e0!3m2!1str!2str!4v1700000000000!5m2!1str!2str" 
                            width="100%" height="250" style="border:0; display:block;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade" aria-label="Harita">
                        </iframe>
                    </div>

                    <p class="text-xs text-gray-500 mt-4">Form üzerinden gönderdiğiniz bilgiler yalnızca keşif/teklif sürecinde kullanılır. Detay için <a href="/kvkk" class="underline">KVKK Aydınlatma Metni</a>.</p>
                </aside>
            </div>
        </div>
    </section>
</main>

<?php
$breadcrumb = [
    '@type' => 'BreadcrumbList',
    'itemListElement' => [
        [ '@type' => 'ListItem', 'position' => 1, 'name' => 'Ana Sayfa', 'item' => SITE_URL . '/' ],
        [ '@type' => 'ListItem', 'position' => 2, 'name' => 'İletişim',  'item' => $canonicalUrl ],
    ],
];

echo renderJsonLd([
    '@context' => 'https://schema.org',
    '@graph' => [
        $breadcrumb,
        [
            '@type' => 'ContactPage',
            '@id'   => $canonicalUrl,
            'url'   => $canonicalUrl,
            'name'  => $pageTitle,
            'description' => $metaDescription,
            'inLanguage'  => 'tr-TR',
        ],
        [
            '@type' => 'Organization',
            '@id'   => organizationId(),
            'name'  => SITE_NAME,
            'url'   => SITE_URL,
            'logo'  => SITE_URL . '/images/favicon.svg',
            'telephone' => PHONE_TEL,
            'email'     => EMAIL,
            'contactPoint' => [
                '@type' => 'ContactPoint',
                'telephone' => PHONE_TEL,
                'contactType' => 'customer service',
                'areaServed' => 'TR',
                'availableLanguage' => ['Turkish'],
            ],
        ],
    ],
]);

include __DIR__ . '/inc/footer.php';
