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

if(!isset($_SESSION['admin_logged_in']) || $_SESSION['admin_logged_in'] !== true) {
    header('Location: login.php');
    exit;
}

$success = '';
$error = '';
$logo_path = getSetting('logo_path');

// Logo yükleme
if($_SERVER['REQUEST_METHOD'] == 'POST' && isset($_FILES['logo'])) {
    if($_FILES['logo']['error'] === UPLOAD_ERR_OK) {
        $allowedTypes = ['image/jpeg', 'image/png', 'image/gif', 'image/webp'];
        $fileType = $_FILES['logo']['type'];
        
        if(in_array($fileType, $allowedTypes)) {
            if($_FILES['logo']['size'] <= 2097152) { // 2MB
                $uploadDir = '../assets/images/';
                if(!is_dir($uploadDir)) {
                    mkdir($uploadDir, 0755, true);
                }
                
                // Eski logoyu sil
                if($logo_path && file_exists('../' . $logo_path)) {
                    unlink('../' . $logo_path);
                }
                
                $extension = pathinfo($_FILES['logo']['name'], PATHINFO_EXTENSION);
                $fileName = 'logo_' . time() . '.' . $extension;
                $targetPath = $uploadDir . $fileName;
                
                if(move_uploaded_file($_FILES['logo']['tmp_name'], $targetPath)) {
                    updateSetting('logo_path', 'assets/images/' . $fileName);
                    $logo_path = 'assets/images/' . $fileName;
                    $success = 'Logo başarıyla yüklendi!';
                } else {
                    $error = 'Logo yüklenirken hata oluştu!';
                }
            } else {
                $error = 'Logo boyutu 2MB\'dan küçük olmalıdır!';
            }
        } else {
            $error = 'Sadece JPG, PNG, GIF veya WEBP formatında dosya yükleyebilirsiniz!';
        }
    } else {
        $error = 'Dosya yüklenirken bir hata oluştu!';
    }
}

// Logo silme
if(isset($_GET['delete']) && $_GET['delete'] == '1') {
    if($logo_path && file_exists('../' . $logo_path)) {
        unlink('../' . $logo_path);
    }
    updateSetting('logo_path', '');
    $logo_path = '';
    $success = 'Logo başarıyla silindi!';
}
?>
<!DOCTYPE html>
<html lang="tr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Logo Yönetimi - Admin</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.0/font/bootstrap-icons.css">
    <style>
        .logo-preview {
            max-height: 150px;
            max-width: 100%;
            border: 2px solid #ddd;
            padding: 20px;
            background: #f8f9fa;
            border-radius: 10px;
        }
        .no-logo-box {
            height: 150px;
            display: flex;
            align-items: center;
            justify-content: center;
            border: 2px dashed #ddd;
            background: #f8f9fa;
            border-radius: 10px;
        }
    </style>
