<?php
$title = "Ankara - Ordu Nakliye Ambarı";
$description = "Ankara'dan Ordu'ya güvenli ve hızlı nakliye hizmeti. Profesyonel taşımacılık çözümleri.";
$show_logo = true;
$menu_items = [
    ['url' => '../index.php', 'text' => 'Ana Sayfa'],
    ['url' => '../lojistik/lojistik-bolgeleri.php', 'text' => 'Lojistik Hizmetleri'],
    ['url' => '../tum-rotalar.php', 'text' => 'Tüm Rotalar'],
    ['url' => '../guzergahlar.php', 'text' => 'Güzergahlar'],
    ['url' => '../hakkimizda.php', 'text' => 'Hakkımızda'],
    ['url' => '../iletisim.php', 'text' => 'İletişim'],
    ['url' => '../ankara.php', 'text' => 'Ankaradan']
];
include('../ayar.php');
include('../header.php');

$kaynak_id = 6; // Ankara
$hedef_id = 52; // Ordu

// Kaynak il (Ankara)
$stmt1 = $db->prepare("SELECT il_adi, `il-tanitim` FROM iller WHERE id = ?");
$stmt1->execute([$kaynak_id]);
$kaynak = $stmt1->fetch();

// Hedef il (Ordu)
$stmt2 = $db->prepare("SELECT il_adi, `il-tanitim` FROM iller WHERE id = ?");
$stmt2->execute([$hedef_id]);
$hedef = $stmt2->fetch();
?>

<!-- HERO SECTION -->
<div class="hero-blue-gradient mb-4">
  <div class="container py-4">
    <h1 class="hero-title mb-2 text-white text-center"><?= htmlspecialchars($kaynak['il_adi']) ?> <i class="fas fa-arrow-right mx-2"></i> <?= htmlspecialchars($hedef['il_adi']) ?></h1>
    <p class="hero-subtitle text-center text-white mb-0">Güvenli ve hızlı taşımacılık çözümleri</p>
  </div>
</div>

