<!DOCTYPE html>
<html lang="tr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>{{ product.name }} - Vector Shop</title>
    <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
</head>
<body>
    <header>
        <div class="container">
            <h1>Vector Shop</h1>
            <nav>
                <a href="{{ url_for('index') }}">Ana Sayfa</a>
                <a href="{{ url_for('admin_login') }}">Admin</a>
            </nav>
        </div>
    </header>

    <main class="container">
        <div class="product-detail">
            <div class="product-image">
                {% if product.image_url %}
                <img src="{{ product.image_url }}" alt="{{ product.name }}">
                {% else %}
                <div class="product-placeholder-large">
                    <span>{{ product.name[0] }}</span>
                </div>
                {% endif %}
            </div>
            
            <div class="product-details">
                <h1>{{ product.name }}</h1>
                <p class="price-large">${{ "%.2f"|format(product.price) }}</p>
                
                <div class="description-full">
                    <h3>Ürün Açıklaması</h3>
                    <p>{{ product.description }}</p>
                </div>
                
                <div class="product-meta">
                    <p><strong>Dosya Parçaları:</strong> {{ product.file_parts_count }}</p>
                    <p><strong>Teslimat:</strong> Anında e-posta ile</p>
                    <p><strong>Format:</strong> Şifreli ZIP</p>
                </div>
                
                <div class="purchase-section">
                    <a href="{{ url_for('checkout', product_id=product.id) }}" class="btn btn-large btn-primary">
                        Satın Al - ${{ "%.2f"|format(product.price) }}
                    </a>
                    <p class="security-note">
                        <svg width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                            <path d="M8 1a2 2 0 0 1 2 2v4H6V3a2 2 0 0 1 2-2zm3 6V3a3 3 0 0 0-6 0v4a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2z"/>
                        </svg>
                        Güvenli ödeme Paddle ile sağlanmaktadır
                    </p>
                </div>
                
                <div class="delivery-info">
                    <h3>Teslimat Süreci</h3>
                    <ol>
                        <li>Ödemenizi güvenli şekilde tamamlayın</li>
                        <li>E-postanıza indirme linkleri ve şifre gönderilir</li>
                        <li>Tüm dosya parçalarını indirin</li>
                        <li>WinRAR/7-Zip ile birleştirin ve şifreyi girin</li>
                    </ol>
                </div>
            </div>
        </div>
    </main>

    <footer>
        <div class="container">
            <p>&copy; 2026 Vector Shop. Tüm hakları saklıdır.</p>
        </div>
    </footer>
</body>
</html>
