REDROOM

Navigation

Breadcrumbs
/ / home / ankaservis / public_html / app / views / pages
Create

Create File | Create Folder | Upload Files | Run Command
Preview: about.php Size: 40.99 KB
/home/ankaservis/public_html/app/views/pages/about.php
<?php
ob_start();
?>

<section class="py-16 tech-bg-pattern dark:bg-gray-900">
    <div class="container mx-auto px-4">
        <div class="text-center mb-12">
            <h1 class="text-3xl md:text-4xl font-bold text-anka-gray dark:text-white mb-4">Ankara Beyaz Eşya Kombi Servisi Hakkımızda</h1>
            <p class="text-anka-orange font-semibold"><?php echo defined('COMPANY_NAME') ? COMPANY_NAME : ''; ?></p>
            <div class="w-24 h-1 bg-gradient-to-r from-anka-orange-dark to-anka-orange mx-auto mt-4 rounded"></div>
        </div>
        
        <div class="max-w-4xl mx-auto">
            <div class="bg-gradient-to-br from-gray-50 via-white to-gray-50 dark:bg-gray-800 p-8 rounded-xl mb-8 border border-gray-200 dark:border-gray-700 shadow-lg">
                <h2 class="text-2xl font-bold text-anka-gray dark:text-white mb-4">Anka Teknik Servis Kimdir?</h2>
                <p class="text-gray-700 dark:text-gray-300 leading-relaxed mb-4">
                    Anka Teknik Servis, Ankara genelinde beyaz eşya, kombi ve televizyon tamirinde hizmet veren, Ticaret Odası kayıtlı, ruhsatlı, ustalık belgeli teknisyenlerden oluşan kurumsal bir özel servistir.
                </p>
                <p class="text-gray-700 dark:text-gray-300 leading-relaxed mb-6">
                    Kuruluş amacımız, kullanıcıların sahte servis mağduriyetlerinden korunmasını sağlamak ve yetkili servis kalitesini uygun fiyatla, hızlı servisle ve tamamen şeffaf bir sistemle sunmaktır.
                </p>
                
                <h3 class="text-xl font-bold text-anka-gray dark:text-white mb-3 mt-8">Misyonumuz</h3>
                <p class="text-gray-700 dark:text-gray-300 leading-relaxed mb-6">
                    Hangi marka olursa olsun her cihazın, gereksiz masraf çıkarmadan, doğru teşhis – doğru çözüm prensibiyle, orijinal parçayla ve resmi garanti kapsamında onarılmasını sağlamak.
                </p>
                
                <h3 class="text-xl font-bold text-anka-gray dark:text-white mb-3">Vizyonumuz</h3>
                <p class="text-gray-700 dark:text-gray-300 leading-relaxed mb-6">
                    Ankara'da "güvenilir özel servis" denildiğinde ilk akla gelen, kurumsallığı ve şeffaflığıyla öne çıkan teknik servis olmak.
                </p>
                
                <h3 class="text-xl font-bold text-anka-gray dark:text-white mb-3">Kurumsal İlkelerimiz</h3>
                <ul class="list-disc list-inside space-y-2 text-gray-700 dark:text-gray-300 mb-6">
                    <li>Orijinal parça kullanımı</li>
                    <li>Net fiyat politikası</li>
                    <li>Ustalık belgeli uzman teknisyen</li>
                    <li>Tam işçilik garantisi</li>
                    <li>Müşteri onaysız işlem yok</li>
                    <li>Hızlı servis – aynı gün çözüm</li>
                </ul>
                
                <h3 class="text-xl font-bold text-anka-gray dark:text-white mb-3">Kurumsal Belgelerimiz</h3>
                <p class="text-gray-700 dark:text-gray-300 leading-relaxed mb-4">
                    Belgelerimiz sitemizde açıkça yayınlanır.
                </p>
                <ul class="list-disc list-inside space-y-2 text-gray-700 dark:text-gray-300 mb-6">
                    <li>Ustalık belgeleri – Veli Erice</li>
                    <li>Ustalık belgeleri – Gültekin Özen</li>
                    <li>İş yeri açma belgeleri</li>
                    <li>Ticaret Odası Sicil Kaydı</li>
                    <li>Belediye Ruhsatı</li>
                    <li>Vergi levhası ve şirket unvanı</li>
                </ul>
                
                <!-- Güven Göstergeleri -->
                <div class="grid grid-cols-2 md:grid-cols-4 gap-4 mb-6 pt-6 border-t border-gray-200 dark:border-gray-700">
                    <div class="text-center">
                        <div class="text-2xl font-bold text-anka-orange mb-1">%100</div>
                        <div class="text-xs text-gray-600 dark:text-gray-400">Orijinal Parça</div>
                    </div>
                    <div class="text-center">
                        <div class="text-2xl font-bold text-anka-orange mb-1">1 Yıl</div>
                        <div class="text-xs text-gray-600 dark:text-gray-400">İşçilik ve Parça Garantisi</div>
                    </div>
                    <div class="text-center">
                        <div class="text-2xl font-bold text-anka-orange mb-1">Şeffaf</div>
                        <div class="text-xs text-gray-600 dark:text-gray-400">Fiyatlandırma</div>
                    </div>
                    <div class="text-center">
                        <div class="text-2xl font-bold text-anka-orange mb-1">Belgeli</div>
                        <div class="text-xs text-gray-600 dark:text-gray-400">Kurumsal Yapı</div>
                    </div>
                </div>
                
                <!-- Teknik Servis Sorumlulukları -->
                <div class="bg-gradient-to-br from-anka-orange/5 to-anka-orange-dark/5 dark:from-anka-orange/10 dark:to-anka-orange-dark/10 rounded-xl p-6 mb-6 border border-anka-orange/20">
                    <h3 class="text-xl font-bold text-anka-gray dark:text-white mb-4 flex items-center">
                        <svg class="w-6 h-6 text-anka-orange mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"></path>
                        </svg>
                        Teknik Servis Sorumluluklarımız
                    </h3>
                    <p class="text-gray-700 dark:text-gray-300 leading-relaxed mb-4">
                        Anka Teknik Servis olarak, yürürlükteki mevzuata uygun şekilde hizmet vermekte ve müşterilerimize karşı tüm yasal sorumluluklarımızı yerine getirmekteyiz. Teknik servis sorumluluklarımız şunları kapsar:
                    </p>
                    <ul class="space-y-3 mb-4 text-gray-700 dark:text-gray-300">
                        <li class="flex items-start space-x-3">
                            <svg class="w-5 h-5 text-anka-orange mt-0.5 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20">
                                <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
                            </svg>
                            <span><strong>Garanti ve Sorumluluk Taahhütleri:</strong> Yaptığımız tüm işlemler için yazılı garanti belgesi veriyoruz. İşçilik ve parça garantisi 1 yıldır.</span>
                        </li>
                        <li class="flex items-start space-x-3">
                            <svg class="w-5 h-5 text-anka-orange mt-0.5 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20">
                                <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
                            </svg>
                            <span><strong>Orijinal Parça Kullanımı:</strong> Tüm parça değişimlerinde orijinal yedek parça kullanıyoruz. Muadil veya sahte parça kullanmıyoruz.</span>
                        </li>
                        <li class="flex items-start space-x-3">
                            <svg class="w-5 h-5 text-anka-orange mt-0.5 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20">
                                <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
                            </svg>
                            <span><strong>Şeffaf Fiyatlandırma:</strong> Fiyatlarımız önceden belirlenmiş ve müşteriye bildirilmiştir. Kapıda fiyat değişikliği yapmıyoruz.</span>
                        </li>
                        <li class="flex items-start space-x-3">
                            <svg class="w-5 h-5 text-anka-orange mt-0.5 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20">
                                <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
                            </svg>
                            <span><strong>Müşteri Onayı:</strong> Müşteri onayı olmadan hiçbir işlem yapmıyoruz. Tüm işlemler önceden bildirilir ve onay alınır.</span>
                        </li>
                        <li class="flex items-start space-x-3">
                            <svg class="w-5 h-5 text-anka-orange mt-0.5 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20">
                                <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
                            </svg>
                            <span><strong>Fatura ve Belge Verme:</strong> Tüm işlemler için resmi fatura kesiyoruz ve garanti belgesi veriyoruz.</span>
                        </li>
                        <li class="flex items-start space-x-3">
                            <svg class="w-5 h-5 text-anka-orange mt-0.5 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20">
                                <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
                            </svg>
                            <span><strong>Müşteri Hakları:</strong> Müşterilerimizin haklarını koruyoruz ve şikayetlerini ciddiye alıyoruz.</span>
                        </li>
                    </ul>
                    <div class="mt-4 pt-4 border-t border-anka-orange/20">
                        <p class="text-sm text-gray-600 dark:text-gray-400 mb-2">
                            <strong>Resmi Mevzuat:</strong> Teknik servis sorumlulukları ile ilgili detaylı bilgi için resmi mevzuatı inceleyebilirsiniz.
                        </p>
                        <a href="https://www.mevzuat.gov.tr/mevzuat?MevzuatNo=19783&MevzuatTur=7&MevzuatTertip=5" target="_blank" rel="noopener noreferrer" class="inline-flex items-center space-x-2 text-anka-orange hover:text-anka-orange-dark font-semibold transition">
                            <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path>
                            </svg>
                            <span>Teknik Servis Sorumlulukları Mevzuatı (Resmi Gazete)</span>
                        </a>
                    </div>
                </div>
                
                <!-- CTA Butonları -->
                <div class="flex flex-col sm:flex-row gap-4 mt-6">
                    <a href="tel:03124660667" class="inline-flex items-center justify-center space-x-2 bg-gradient-to-r from-anka-orange-dark to-anka-orange text-white px-6 py-3 rounded-lg font-bold hover:from-anka-orange hover:to-anka-orange-light transition shadow-lg">
                        <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"></path>
                        </svg>
                        <span>Hemen Ara</span>
                    </a>
                    <a href="<?php echo Helper::url('/iletisim/servis-formu'); ?>" class="inline-flex items-center justify-center space-x-2 bg-white dark:bg-gray-700 border-2 border-anka-orange text-anka-orange px-6 py-3 rounded-lg font-bold hover:bg-anka-orange hover:text-white transition">
                        <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"></path>
                        </svg>
                        <span>Servis Formu Doldur</span>
                    </a>
                </div>
            </div>
            
            <!-- Belgelerimiz - Tab Sistemi -->
            <div class="bg-gradient-to-br from-gray-50 via-white to-gray-50 dark:bg-gray-800 p-8 rounded-xl shadow-lg border border-gray-200 dark:border-gray-700 mb-12">
                <h2 class="text-2xl md:text-3xl font-bold text-anka-gray dark:text-white mb-6 text-center">Belgelerimiz</h2>
                
                <!-- Tab Navigation -->
                <div class="flex flex-wrap justify-center gap-2 mb-8 border-b border-gray-200 dark:border-gray-700">
                    <button onclick="showTab('corporate')" id="tab-corporate" class="tab-button px-6 py-3 font-bold text-sm md:text-base rounded-t-lg transition-all border-b-2 border-anka-orange text-anka-orange bg-white/50 dark:bg-gray-700">
                        Şirket Belgeleri
                    </button>
                    <button onclick="showTab('ustalik')" id="tab-ustalik" class="tab-button px-6 py-3 font-bold text-sm md:text-base rounded-t-lg transition-all border-b-2 border-transparent text-gray-600 dark:text-gray-400 hover:text-anka-orange">
                        Ustalık Belgeleri
                    </button>
                    <button onclick="showTab('ogretici')" id="tab-ogretici" class="tab-button px-6 py-3 font-bold text-sm md:text-base rounded-t-lg transition-all border-b-2 border-transparent text-gray-600 dark:text-gray-400 hover:text-anka-orange">
                        Usta Öğretici Belgeleri
                    </button>
                    <button onclick="showTab('egitim')" id="tab-egitim" class="tab-button px-6 py-3 font-bold text-sm md:text-base rounded-t-lg transition-all border-b-2 border-transparent text-gray-600 dark:text-gray-400 hover:text-anka-orange">
                        Eğitim Belgeleri
                    </button>
                </div>
                
                <!-- Tab Content -->
                <?php 
                function formatCertificateName($filename) {
                    $name = pathinfo($filename, PATHINFO_FILENAME);
                    $name = str_replace(['-', '_'], ' ', $name);
                    $name = ucwords($name);
                    $name = str_replace(['Gultekin', 'Veli', 'Usta', 'Ogreticilik', 'Ustalik', 'Vestel', 'Egitim', 'Sertifikasi', 'Belgesi', 'Ato', 'Ticaert', 'Odasi', 'Turkiye', 'Esnaf', 'Sanatkarlar', 'Konfedarasyonu', 'Fiyat', 'Listesi', 'Klimacilar', 'Buzdolapcilar', 'Vergi', 'Levhasi'], 
                        ['Gültekin', 'Veli', 'Usta', 'Öğreticilik', 'Ustalık', 'Vestel', 'Eğitim', 'Sertifikası', 'Belgesi', 'ATO', 'Ticaret', 'Odası', 'Türkiye', 'Esnaf', 'Sanatkarlar', 'Konfederasyonu', 'Fiyat', 'Listesi', 'Klimacılar', 'Buzdolabıcılar', 'Vergi', 'Levhasi'], 
                        $name);
                    return $name;
                }
                ?>
                
                <!-- Şirket Belgeleri -->
                <div id="tab-content-corporate" class="tab-content">
                    <?php if (!empty($corporate_certificates)): ?>
                        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
                            <?php foreach ($corporate_certificates as $file): 
                                $display_name = formatCertificateName($file);
                                $pdf_url = Helper::asset('uploads/certificates/' . $file);
                            ?>
                                <button onclick="openPdfModal('<?php echo Helper::escape($pdf_url); ?>', '<?php echo Helper::escape($display_name); ?>')" class="group bg-white dark:bg-gray-700 border-2 border-gray-200 dark:border-gray-600 rounded-xl p-4 hover:border-anka-orange transition-all transform hover:-translate-y-1 shadow-md hover:shadow-lg w-full text-left">
                                    <div class="flex items-start space-x-3">
                                        <div class="flex-shrink-0 w-12 h-12 bg-gradient-to-br from-anka-orange-dark to-anka-orange rounded-lg flex items-center justify-center">
                                            <svg class="w-6 h-6 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"></path>
                                            </svg>
                                        </div>
                                        <div class="flex-1 min-w-0">
                                            <h4 class="text-sm font-bold text-anka-gray dark:text-white group-hover:text-anka-orange transition mb-1 line-clamp-2">
                                                <?php echo Helper::escape($display_name); ?>
                                            </h4>
                                            <p class="text-xs text-gray-500 dark:text-gray-400">PDF Belgesi</p>
                                        </div>
                                        <svg class="w-5 h-5 text-gray-400 group-hover:text-anka-orange transition flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path>
                                        </svg>
                                    </div>
                                </button>
                            <?php endforeach; ?>
                        </div>
                    <?php else: ?>
                        <p class="text-center text-gray-500 dark:text-gray-400 py-8">Şirket belgesi bulunmamaktadır.</p>
                    <?php endif; ?>
                </div>
                
                <!-- Ustalık Belgeleri -->
                <div id="tab-content-ustalik" class="tab-content hidden">
                    <?php if (!empty($ustalik_certificates)): ?>
                        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
                            <?php foreach ($ustalik_certificates as $file): 
                                $display_name = formatCertificateName($file);
                                $pdf_url = Helper::asset('uploads/certificates/' . $file);
                            ?>
                                <button onclick="openPdfModal('<?php echo Helper::escape($pdf_url); ?>', '<?php echo Helper::escape($display_name); ?>')" class="group bg-white dark:bg-gray-700 border-2 border-gray-200 dark:border-gray-600 rounded-xl p-4 hover:border-anka-orange transition-all transform hover:-translate-y-1 shadow-md hover:shadow-lg w-full text-left">
                                    <div class="flex items-start space-x-3">
                                        <div class="flex-shrink-0 w-12 h-12 bg-gradient-to-br from-anka-orange-dark to-anka-orange rounded-lg flex items-center justify-center">
                                            <svg class="w-6 h-6 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"></path>
                                            </svg>
                                        </div>
                                        <div class="flex-1 min-w-0">
                                            <h4 class="text-sm font-bold text-anka-gray dark:text-white group-hover:text-anka-orange transition mb-1 line-clamp-2">
                                                <?php echo Helper::escape($display_name); ?>
                                            </h4>
                                            <p class="text-xs text-gray-500 dark:text-gray-400">PDF Belgesi</p>
                                        </div>
                                        <svg class="w-5 h-5 text-gray-400 group-hover:text-anka-orange transition flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path>
                                        </svg>
                                    </div>
                                </button>
                            <?php endforeach; ?>
                        </div>
                    <?php else: ?>
                        <p class="text-center text-gray-500 dark:text-gray-400 py-8">Ustalık belgesi bulunmamaktadır.</p>
                    <?php endif; ?>
                </div>
                
                <!-- Usta Öğretici Belgeleri -->
                <div id="tab-content-ogretici" class="tab-content hidden">
                    <?php if (!empty($ogretici_certificates)): ?>
                        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
                            <?php foreach ($ogretici_certificates as $file): 
                                $display_name = formatCertificateName($file);
                                $pdf_url = Helper::asset('uploads/certificates/' . $file);
                            ?>
                                <button onclick="openPdfModal('<?php echo Helper::escape($pdf_url); ?>', '<?php echo Helper::escape($display_name); ?>')" class="group bg-white dark:bg-gray-700 border-2 border-gray-200 dark:border-gray-600 rounded-xl p-4 hover:border-anka-orange transition-all transform hover:-translate-y-1 shadow-md hover:shadow-lg w-full text-left">
                                    <div class="flex items-start space-x-3">
                                        <div class="flex-shrink-0 w-12 h-12 bg-gradient-to-br from-anka-orange-dark to-anka-orange rounded-lg flex items-center justify-center">
                                            <svg class="w-6 h-6 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"></path>
                                            </svg>
                                        </div>
                                        <div class="flex-1 min-w-0">
                                            <h4 class="text-sm font-bold text-anka-gray dark:text-white group-hover:text-anka-orange transition mb-1 line-clamp-2">
                                                <?php echo Helper::escape($display_name); ?>
                                            </h4>
                                            <p class="text-xs text-gray-500 dark:text-gray-400">PDF Belgesi</p>
                                        </div>
                                        <svg class="w-5 h-5 text-gray-400 group-hover:text-anka-orange transition flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path>
                                        </svg>
                                    </div>
                                </button>
                            <?php endforeach; ?>
                        </div>
                    <?php else: ?>
                        <p class="text-center text-gray-500 dark:text-gray-400 py-8">Usta öğretici belgesi bulunmamaktadır.</p>
                    <?php endif; ?>
                </div>
                
                <!-- Eğitim Belgeleri -->
                <div id="tab-content-egitim" class="tab-content hidden">
                    <?php if (!empty($egitim_certificates)): ?>
                        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
                            <?php foreach ($egitim_certificates as $file): 
                                $display_name = formatCertificateName($file);
                                $pdf_url = Helper::asset('uploads/certificates/' . $file);
                            ?>
                                <button onclick="openPdfModal('<?php echo Helper::escape($pdf_url); ?>', '<?php echo Helper::escape($display_name); ?>')" class="group bg-white dark:bg-gray-700 border-2 border-gray-200 dark:border-gray-600 rounded-xl p-4 hover:border-anka-orange transition-all transform hover:-translate-y-1 shadow-md hover:shadow-lg w-full text-left">
                                    <div class="flex items-start space-x-3">
                                        <div class="flex-shrink-0 w-12 h-12 bg-gradient-to-br from-anka-orange-dark to-anka-orange rounded-lg flex items-center justify-center">
                                            <svg class="w-6 h-6 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"></path>
                                            </svg>
                                        </div>
                                        <div class="flex-1 min-w-0">
                                            <h4 class="text-sm font-bold text-anka-gray dark:text-white group-hover:text-anka-orange transition mb-1 line-clamp-2">
                                                <?php echo Helper::escape($display_name); ?>
                                            </h4>
                                            <p class="text-xs text-gray-500 dark:text-gray-400">PDF Belgesi</p>
                                        </div>
                                        <svg class="w-5 h-5 text-gray-400 group-hover:text-anka-orange transition flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path>
                                        </svg>
                                    </div>
                                </button>
                            <?php endforeach; ?>
                        </div>
                    <?php else: ?>
                        <p class="text-center text-gray-500 dark:text-gray-400 py-8">Eğitim belgesi bulunmamaktadır.</p>
                    <?php endif; ?>
                </div>
            </div>
            
            <!-- Görsel -->
            <div class="mb-8 rounded-xl overflow-hidden shadow-xl">
                <picture>
                    <source srcset="<?php echo Helper::image('images/teknisyen-ve-musteri-belge-intihasi.png'); ?>" type="image/webp">
                    <img src="<?php echo Helper::asset('images/teknisyen-ve-musteri-belge-intihasi.png'); ?>" alt="Profesyonel Servis Ekibi" class="w-full h-auto object-cover" loading="lazy">
                </picture>
            </div>
            
            <!-- PDF.js Script -->
            <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/3.11.174/pdf.min.js"></script>
            
            <!-- PDF Modal -->
            <div id="pdfModal" class="fixed inset-0 bg-black/80 backdrop-blur-sm z-50 hidden items-center justify-center p-4">
                <div class="bg-white dark:bg-gray-800 rounded-xl shadow-2xl w-full max-w-6xl h-[90vh] flex flex-col">
                    <!-- Modal Header -->
                    <div class="flex items-center justify-between p-4 border-b border-gray-200 dark:border-gray-700">
                        <h3 id="pdfModalTitle" class="text-xl font-bold text-anka-gray dark:text-white"></h3>
                        <div class="flex items-center space-x-2">
                            <a id="pdfDownloadLink" href="#" download class="p-2 text-gray-600 dark:text-gray-400 hover:text-anka-orange transition rounded-lg hover:bg-gray-100 dark:hover:bg-gray-700" title="İndir">
                                <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"></path>
                                </svg>
                            </a>
                            <button onclick="closePdfModal()" class="p-2 text-gray-600 dark:text-gray-400 hover:text-red-500 transition rounded-lg hover:bg-gray-100 dark:hover:bg-gray-700" title="Kapat">
                                <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
                                </svg>
                            </button>
                        </div>
                    </div>
                    <!-- Modal Body - PDF Viewer -->
                    <div class="flex-1 overflow-hidden bg-gray-100 dark:bg-gray-900">
                        <div id="pdfContainer" class="w-full h-full overflow-auto">
                            <canvas id="pdfCanvas" class="mx-auto"></canvas>
                        </div>
                        <div id="pdfLoading" class="flex items-center justify-center h-full">
                            <div class="text-center">
                                <div class="animate-spin rounded-full h-12 w-12 border-b-2 border-anka-orange mx-auto mb-4"></div>
                                <p class="text-gray-600 dark:text-gray-400">PDF yükleniyor...</p>
                            </div>
                        </div>
                        <div id="pdfError" class="hidden flex items-center justify-center h-full">
                            <div class="text-center p-8">
                                <svg class="w-16 h-16 text-red-500 mx-auto mb-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
                                </svg>
                                <p class="text-gray-600 dark:text-gray-400 mb-4">PDF yüklenemedi.</p>
                                <a id="pdfFallbackLink" href="#" target="_blank" class="inline-block bg-anka-orange text-white px-6 py-2 rounded-lg hover:bg-anka-orange-dark transition">
                                    PDF'yi yeni sekmede aç
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            
            <script>
            function showTab(tabName) {
                // Tüm tab içeriklerini gizle
                document.querySelectorAll('.tab-content').forEach(content => {
                    content.classList.add('hidden');
                });
                
                // Tüm tab butonlarını pasif yap
                document.querySelectorAll('.tab-button').forEach(button => {
                    button.classList.remove('border-anka-orange', 'text-anka-orange', 'bg-white/50', 'dark:bg-gray-700');
                    button.classList.add('border-transparent', 'text-gray-600', 'dark:text-gray-400');
                });
                
                // Seçili tab içeriğini göster
                document.getElementById('tab-content-' + tabName).classList.remove('hidden');
                
                // Seçili tab butonunu aktif yap
                const activeButton = document.getElementById('tab-' + tabName);
                activeButton.classList.remove('border-transparent', 'text-gray-600', 'dark:text-gray-400');
                activeButton.classList.add('border-anka-orange', 'text-anka-orange', 'bg-white/50', 'dark:bg-gray-700');
            }
            
            // PDF.js worker'ı ayarla
            if (typeof pdfjsLib !== 'undefined') {
                pdfjsLib.GlobalWorkerOptions.workerSrc = 'https://cdnjs.cloudflare.com/ajax/libs/pdf.js/3.11.174/pdf.worker.min.js';
            }
            
            let currentPdfDoc = null;
            let currentPageNum = 1;
            let totalPages = 0;
            
            function openPdfModal(pdfUrl, title) {
                const modal = document.getElementById('pdfModal');
                const modalTitle = document.getElementById('pdfModalTitle');
                const downloadLink = document.getElementById('pdfDownloadLink');
                const pdfContainer = document.getElementById('pdfContainer');
                const pdfCanvas = document.getElementById('pdfCanvas');
                const pdfLoading = document.getElementById('pdfLoading');
                const pdfError = document.getElementById('pdfError');
                const fallbackLink = document.getElementById('pdfFallbackLink');
                
                modalTitle.textContent = title;
                downloadLink.href = pdfUrl;
                fallbackLink.href = pdfUrl;
                
                // URL'yi düzelt
                let finalUrl = pdfUrl;
                if (pdfUrl.startsWith('/')) {
                    finalUrl = window.location.origin + pdfUrl;
                }
                
                // Modal'ı göster
                modal.classList.remove('hidden');
                modal.classList.add('flex');
                document.body.style.overflow = 'hidden';
                
                // Loading göster
                pdfLoading.classList.remove('hidden');
                pdfContainer.classList.add('hidden');
                pdfError.classList.add('hidden');
                
                // PDF.js ile PDF'i yükle (CORS ile)
                if (typeof pdfjsLib !== 'undefined') {
                    // Fetch ile PDF'i yükle (CORS sorununu çözmek için)
                    fetch(finalUrl)
                        .then(response => {
                            if (!response.ok) {
                                throw new Error('PDF yüklenemedi');
                            }
                            return response.arrayBuffer();
                        })
                        .then(arrayBuffer => {
                            return pdfjsLib.getDocument({ data: arrayBuffer }).promise;
                        })
                        .then(function(pdf) {
                            currentPdfDoc = pdf;
                            totalPages = pdf.numPages;
                            currentPageNum = 1;
                            
                            // İlk sayfayı render et
                            renderPage(currentPageNum);
                            
                            pdfLoading.classList.add('hidden');
                            pdfContainer.classList.remove('hidden');
                        })
                        .catch(function(error) {
                            console.error('PDF yüklenemedi:', error);
                            // Fallback: iframe ile dene
                            pdfLoading.classList.add('hidden');
                            const iframe = document.createElement('iframe');
                            iframe.src = finalUrl;
                            iframe.className = 'w-full h-full border-0';
                            iframe.onerror = function() {
                                pdfError.classList.remove('hidden');
                            };
                            pdfContainer.innerHTML = '';
                            pdfContainer.appendChild(iframe);
                            pdfContainer.classList.remove('hidden');
                        });
                } else {
                    // PDF.js yüklenemediyse, iframe fallback
                    pdfLoading.classList.add('hidden');
                    const iframe = document.createElement('iframe');
                    iframe.src = finalUrl;
                    iframe.className = 'w-full h-full border-0';
                    pdfContainer.innerHTML = '';
                    pdfContainer.appendChild(iframe);
                    pdfContainer.classList.remove('hidden');
                }
            }
            
            function renderPage(pageNum) {
                if (!currentPdfDoc) return;
                
                const pdfCanvas = document.getElementById('pdfCanvas');
                const pdfContainer = document.getElementById('pdfContainer');
                const ctx = pdfCanvas.getContext('2d');
                
                currentPdfDoc.getPage(pageNum).then(function(page) {
                    // Container genişliğini al (padding dahil)
                    const containerWidth = pdfContainer.clientWidth - 40; // 20px padding her iki tarafta
                    const containerHeight = pdfContainer.clientHeight - 40;
                    
                    // PDF'in orijinal boyutlarını al
                    const pdfViewport = page.getViewport({ scale: 1.0 });
                    const pdfWidth = pdfViewport.width;
                    const pdfHeight = pdfViewport.height;
                    
                    // Ölçek hesapla - hem genişlik hem yükseklik için
                    const scaleX = containerWidth / pdfWidth;
                    const scaleY = containerHeight / pdfHeight;
                    // En küçük ölçeği kullan ki PDF tamamen görünsün
                    const scale = Math.min(scaleX, scaleY, 2.0); // Maksimum 2x zoom
                    
                    // Yeni viewport oluştur
                    const viewport = page.getViewport({ scale: scale });
                    
                    // Canvas boyutlarını ayarla
                    pdfCanvas.height = viewport.height;
                    pdfCanvas.width = viewport.width;
                    
                    const renderContext = {
                        canvasContext: ctx,
                        viewport: viewport
                    };
                    
                    page.render(renderContext);
                });
            }
            
            // Pencere boyutu değiştiğinde PDF'i yeniden render et
            let resizeTimeout;
            window.addEventListener('resize', function() {
                if (currentPdfDoc) {
                    clearTimeout(resizeTimeout);
                    resizeTimeout = setTimeout(function() {
                        renderPage(currentPageNum);
                    }, 250); // Debounce - 250ms bekle
                }
            });
            
            function closePdfModal() {
                const modal = document.getElementById('pdfModal');
                const pdfContainer = document.getElementById('pdfContainer');
                const pdfCanvas = document.getElementById('pdfCanvas');
                
                modal.classList.add('hidden');
                modal.classList.remove('flex');
                
                // PDF'i temizle
                if (currentPdfDoc) {
                    currentPdfDoc.destroy();
                    currentPdfDoc = null;
                }
                const ctx = pdfCanvas.getContext('2d');
                ctx.clearRect(0, 0, pdfCanvas.width, pdfCanvas.height);
                
                document.body.style.overflow = '';
            }
            
            // ESC tuşu ile kapat
            document.addEventListener('keydown', function(e) {
                if (e.key === 'Escape') {
                    closePdfModal();
                }
            });
            
            // Modal dışına tıklayınca kapat
            document.getElementById('pdfModal').addEventListener('click', function(e) {
                if (e.target === this) {
                    closePdfModal();
                }
            });
            
            // İlk tab'ı varsayılan olarak göster
            document.addEventListener('DOMContentLoaded', function() {
                showTab('corporate');
            });
            </script>
        </div>
    </div>