<div class="container mb-5">
    <div class="row justify-content-center mb-3 g-2">
        <div class="col-4 col-md-2">
            <div class="mini-box text-center p-2 mb-2">
                <div class="text-primary"><i class="fas fa-road"></i></div>
                <div class="mini-label">Mesafe</div>
                <div class="mini-value">550 km</div>
            </div>
        </div>
        <div class="col-4 col-md-2">
            <div class="mini-box text-center p-2 mb-2">
                <div class="text-primary"><i class="fas fa-clock"></i></div>
                <div class="mini-label">Süre</div>
                <div class="mini-value">7 saat</div>
            </div>
        </div>
        <div class="col-4 col-md-2">
            <div class="mini-box text-center p-2 mb-2">
                <div class="text-primary"><i class="fas fa-truck"></i></div>
                <div class="mini-label">Araç Tipi</div>
                <div class="mini-value">Kamyonet / Kamyon</div>
            </div>
        </div>
    </div>
    <div class="row mb-4 g-3">
        <div class="col-md-6">
            <div class="city-card p-3 mb-3 h-100">
                <h4 class="about-section-title mb-2"><?= htmlspecialchars($kaynak['il_adi']) ?> Hakkında</h4>
                <p class="about-section-text mb-0"><?= $kaynak['il-tanitim'] ? nl2br(htmlspecialchars($kaynak['il-tanitim'])) : 'Ankara hakkında bilgi bulunamadı.' ?></p>
            </div>
        </div>
        <div class="col-md-6">
            <div class="city-card p-3 mb-3 h-100">
                <h4 class="about-section-title mb-2"><?= htmlspecialchars($hedef['il_adi']) ?> Hakkında</h4>
                <p class="about-section-text mb-0"><?= $hedef['il-tanitim'] ? nl2br(htmlspecialchars($hedef['il-tanitim'])) : 'Ordu hakkında bilgi bulunamadı.' ?></p>
            </div>
        </div>
    </div>
    <h2 class="text-center mb-3" style="font-size:1.1rem;">Sunduğumuz Hizmetler</h2>
    <div class="row justify-content-center g-2">
        <?php
        $hizmetler = [
            ['icon' => 'fa-truck', 'baslik' => 'Ambar Taşımacılığı', 'url' => SITE_URL.'/lojistik/ambar-tasimaciligi.php'],
            ['icon' => 'fa-truck', 'baslik' => 'Evden Eve Nakliyat', 'url' => SITE_URL.'/lojistik/evden-eve-nakliyat.php'],
            ['icon' => 'fa-truck', 'baslik' => 'Şehirlerarası Taşımacılık', 'url' => SITE_URL.'/lojistik/sehirler-arasi-nakliyat.php'],
            ['icon' => 'fa-truck', 'baslik' => 'Ofis ve Büro Taşıma', 'url' => SITE_URL.'/lojistik/ofis-ve-buro-tasima.php'],
            ['icon' => 'fa-truck', 'baslik' => 'Motosiklet Taşıma', 'url' => SITE_URL.'/lojistik/motosiklet-tasima-ve-nakliye.php'],
            ['icon' => 'fa-truck', 'baslik' => 'Parça Eşya Taşıma', 'url' => SITE_URL.'/lojistik/parca-esya-tasima.php'],
            ['icon' => 'fa-boxes', 'baslik' => 'Parsiyel Taşımacılık', 'url' => SITE_URL.'/lojistik/parsiyel-yuk-tasima.php'],
            ['icon' => 'fa-truck', 'baslik' => 'Kurumsal Taşıma', 'url' => SITE_URL.'/lojistik/kurumsal-tasima.php'],
            ['icon' => 'fa-people-carry', 'baslik' => 'Fuar Lojistiği', 'url' => SITE_URL.'/lojistik/fuar-tasima.php'],
            ['icon' => 'fa-briefcase-medical', 'baslik' => 'Tıbbi Cihaz Taşıma', 'url' => SITE_URL.'/lojistik/tibbi-cihaz-tasima.php'],
            ['icon' => 'fa-gift', 'baslik' => 'Çeyiz Taşıma', 'url' => SITE_URL.'/lojistik/ceyiz-tasima.php'],
            ['icon' => 'fa-tshirt', 'baslik' => 'Tekstil Taşıma', 'url' => SITE_URL.'/lojistik/tekstil-tasima.php'],
            ['icon' => 'fa-dumbbell', 'baslik' => 'Ağır Yük Taşıma', 'url' => SITE_URL.'/lojistik/agir-yuk-tasima.php'],
            ['icon' => 'fa-truck-moving', 'baslik' => 'Kamyon/TIR Temini', 'url' => SITE_URL.'/lojistik/nakliye-kamyon-tir-temini.php'],
            ['icon' => 'fa-box', 'baslik' => 'Kargo Ambar Hizmeti', 'url' => SITE_URL.'/lojistik/kargo-ambar-hizmeti.php'],
            ['icon' => 'fa-warehouse', 'baslik' => 'Depolama Hizmetleri', 'url' => SITE_URL.'/lojistik/depolama-hizmetleri.php'],
            ['icon' => 'fa-car', 'baslik' => 'Şoförlü Araç Kiralama', 'url' => SITE_URL.'/lojistik/soforlu-arac-kiralama.php'],
            ['icon' => 'fa-snowflake', 'baslik' => 'Frigorifik Taşımacılık', 'url' => SITE_URL.'/lojistik/frigorifik-tasimacilik.php'],
            ['icon' => 'fa-cubes', 'baslik' => 'Proje Taşımacılığı', 'url' => SITE_URL.'/lojistik/proje-tasimaciligi.php'],
            ['icon' => 'fa-apple-alt', 'baslik' => 'Gıda Lojistiği', 'url' => SITE_URL.'/lojistik/gida-lojistigi.php'],
            ['icon' => 'fa-biohazard', 'baslik' => 'Tehlikeli Madde', 'url' => SITE_URL.'/lojistik/tehlikeli-madde-tasimaciligi.php'],
            ['icon' => 'fa-bolt', 'baslik' => 'Express Taşımacılık', 'url' => SITE_URL.'/lojistik/express-tasimacilik.php'],
            ['icon' => 'fa-flag', 'baslik' => 'Yurt İçi Dağıtım', 'url' => SITE_URL.'/lojistik/yurtici-dagitim.php'],
            ['icon' => 'fa-briefcase-medical', 'baslik' => 'Medikal Taşımacılık', 'url' => SITE_URL.'/lojistik/medical-tasimacilik.php'],
        ];
        foreach ($hizmetler as $hizmet): ?>
        <div class="col-6 col-md-2">
            <a href="<?= $hizmet['url'] ?>" class="service-card-link">
                <div class="service-card text-center p-2">
                    <i class="fas <?= $hizmet['icon'] ?> service-icon mb-1"></i>
                    <div class="service-title-link"><?= $hizmet['baslik'] ?></div>
                </div>
            </a>
        </div>
        <?php endforeach; ?>
    </div>