</head>
<body>
    <!-- Navbar -->
    <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
        <div class="container-fluid">
            <a class="navbar-brand" href="index.php">
                <i class="bi bi-gear-fill"></i> Admin Paneli
            </a>
            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarNav">
                <ul class="navbar-nav me-auto">
                    <li class="nav-item">
                        <a class="nav-link" href="index.php">
                            <i class="bi bi-house"></i> Anasayfa
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="cars.php">
                            <i class="bi bi-car-front"></i> Araç Yönetimi
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="sliders.php">
                            <i class="bi bi-images"></i> Slider Yönetimi
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="prices.php">
                            <i class="bi bi-currency-exchange"></i> Fiyat Listesi
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link active" href="logo.php">
                            <i class="bi bi-image"></i> Logo
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="settings.php">
                            <i class="bi bi-gear"></i> Ayarlar
                        </a>
                    </li>
                </ul>
                <ul class="navbar-nav">
                    <li class="nav-item">
                        <a class="nav-link" href="../index.php" target="_blank">
                            <i class="bi bi-box-arrow-up-right"></i> Siteyi Görüntüle
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="logout.php">
                            <i class="bi bi-box-arrow-right"></i> Çıkış
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </nav>

    <div class="container mt-4">
        <h2 class="mb-4"><i class="bi bi-image"></i> Logo Yönetimi</h2>
        
        <?php if($success): ?>
        <div class="alert alert-success alert-dismissible fade show">
            <i class="bi bi-check-circle"></i> <?= $success ?>
            <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
        </div>
        <?php endif; ?>
        
        <?php if($error): ?>
        <div class="alert alert-danger alert-dismissible fade show">
            <i class="bi bi-exclamation-triangle"></i> <?= $error ?>
            <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
        </div>
        <?php endif; ?>
        
        <div class="row">
            <!-- Mevcut Logo -->
            <div class="col-md-6 mb-4">
                <div class="card">
                    <div class="card-header bg-primary text-white">
                        <h5 class="mb-0">Mevcut Logo</h5>
                    </div>
                    <div class="card-body text-center">
                        <?php if($logo_path && file_exists('../' . $logo_path)): ?>
                            <img src="../<?= $logo_path ?>?v=<?= time() ?>" alt="Logo" class="logo-preview mb-3">
                            <div class="mt-3">
                                <a href="?delete=1" class="btn btn-danger" onclick="return confirm('Logoyu silmek istediğinizden emin misiniz?')">
                                    <i class="bi bi-trash"></i> Logoyu Sil
                                </a>
                            </div>
                        <?php else: ?>
                            <div class="no-logo-box">
                                <div class="text-muted">
                                    <i class="bi bi-image" style="font-size: 3rem;"></i>
                                    <p class="mt-2">Henüz logo yüklenmemiş</p>
                                </div>
                            </div>
                        <?php endif; ?>
                    </div>
                </div>
            </div>
            
            <!-- Logo Yükleme -->
            <div class="col-md-6 mb-4">
                <div class="card">
                    <div class="card-header bg-success text-white">
                        <h5 class="mb-0">Yeni Logo Yükle</h5>
                    </div>
                    <div class="card-body">
                        <form method="POST" enctype="multipart/form-data" id="logoForm">
                            <div class="mb-3">
                                <label class="form-label">Logo Dosyası Seçin</label>
                                <input type="file" name="logo" class="form-control" accept="image/*" required onchange="previewLogo(event)">
                                <small class="text-muted">
                                    <ul class="mt-2">
                                        <li>Format: JPG, PNG, GIF veya WEBP</li>
                                        <li>Maksimum boyut: 2MB</li>
                                        <li>Önerilen boyut: 200x50 piksel</li>
                                        <li>Şeffaf arka plan için PNG kullanın</li>
                                    </ul>
                                </small>
                            </div>
                            
                            <!-- Önizleme -->
                            <div class="mb-3" id="previewContainer" style="display:none;">
                                <label class="form-label">Önizleme</label>
                                <div class="text-center p-3 border rounded">
                                    <img id="logoPreview" src="" alt="Önizleme" style="max-height: 180px; max-width: 100%;">
                                </div>
                            </div>
                            
                            <div class="d-grid gap-2">
                                <button type="submit" class="btn btn-success btn-lg">
                                    <i class="bi bi-upload"></i> Logo Yükle
                                </button>
                                <a href="index.php" class="btn btn-secondary">
                                    <i class="bi bi-arrow-left"></i> Geri Dön
                                </a>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
        
        <!-- Bilgilendirme -->
        <div class="row">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-header bg-info text-white">
                        <h5 class="mb-0"><i class="bi bi-info-circle"></i> Logo Kullanım Bilgileri</h5>
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-4 mb-3">
                                <div class="text-center">
                                    <i class="bi bi-palette fs-1 text-primary"></i>
                                    <h5 class="mt-2">Tasarım</h5>
                                    <p class="text-muted">Logonuz sitenin tüm sayfalarında görüntülenecektir. Profesyonel ve net bir tasarım kullanın.</p>
                                </div>
                            </div>
                            <div class="col-md-4 mb-3">
                                <div class="text-center">
                                    <i class="bi bi-aspect-ratio fs-1 text-success"></i>
                                    <h5 class="mt-2">Boyut</h5>
                                    <p class="text-muted">En boy oranı 4:1 veya 3:1 olması önerilir. Örnek: 200x50px veya 300x100px</p>
                                </div>
                            </div>
                            <div class="col-md-4 mb-3">
                                <div class="text-center">
                                    <i class="bi bi-droplet fs-1 text-warning"></i>
                                    <h5 class="mt-2">Arka Plan</h5>
                                    <p class="text-muted">Şeffaf arka plan için PNG formatı kullanın. JPG formatında arka plan beyaz olacaktır.</p>
                                </div>
                            </div>
                        </div>
                        
                        <hr>
                        
                        <h6><i class="bi bi-tools"></i> Ücretsiz Logo Oluşturma Araçları:</h6>
                        <ul>
                            <li><a href="https://www.canva.com/tr_tr/olustur/logolar/" target="_blank">Canva</a> - Ücretsiz logo tasarım aracı</li>
                            <li><a href="https://www.remove.bg/tr" target="_blank">Remove.bg</a> - Arka plan kaldırma</li>
                            <li><a href="https://squoosh.app/" target="_blank">Squoosh</a> - Görsel boyutlandırma</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
    <script>
        // Logo önizleme
        function previewLogo(event) {
            const file = event.target.files[0];
            if (file) {
                const reader = new FileReader();
                reader.onload = function(e) {
                    document.getElementById('logoPreview').src = e.target.result;
                    document.getElementById('previewContainer').style.display = 'block';
                }
                reader.readAsDataURL(file);
            }
        }
    </script>
</body>
</html>
