{% extends 'core/base.html' %}
{% load static %}

{% block title %}Privacy Policy - {{ block.super }}{% endblock %}

{% block extra_css %}
<style>
    .hero-section {
        background: linear-gradient(135deg, var(--primary-color), #3b82f6);
        color: white;
        padding: 3rem 0;
        margin-top: -2rem;
    }
    
    .content-section {
        padding: 3rem 0;
    }
    
    .privacy-nav {
        position: sticky;
        top: 2rem;
        background: white;
        border-radius: 12px;
        padding: 1.5rem;
        box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    }
    
    .privacy-nav .nav-link {
        color: var(--secondary-color);
        padding: 0.5rem 1rem;
        border-radius: 6px;
        transition: all 0.3s ease;
        font-size: 0.9rem;
    }
    
    .privacy-nav .nav-link:hover,
    .privacy-nav .nav-link.active {
        background-color: var(--primary-color);
        color: white;
    }
    
    .privacy-section {
        margin-bottom: 3rem;
        padding: 2rem;
        background: white;
        border-radius: 12px;
        box-shadow: 0 2px 4px rgba(0,0,0,0.05);
    }
    
    .privacy-section h2 {
        color: var(--primary-color);
        border-bottom: 2px solid var(--primary-color);
        padding-bottom: 0.5rem;
        margin-bottom: 1.5rem;
    }
    
    .privacy-section h3 {
        color: var(--dark-color);
        margin-top: 2rem;
        margin-bottom: 1rem;
    }
    
    .highlight-box {
        background: linear-gradient(135deg, #f8fafc, #e2e8f0);
        border-left: 4px solid var(--primary-color);
        padding: 1.5rem;
        border-radius: 8px;
        margin: 1.5rem 0;
    }
    
    .contact-card {
        background: var(--light-color);
        border-radius: 12px;
        padding: 2rem;
        text-align: center;
        margin-top: 2rem;
    }
    
    .last-updated {
        background: var(--warning-color);
        color: white;
        padding: 0.5rem 1rem;
        border-radius: 20px;
        font-size: 0.9rem;
        display: inline-block;
        margin-bottom: 1rem;
    }
    
    .data-table {
        background: white;
        border-radius: 8px;
        overflow: hidden;
        box-shadow: 0 2px 4px rgba(0,0,0,0.05);
    }
    
    .data-table th {
        background: var(--primary-color);
        color: white;
        font-weight: 600;
    }
    
    .rights-list {
        list-style: none;
        padding: 0;
    }
    
    .rights-list li {
        padding: 0.75rem 0;
        border-bottom: 1px solid #e2e8f0;
        display: flex;
        align-items: center;
    }
    
    .rights-list li:last-child {
        border-bottom: none;
    }
    
    .rights-list li i {
        color: var(--success-color);
        margin-right: 1rem;
        font-size: 1.2rem;
    }
</style>
{% endblock %}

{% block content %}
<!-- Hero Section -->
<section class="hero-section">
    <div class="container">
        <div class="row justify-content-center text-center">
            <div class="col-lg-8">
                <h1 class="display-4 fw-bold mb-3">Privacy Policy</h1>
                <p class="lead">Your privacy is important to us. Learn how we collect, use, and protect your information.</p>
                <div class="last-updated">
                    <i class="fas fa-calendar-alt me-2"></i>Last updated: January 1, 2024
                </div>
            </div>
        </div>
    </div>
</section>

<div class="content-section">
    <div class="container">
        <div class="row">
            <!-- Navigation Sidebar -->
            <div class="col-lg-3">
                <nav class="privacy-nav">
                    <h5 class="mb-3">Quick Navigation</h5>
                    <ul class="nav flex-column">
                        <li class="nav-item">
                            <a class="nav-link" href="#overview">Overview</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#information-collection">Information We Collect</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#information-use">How We Use Information</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#information-sharing">Information Sharing</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#data-security">Data Security</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#your-rights">Your Rights</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#cookies">Cookies & Tracking</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#data-retention">Data Retention</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#international">International Transfers</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#children">Children's Privacy</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#changes">Policy Changes</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#contact">Contact Us</a>
                        </li>
                    </ul>
                </nav>
            </div>
            
            <!-- Main Content -->
            <div class="col-lg-9">
                <!-- Overview -->
                <section id="overview" class="privacy-section">
                    <h2>Overview</h2>
                    <p>At Adtlas DAI, we are committed to protecting your privacy and ensuring the security of your personal information. This Privacy Policy explains how we collect, use, disclose, and safeguard your information when you use our data analytics and intelligence management platform.</p>
                    
                    <div class="highlight-box">
                        <h5><i class="fas fa-shield-alt me-2"></i>Our Commitment</h5>
                        <p class="mb-0">We implement industry-leading security measures and follow best practices to protect your data. We will never sell your personal information to third parties.</p>
                    </div>
                    
                    <p>By using our services, you agree to the collection and use of information in accordance with this policy. If you do not agree with our policies and practices, please do not use our services.</p>
                </section>
                
                <!-- Information Collection -->
                <section id="information-collection" class="privacy-section">
                    <h2>Information We Collect</h2>
                    <p>We collect several types of information from and about users of our services:</p>
                    
                    <h3>Personal Information</h3>
                    <div class="table-responsive data-table">
                        <table class="table table-striped mb-0">
                            <thead>
                                <tr>
                                    <th>Category</th>
                                    <th>Examples</th>
                                    <th>Purpose</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>Account Information</td>
                                    <td>Name, email, username, password</td>
                                    <td>Account creation and management</td>
                                </tr>
                                <tr>
                                    <td>Profile Information</td>
                                    <td>Job title, company, bio, avatar</td>
                                    <td>Profile customization and networking</td>
                                </tr>
                                <tr>
                                    <td>Contact Information</td>
                                    <td>Phone number, address</td>
                                    <td>Communication and support</td>
                                </tr>
                                <tr>
                                    <td>Payment Information</td>
                                    <td>Billing address, payment method</td>
                                    <td>Processing payments (handled by secure third parties)</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    
                    <h3>Usage Information</h3>
                    <ul>
                        <li>Log data (IP address, browser type, pages visited)</li>
                        <li>Device information (device type, operating system)</li>
                        <li>Usage patterns and preferences</li>
                        <li>Performance and analytics data</li>
                    </ul>
                    
                    <h3>Data You Upload</h3>
                    <p>Any data, files, or content you upload to our platform for analysis. We treat this data with the highest level of security and confidentiality.</p>
                </section>
                
                <!-- Information Use -->
                <section id="information-use" class="privacy-section">
                    <h2>How We Use Your Information</h2>
                    <p>We use the information we collect for various purposes:</p>
                    
                    <div class="row">
                        <div class="col-md-6">
                            <h5><i class="fas fa-cog me-2 text-primary"></i>Service Operations</h5>
                            <ul>
                                <li>Provide and maintain our services</li>
                                <li>Process your data analytics requests</li>
                                <li>Manage your account and preferences</li>
                                <li>Process payments and transactions</li>
                            </ul>
                        </div>
                        <div class="col-md-6">
                            <h5><i class="fas fa-comments me-2 text-primary"></i>Communication</h5>
                            <ul>
                                <li>Send service-related notifications</li>
                                <li>Respond to your inquiries and support requests</li>
                                <li>Send marketing communications (with consent)</li>
                                <li>Provide updates about our services</li>
                            </ul>
                        </div>
                    </div>
                    
                    <div class="row mt-3">
                        <div class="col-md-6">
                            <h5><i class="fas fa-chart-bar me-2 text-primary"></i>Improvement</h5>
                            <ul>
                                <li>Analyze usage patterns to improve our services</li>
                                <li>Develop new features and functionality</li>
                                <li>Conduct research and analytics</li>
                                <li>Optimize performance and user experience</li>
                            </ul>
                        </div>
                        <div class="col-md-6">
                            <h5><i class="fas fa-shield-alt me-2 text-primary"></i>Security & Legal</h5>
                            <ul>
                                <li>Detect and prevent fraud and abuse</li>
                                <li>Ensure platform security and integrity</li>
                                <li>Comply with legal obligations</li>
                                <li>Enforce our terms of service</li>
                            </ul>
                        </div>
                    </div>
                </section>
                
                <!-- Information Sharing -->
                <section id="information-sharing" class="privacy-section">
                    <h2>Information Sharing and Disclosure</h2>
                    <p>We do not sell, trade, or otherwise transfer your personal information to third parties except in the following circumstances:</p>
                    
                    <div class="highlight-box">
                        <h5><i class="fas fa-handshake me-2"></i>Service Providers</h5>
                        <p class="mb-0">We may share information with trusted third-party service providers who assist us in operating our platform, conducting business, or serving users, provided they agree to keep this information confidential.</p>
                    </div>
                    
                    <h3>When We May Share Information:</h3>
                    <ul>
                        <li><strong>With your consent:</strong> When you explicitly agree to share information</li>
                        <li><strong>Legal requirements:</strong> When required by law, court order, or government request</li>
                        <li><strong>Business transfers:</strong> In connection with mergers, acquisitions, or asset sales</li>
                        <li><strong>Safety and security:</strong> To protect rights, property, or safety of users or others</li>
                        <li><strong>Aggregated data:</strong> Non-personally identifiable aggregated or anonymized data for research or marketing</li>
                    </ul>
                </section>
                
                <!-- Data Security -->
                <section id="data-security" class="privacy-section">
                    <h2>Data Security</h2>
                    <p>We implement comprehensive security measures to protect your information:</p>
                    
                    <div class="row">
                        <div class="col-md-6">
                            <h5><i class="fas fa-lock me-2 text-success"></i>Technical Safeguards</h5>
                            <ul>
                                <li>End-to-end encryption for data transmission</li>
                                <li>AES-256 encryption for data at rest</li>
                                <li>Secure cloud infrastructure (AWS/Azure)</li>
                                <li>Regular security audits and penetration testing</li>
                                <li>Multi-factor authentication</li>
                            </ul>
                        </div>
                        <div class="col-md-6">
                            <h5><i class="fas fa-users-cog me-2 text-success"></i>Administrative Safeguards</h5>
                            <ul>
                                <li>Role-based access controls</li>
                                <li>Employee security training</li>
                                <li>Background checks for personnel</li>
                                <li>Incident response procedures</li>
                                <li>Regular security policy updates</li>
                            </ul>
                        </div>
                    </div>
                    
                    <div class="highlight-box">
                        <h5><i class="fas fa-certificate me-2"></i>Compliance & Certifications</h5>
                        <p class="mb-0">We maintain compliance with industry standards including SOC 2 Type II, ISO 27001, and GDPR requirements.</p>
                    </div>
                </section>
                
                <!-- Your Rights -->
                <section id="your-rights" class="privacy-section">
                    <h2>Your Privacy Rights</h2>
                    <p>You have several rights regarding your personal information:</p>
                    
                    <ul class="rights-list">
                        <li>
                            <i class="fas fa-eye"></i>
                            <div>
                                <strong>Right to Access:</strong> Request copies of your personal information
                            </div>
                        </li>
                        <li>
                            <i class="fas fa-edit"></i>
                            <div>
                                <strong>Right to Rectification:</strong> Request correction of inaccurate information
                            </div>
                        </li>
                        <li>
                            <i class="fas fa-trash"></i>
                            <div>
                                <strong>Right to Erasure:</strong> Request deletion of your personal information
                            </div>
                        </li>
                        <li>
                            <i class="fas fa-ban"></i>
                            <div>
                                <strong>Right to Restrict Processing:</strong> Request limitation of how we use your data
                            </div>
                        </li>
                        <li>
                            <i class="fas fa-download"></i>
                            <div>
                                <strong>Right to Data Portability:</strong> Request transfer of your data to another service
                            </div>
                        </li>
                        <li>
                            <i class="fas fa-times-circle"></i>
                            <div>
                                <strong>Right to Object:</strong> Object to processing of your personal information
                            </div>
                        </li>
                    </ul>
                    
                    <p>To exercise these rights, please contact us using the information provided in the "Contact Us" section.</p>
                </section>
                
                <!-- Cookies -->
                <section id="cookies" class="privacy-section">
                    <h2>Cookies and Tracking Technologies</h2>
                    <p>We use cookies and similar tracking technologies to enhance your experience:</p>
                    
                    <h3>Types of Cookies We Use:</h3>
                    <div class="table-responsive data-table">
                        <table class="table table-striped mb-0">
                            <thead>
                                <tr>
                                    <th>Type</th>
                                    <th>Purpose</th>
                                    <th>Duration</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>Essential Cookies</td>
                                    <td>Required for basic site functionality</td>
                                    <td>Session</td>
                                </tr>
                                <tr>
                                    <td>Performance Cookies</td>
                                    <td>Help us understand how visitors use our site</td>
                                    <td>1-2 years</td>
                                </tr>
                                <tr>
                                    <td>Functional Cookies</td>
                                    <td>Remember your preferences and settings</td>
                                    <td>1 year</td>
                                </tr>
                                <tr>
                                    <td>Marketing Cookies</td>
                                    <td>Deliver relevant advertisements (with consent)</td>
                                    <td>1-2 years</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    
                    <p class="mt-3">You can control cookies through your browser settings. However, disabling certain cookies may affect the functionality of our services.</p>
                </section>
                
                <!-- Data Retention -->
                <section id="data-retention" class="privacy-section">
                    <h2>Data Retention</h2>
                    <p>We retain your information for as long as necessary to provide our services and fulfill the purposes outlined in this policy:</p>
                    
                    <ul>
                        <li><strong>Account Information:</strong> Retained while your account is active and for 30 days after deletion</li>
                        <li><strong>Usage Data:</strong> Typically retained for 2 years for analytics purposes</li>
                        <li><strong>Support Communications:</strong> Retained for 3 years for quality assurance</li>
                        <li><strong>Legal Requirements:</strong> Some data may be retained longer to comply with legal obligations</li>
                    </ul>
                    
                    <div class="highlight-box">
                        <h5><i class="fas fa-clock me-2"></i>Automatic Deletion</h5>
                        <p class="mb-0">We have automated systems in place to delete data according to our retention schedules, ensuring we don't keep information longer than necessary.</p>
                    </div>
                </section>
                
                <!-- International Transfers -->
                <section id="international" class="privacy-section">
                    <h2>International Data Transfers</h2>
                    <p>Your information may be transferred to and processed in countries other than your own. We ensure appropriate safeguards are in place:</p>
                    
                    <ul>
                        <li>Standard Contractual Clauses approved by the European Commission</li>
                        <li>Adequacy decisions for transfers to countries with adequate protection</li>
                        <li>Binding Corporate Rules for transfers within our corporate group</li>
                        <li>Your explicit consent for specific transfers</li>
                    </ul>
                </section>
                
                <!-- Children's Privacy -->
                <section id="children" class="privacy-section">
                    <h2>Children's Privacy</h2>
                    <p>Our services are not intended for children under 13 years of age. We do not knowingly collect personal information from children under 13. If we become aware that we have collected personal information from a child under 13, we will take steps to delete such information.</p>
                    
                    <p>If you are a parent or guardian and believe your child has provided us with personal information, please contact us immediately.</p>
                </section>
                
                <!-- Policy Changes -->
                <section id="changes" class="privacy-section">
                    <h2>Changes to This Privacy Policy</h2>
                    <p>We may update this Privacy Policy from time to time. When we do:</p>
                    
                    <ul>
                        <li>We will post the updated policy on this page</li>
                        <li>We will update the "Last updated" date at the top of this policy</li>
                        <li>For significant changes, we will notify you via email or through our platform</li>
                        <li>We will obtain your consent for material changes that affect how we use your information</li>
                    </ul>
                    
                    <p>We encourage you to review this Privacy Policy periodically to stay informed about how we protect your information.</p>
                </section>
                
                <!-- Contact -->
                <section id="contact" class="privacy-section">
                    <h2>Contact Us</h2>
                    <p>If you have any questions about this Privacy Policy or our privacy practices, please contact us:</p>
                    
                    <div class="contact-card">
                        <h5><i class="fas fa-envelope me-2"></i>Privacy Officer</h5>
                        <p class="mb-2"><strong>Email:</strong> privacy@adtlas.com</p>
                        <p class="mb-2"><strong>Phone:</strong> +1 (555) 123-4567</p>
                        <p class="mb-3"><strong>Address:</strong> 123 Data Street, Analytics City, AC 12345</p>
                        <a href="{% url 'core:contact' %}" class="btn btn-primary">
                            <i class="fas fa-paper-plane me-2"></i>Send Message
                        </a>
                    </div>
                </section>
            </div>
        </div>
    </div>
</div>
{% endblock %}

{% block extra_js %}
<script>
    document.addEventListener('DOMContentLoaded', function() {
        // Smooth scrolling for navigation links
        const navLinks = document.querySelectorAll('.privacy-nav .nav-link');
        
        navLinks.forEach(link => {
            link.addEventListener('click', function(e) {
                e.preventDefault();
                const targetId = this.getAttribute('href').substring(1);
                const targetElement = document.getElementById(targetId);
                
                if (targetElement) {
                    const offsetTop = targetElement.offsetTop - 100;
                    window.scrollTo({
                        top: offsetTop,
                        behavior: 'smooth'
                    });
                }
            });
        });
        
        // Update active navigation item on scroll
        function updateActiveNav() {
            const sections = document.querySelectorAll('.privacy-section');
            const scrollPos = window.scrollY + 150;
            
            sections.forEach(section => {
                const top = section.offsetTop;
                const bottom = top + section.offsetHeight;
                const id = section.getAttribute('id');
                const navLink = document.querySelector(`.privacy-nav .nav-link[href="#${id}"]`);
                
                if (scrollPos >= top && scrollPos <= bottom) {
                    navLinks.forEach(link => link.classList.remove('active'));
                    if (navLink) navLink.classList.add('active');
                }
            });
        }
        
        window.addEventListener('scroll', updateActiveNav);
        updateActiveNav(); // Initial call
        
        // Add fade-in animation to sections
        const observer = new IntersectionObserver((entries) => {
            entries.forEach(entry => {
                if (entry.isIntersecting) {
                    entry.target.style.opacity = '1';
                    entry.target.style.transform = 'translateY(0)';
                }
            });
        }, { threshold: 0.1 });
        
        document.querySelectorAll('.privacy-section').forEach(section => {
            section.style.opacity = '0';
            section.style.transform = 'translateY(20px)';
            section.style.transition = 'all 0.6s ease';
            observer.observe(section);
        });
    });
</script>
{% endblock %}