</div>

<div class="container mb-4">
    <div class="text-center">
        <a href="../ankara.php" class="back-button">
            <i class="fas fa-arrow-left me-2"></i>Ankara'ya Geri Dön
        </a>
    </div>
</div>
<style>

.hero-blue-gradient {
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    background: linear-gradient(135deg, #2563eb 0%, #1a73e8 100%);
    box-shadow: 0 8px 32px rgba(26,115,232,0.13);
    position: relative;
    overflow: hidden;
}
.hero-title {
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: 1.2px;
    text-shadow: 0 2px 16px #1a73e8cc;
    margin-bottom: 0.5rem;
}
.hero-subtitle {
    font-size: 1rem;
    font-weight: 500;
    text-shadow: 0 1px 8px #1a73e855;
}
.mini-box {
    background: #f8f9fa;
    border-radius: 10px;
    box-shadow: 0 1px 4px rgba(26,115,232,0.07);
    font-size: 0.85rem;
    min-height: 60px;
}
.mini-label {
    font-size: 0.80rem;
    color: #555;
    margin-top: 2px;
}
.mini-value {
    font-size: 0.95rem;
    font-weight: 600;
    color: #1a73e8;
}
.service-card-link {
    text-decoration: none;
    display: block;
}
.service-card {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 1px 4px rgba(26,115,232,0.07);
    font-size: 0.85rem;
    min-height: 60px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: box-shadow 0.2s, transform 0.2s;
    border: 1px solid #f0f0f0;
}
.service-card-link:hover .service-card {
    box-shadow: 0 4px 16px rgba(26,115,232,0.13);
    transform: translateY(-2px) scale(1.03);
    border-color: #1a73e8;
}
.service-icon {
    font-size: 1.1rem;
    color: #1a73e8;
}
.service-title-link {
    font-size: 0.80rem;
    color: #222;
    font-weight: 500;
    margin-top: 2px;
    text-align: center;
}
.city-card {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 1px 4px rgba(26,115,232,0.07);
    font-size: 0.95rem;
    min-height: 100px;
}
.about-section-title {
    font-size: 0.98rem;
    font-weight: 600;
    color: #1a73e8;
}
.about-section-text {
    font-size: 0.93rem;
    color: #444;
}
@media (max-width: 991.98px) {
    .hero-title { font-size: 1.1rem; }
    .hero-subtitle { font-size: 0.95rem; }
    .mini-box, .service-card, .city-card { font-size: 0.80rem; min-height: unset; }
    .service-title-link { font-size: 0.75rem; }
    .about-section-title { font-size: 0.90rem; }
    .about-section-text { font-size: 0.85rem; }
}
/* Geri Dön Butonu Stili */
.back-button {
    display: inline-block;
    padding: 10px 25px;
    background: linear-gradient(135deg, #2563eb 0%, #1a73e8 100%);
    color: white;
    text-decoration: none;
    border-radius: 8px;
    font-size: 0.95rem;
    font-weight: 500;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(26,115,232,0.2);
    border: 1px solid rgba(255,255,255,0.1);
}

.back-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(26,115,232,0.3);
    color: white;
    background: linear-gradient(135deg, #1a73e8 0%, #2563eb 100%);
}

.back-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(26,115,232,0.2);
}

@media (max-width: 900px) {
    .back-button {
        padding: 8px 20px;
        font-size: 0.85rem;
    }
}
</style>

<?php include('../footer.php'); ?>