</section>

<?php
$content = ob_get_clean();
require_once APP_PATH . '/app/views/layouts/header.php';
echo $content;
require_once APP_PATH . '/app/views/layouts/footer.php';
?>
Directory Contents

Dirs: 0 × Files: 9
Sort:
Enable drag-to-move
Name	Size	Perms	Modified	Actions
about.php	40.99 KB	lrw-r--r--	2025-11-17 19:50:49	Edit Download recursive recursive
company-info.php	38.46 KB	lrw-r--r--	2025-11-17 19:50:49	Edit Download recursive recursive
cookie-policy.php	5.48 KB	lrw-r--r--	2025-11-17 19:50:50	Edit Download recursive recursive
distance-selling-contract.php	9.24 KB	lrw-r--r--	2025-11-17 19:50:50	Edit Download recursive recursive
kvkk-notice.php	10.95 KB	lrw-r--r--	2025-11-17 19:50:50	Edit Download recursive recursive
price-list.php	9.07 KB	lrw-r--r--	2025-11-17 19:50:50	Edit Download recursive recursive
privacy-policy.php	8.38 KB	lrw-r--r--	2025-11-17 19:50:50	Edit Download recursive recursive
terms-of-service.php	9.18 KB	lrw-r--r--	2025-11-17 19:50:51	Edit Download recursive recursive
terms-of-use.php	6.82 KB	lrw-r--r--	2025-11-17 19:50:51	Edit Download recursive recursive