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

{% block title %}Terms of Service - {{ 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;
    }
    
    .terms-nav {
        position: sticky;
        top: 2rem;
        background: white;
        border-radius: 12px;
        padding: 1.5rem;
        box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    }
    
    .terms-nav .nav-link {
        color: var(--secondary-color);
        padding: 0.5rem 1rem;
        border-radius: 6px;
        transition: all 0.3s ease;
        font-size: 0.9rem;
    }
    
    .terms-nav .nav-link:hover,
    .terms-nav .nav-link.active {
        background-color: var(--primary-color);
        color: white;
    }
    
    .terms-section {
        margin-bottom: 3rem;
        padding: 2rem;
        background: white;
        border-radius: 12px;
        box-shadow: 0 2px 4px rgba(0,0,0,0.05);
    }
    
    .terms-section h2 {
        color: var(--primary-color);
        border-bottom: 2px solid var(--primary-color);
        padding-bottom: 0.5rem;
        margin-bottom: 1.5rem;
    }
    
    .terms-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;
    }
    
    .warning-box {
        background: linear-gradient(135deg, #fef3cd, #ffeaa7);
        border-left: 4px solid var(--warning-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(--info-color);
        color: white;
        padding: 0.5rem 1rem;
        border-radius: 20px;
        font-size: 0.9rem;
        display: inline-block;
        margin-bottom: 1rem;
    }
    
    .prohibited-list {
        background: #fff5f5;
        border: 1px solid #fed7d7;
        border-radius: 8px;
        padding: 1.5rem;
        margin: 1rem 0;
    }
    
    .prohibited-list h5 {
        color: var(--danger-color);
        margin-bottom: 1rem;
    }
    
    .prohibited-list ul {
        margin-bottom: 0;
    }
    
    .prohibited-list li {
        margin-bottom: 0.5rem;
    }
    
    .acceptable-use {
        background: #f0fff4;
        border: 1px solid #9ae6b4;
        border-radius: 8px;
        padding: 1.5rem;
        margin: 1rem 0;
    }
    
    .acceptable-use h5 {
        color: var(--success-color);
        margin-bottom: 1rem;
    }
    
    .plan-comparison {
        background: white;
        border-radius: 8px;
        overflow: hidden;
        box-shadow: 0 2px 4px rgba(0,0,0,0.05);
    }
    
    .plan-comparison th {
        background: var(--primary-color);
        color: white;
        font-weight: 600;
    }
    
    .effective-date {
        background: var(--success-color);
        color: white;
        padding: 0.5rem 1rem;
        border-radius: 20px;
        font-size: 0.9rem;
        display: inline-block;
        margin-left: 1rem;
    }
</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">Terms of Service</h1>
                <p class="lead">Please read these terms carefully before using our services.</p>
                <div>
                    <div class="last-updated">
                        <i class="fas fa-calendar-alt me-2"></i>Last updated: January 1, 2024
                    </div>
                    <div class="effective-date">
                        <i class="fas fa-check-circle me-2"></i>Effective: January 1, 2024
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<div class="content-section">
    <div class="container">
        <div class="row">
            <!-- Navigation Sidebar -->
            <div class="col-lg-3">
                <nav class="terms-nav">
                    <h5 class="mb-3">Quick Navigation</h5>
                    <ul class="nav flex-column">
                        <li class="nav-item">
                            <a class="nav-link" href="#acceptance">Acceptance of Terms</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#description">Service Description</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#accounts">User Accounts</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#acceptable-use">Acceptable Use</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#prohibited-conduct">Prohibited Conduct</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#intellectual-property">Intellectual Property</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#user-content">User Content</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#payment">Payment Terms</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#privacy">Privacy</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#disclaimers">Disclaimers</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#limitation">Limitation of Liability</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#termination">Termination</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#governing-law">Governing Law</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#changes">Changes to Terms</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#contact">Contact Information</a>
                        </li>
                    </ul>
                </nav>
            </div>
            
            <!-- Main Content -->
            <div class="col-lg-9">
                <!-- Acceptance of Terms -->
                <section id="acceptance" class="terms-section">
                    <h2>1. Acceptance of Terms</h2>
                    <p>By accessing and using the Adtlas DAI platform ("Service"), you accept and agree to be bound by the terms and provision of this agreement. If you do not agree to abide by the above, please do not use this service.</p>
                    
                    <div class="highlight-box">
                        <h5><i class="fas fa-handshake me-2"></i>Agreement</h5>
                        <p class="mb-0">These Terms of Service constitute a legally binding agreement between you and Adtlas DAI. Your use of our services indicates your acceptance of these terms.</p>
                    </div>
                    
                    <p>These terms apply to all visitors, users, and others who access or use the service. By using our service, you represent that you are at least 18 years old or have reached the age of majority in your jurisdiction.</p>
                </section>
                
                <!-- Service Description -->
                <section id="description" class="terms-section">
                    <h2>2. Description of Service</h2>
                    <p>Adtlas DAI provides a comprehensive data analytics and artificial intelligence management platform that includes:</p>
                    
                    <div class="row">
                        <div class="col-md-6">
                            <h5><i class="fas fa-chart-bar me-2 text-primary"></i>Analytics Features</h5>
                            <ul>
                                <li>Data visualization and reporting</li>
                                <li>Real-time analytics dashboards</li>
                                <li>Custom data analysis tools</li>
                                <li>Performance monitoring</li>
                            </ul>
                        </div>
                        <div class="col-md-6">
                            <h5><i class="fas fa-brain me-2 text-primary"></i>AI Capabilities</h5>
                            <ul>
                                <li>Machine learning model deployment</li>
                                <li>Predictive analytics</li>
                                <li>Automated insights generation</li>
                                <li>Natural language processing</li>
                            </ul>
                        </div>
                    </div>
                    
                    <p>We reserve the right to modify, suspend, or discontinue any part of our service at any time with or without notice.</p>
                </section>
                
                <!-- User Accounts -->
                <section id="accounts" class="terms-section">
                    <h2>3. User Accounts</h2>
                    <p>To access certain features of our service, you must register for an account. When you create an account, you agree to:</p>
                    
                    <ul>
                        <li>Provide accurate, current, and complete information</li>
                        <li>Maintain and promptly update your account information</li>
                        <li>Maintain the security of your password and account</li>
                        <li>Accept responsibility for all activities under your account</li>
                        <li>Notify us immediately of any unauthorized use</li>
                    </ul>
                    
                    <div class="warning-box">
                        <h5><i class="fas fa-exclamation-triangle me-2"></i>Account Security</h5>
                        <p class="mb-0">You are responsible for safeguarding your account credentials. We recommend using strong passwords and enabling two-factor authentication where available.</p>
                    </div>
                    
                    <h3>Account Types</h3>
                    <div class="table-responsive plan-comparison">
                        <table class="table table-striped mb-0">
                            <thead>
                                <tr>
                                    <th>Plan</th>
                                    <th>Features</th>
                                    <th>Data Limit</th>
                                    <th>Support</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td><strong>Free</strong></td>
                                    <td>Basic analytics, limited AI features</td>
                                    <td>1GB</td>
                                    <td>Community</td>
                                </tr>
                                <tr>
                                    <td><strong>Professional</strong></td>
                                    <td>Advanced analytics, full AI suite</td>
                                    <td>100GB</td>
                                    <td>Email</td>
                                </tr>
                                <tr>
                                    <td><strong>Enterprise</strong></td>
                                    <td>Custom solutions, dedicated support</td>
                                    <td>Unlimited</td>
                                    <td>24/7 Phone</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </section>
                
                <!-- Acceptable Use -->
                <section id="acceptable-use" class="terms-section">
                    <h2>4. Acceptable Use Policy</h2>
                    <p>You agree to use our service only for lawful purposes and in accordance with these Terms. You agree not to use the service:</p>
                    
                    <div class="acceptable-use">
                        <h5><i class="fas fa-check-circle me-2"></i>Acceptable Uses</h5>
                        <ul>
                            <li>Business analytics and intelligence</li>
                            <li>Research and academic purposes</li>
                            <li>Personal data analysis projects</li>
                            <li>Educational and training activities</li>
                            <li>Compliance and regulatory reporting</li>
                        </ul>
                    </div>
                </section>
                
                <!-- Prohibited Conduct -->
                <section id="prohibited-conduct" class="terms-section">
                    <h2>5. Prohibited Conduct</h2>
                    <p>The following activities are strictly prohibited when using our service:</p>
                    
                    <div class="prohibited-list">
                        <h5><i class="fas fa-ban me-2"></i>Prohibited Activities</h5>
                        <ul>
                            <li>Violating any applicable laws or regulations</li>
                            <li>Infringing on intellectual property rights</li>
                            <li>Uploading malicious code or viruses</li>
                            <li>Attempting to gain unauthorized access to our systems</li>
                            <li>Interfering with or disrupting our services</li>
                            <li>Using the service for spam or unsolicited communications</li>
                            <li>Reverse engineering or attempting to extract source code</li>
                            <li>Sharing account credentials with unauthorized parties</li>
                            <li>Using the service to process illegal or harmful content</li>
                            <li>Violating privacy rights of individuals</li>
                        </ul>
                    </div>
                    
                    <p>Violation of these terms may result in immediate termination of your account and legal action.</p>
                </section>
                
                <!-- Intellectual Property -->
                <section id="intellectual-property" class="terms-section">
                    <h2>6. Intellectual Property Rights</h2>
                    <p>The service and its original content, features, and functionality are and will remain the exclusive property of Adtlas DAI and its licensors.</p>
                    
                    <h3>Our Rights</h3>
                    <ul>
                        <li>All software, algorithms, and AI models</li>
                        <li>User interface designs and layouts</li>
                        <li>Documentation and training materials</li>
                        <li>Trademarks, logos, and brand elements</li>
                        <li>Proprietary analytics methodologies</li>
                    </ul>
                    
                    <h3>Your Rights</h3>
                    <p>Subject to these Terms, we grant you a limited, non-exclusive, non-transferable license to:</p>
                    <ul>
                        <li>Access and use the service for your intended purposes</li>
                        <li>Download and use our mobile applications</li>
                        <li>Create derivative works from your own data analysis</li>
                    </ul>
                </section>
                
                <!-- User Content -->
                <section id="user-content" class="terms-section">
                    <h2>7. User Content and Data</h2>
                    <p>You retain ownership of any data, files, or content you upload to our platform ("User Content"). However, by uploading User Content, you grant us certain rights:</p>
                    
                    <h3>License Grant</h3>
                    <p>You grant Adtlas DAI a worldwide, non-exclusive, royalty-free license to:</p>
                    <ul>
                        <li>Store and process your data to provide our services</li>
                        <li>Create backups and ensure data redundancy</li>
                        <li>Generate analytics and insights from your data</li>
                        <li>Use aggregated, anonymized data for service improvement</li>
                    </ul>
                    
                    <div class="highlight-box">
                        <h5><i class="fas fa-shield-alt me-2"></i>Data Protection</h5>
                        <p class="mb-0">We implement industry-standard security measures to protect your data. We will never sell your personal data or use it for purposes other than providing our services.</p>
                    </div>
                    
                    <h3>Your Responsibilities</h3>
                    <ul>
                        <li>Ensure you have rights to upload and process the data</li>
                        <li>Comply with applicable data protection laws</li>
                        <li>Not upload sensitive personal information without proper safeguards</li>
                        <li>Maintain appropriate data governance practices</li>
                    </ul>
                </section>
                
                <!-- Payment Terms -->
                <section id="payment" class="terms-section">
                    <h2>8. Payment Terms</h2>
                    <p>For paid services, the following payment terms apply:</p>
                    
                    <h3>Billing</h3>
                    <ul>
                        <li>Subscription fees are billed in advance on a monthly or annual basis</li>
                        <li>All fees are non-refundable except as required by law</li>
                        <li>Prices may change with 30 days' notice</li>
                        <li>Failed payments may result in service suspension</li>
                    </ul>
                    
                    <h3>Cancellation</h3>
                    <ul>
                        <li>You may cancel your subscription at any time</li>
                        <li>Cancellation takes effect at the end of the current billing period</li>
                        <li>You remain responsible for charges incurred before cancellation</li>
                        <li>Data export options are available before account closure</li>
                    </ul>
                    
                    <div class="warning-box">
                        <h5><i class="fas fa-credit-card me-2"></i>Payment Processing</h5>
                        <p class="mb-0">Payments are processed by secure third-party providers. We do not store your complete payment information on our servers.</p>
                    </div>
                </section>
                
                <!-- Privacy -->
                <section id="privacy" class="terms-section">
                    <h2>9. Privacy</h2>
                    <p>Your privacy is important to us. Our Privacy Policy explains how we collect, use, and protect your information when you use our service.</p>
                    
                    <p>By using our service, you agree to the collection and use of information in accordance with our Privacy Policy. Please review our <a href="{% url 'core:privacy' %}" class="text-primary">Privacy Policy</a> for detailed information.</p>
                    
                    <h3>Key Privacy Principles</h3>
                    <ul>
                        <li>We collect only necessary information to provide our services</li>
                        <li>We use industry-standard encryption and security measures</li>
                        <li>We do not sell your personal information to third parties</li>
                        <li>You have control over your data and privacy settings</li>
                    </ul>
                </section>
                
                <!-- Disclaimers -->
                <section id="disclaimers" class="terms-section">
                    <h2>10. Disclaimers</h2>
                    <p>Our service is provided "as is" and "as available" without warranties of any kind, either express or implied.</p>
                    
                    <div class="warning-box">
                        <h5><i class="fas fa-exclamation-triangle me-2"></i>Important Disclaimer</h5>
                        <p class="mb-0">While we strive for accuracy, we do not guarantee that our analytics or AI predictions will be error-free or suitable for all purposes. Users should validate results independently.</p>
                    </div>
                    
                    <h3>We Disclaim</h3>
                    <ul>
                        <li>Warranties of merchantability and fitness for a particular purpose</li>
                        <li>Guarantees of uninterrupted or error-free service</li>
                        <li>Accuracy or completeness of analytics results</li>
                        <li>Compatibility with all systems and software</li>
                        <li>Protection against all security threats</li>
                    </ul>
                </section>
                
                <!-- Limitation of Liability -->
                <section id="limitation" class="terms-section">
                    <h2>11. Limitation of Liability</h2>
                    <p>To the maximum extent permitted by law, Adtlas DAI shall not be liable for any indirect, incidental, special, consequential, or punitive damages.</p>
                    
                    <h3>Liability Limits</h3>
                    <ul>
                        <li>Our total liability is limited to the amount you paid for the service in the 12 months preceding the claim</li>
                        <li>We are not liable for business losses, lost profits, or data loss</li>
                        <li>Force majeure events are excluded from our liability</li>
                        <li>Third-party service failures are not our responsibility</li>
                    </ul>
                    
                    <p>Some jurisdictions do not allow the exclusion of certain warranties or limitation of liability, so these limitations may not apply to you.</p>
                </section>
                
                <!-- Termination -->
                <section id="termination" class="terms-section">
                    <h2>12. Termination</h2>
                    <p>We may terminate or suspend your account and access to the service immediately, without prior notice, for any reason, including breach of these Terms.</p>
                    
                    <h3>Termination by You</h3>
                    <ul>
                        <li>You may terminate your account at any time through your account settings</li>
                        <li>You may request data export before termination</li>
                        <li>Termination does not relieve you of payment obligations</li>
                    </ul>
                    
                    <h3>Termination by Us</h3>
                    <ul>
                        <li>We may terminate accounts for violation of these Terms</li>
                        <li>We may suspend service for non-payment</li>
                        <li>We may terminate service if we discontinue operations</li>
                    </ul>
                    
                    <h3>Effect of Termination</h3>
                    <p>Upon termination, your right to use the service ceases immediately. We may delete your data after a reasonable period, subject to legal requirements and our Privacy Policy.</p>
                </section>
                
                <!-- Governing Law -->
                <section id="governing-law" class="terms-section">
                    <h2>13. Governing Law and Dispute Resolution</h2>
                    <p>These Terms are governed by and construed in accordance with the laws of [Jurisdiction], without regard to conflict of law principles.</p>
                    
                    <h3>Dispute Resolution</h3>
                    <ol>
                        <li><strong>Informal Resolution:</strong> We encourage you to contact us first to resolve any disputes informally</li>
                        <li><strong>Mediation:</strong> If informal resolution fails, disputes may be resolved through mediation</li>
                        <li><strong>Arbitration:</strong> Binding arbitration may be required for certain disputes</li>
                        <li><strong>Court Jurisdiction:</strong> Any legal proceedings must be brought in the courts of [Jurisdiction]</li>
                    </ol>
                </section>
                
                <!-- Changes to Terms -->
                <section id="changes" class="terms-section">
                    <h2>14. Changes to Terms</h2>
                    <p>We reserve the right to modify these Terms at any time. When we make changes:</p>
                    
                    <ul>
                        <li>We will post the updated Terms on this page</li>
                        <li>We will update the "Last updated" date</li>
                        <li>For material changes, we will provide notice via email or platform notification</li>
                        <li>Continued use of the service constitutes acceptance of new Terms</li>
                    </ul>
                    
                    <div class="highlight-box">
                        <h5><i class="fas fa-bell me-2"></i>Stay Informed</h5>
                        <p class="mb-0">We recommend reviewing these Terms periodically to stay informed of any changes. Significant changes will be communicated clearly to all users.</p>
                    </div>
                </section>
                
                <!-- Contact Information -->
                <section id="contact" class="terms-section">
                    <h2>15. Contact Information</h2>
                    <p>If you have any questions about these Terms of Service, please contact us:</p>
                    
                    <div class="contact-card">
                        <h5><i class="fas fa-gavel me-2"></i>Legal Department</h5>
                        <p class="mb-2"><strong>Email:</strong> legal@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>Contact Legal Team
                        </a>
                    </div>
                    
                    <div class="mt-4">
                        <h5>Additional Resources</h5>
                        <ul class="list-unstyled">
                            <li><a href="{% url 'core:privacy' %}" class="text-primary"><i class="fas fa-shield-alt me-2"></i>Privacy Policy</a></li>
                            <li><a href="{% url 'core:contact' %}" class="text-primary"><i class="fas fa-envelope me-2"></i>Contact Support</a></li>
                            <li><a href="{% url 'core:about' %}" class="text-primary"><i class="fas fa-info-circle me-2"></i>About Us</a></li>
                        </ul>
                    </div>
                </section>
            </div>
        </div>
    </div>
</div>
{% endblock %}

{% block extra_js %}
<script>
    document.addEventListener('DOMContentLoaded', function() {
        // Smooth scrolling for navigation links
        const navLinks = document.querySelectorAll('.terms-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('.terms-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(`.terms-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('.terms-section').forEach(section => {
            section.style.opacity = '0';
            section.style.transform = 'translateY(20px)';
            section.style.transition = 'all 0.6s ease';
            observer.observe(section);
        });
        
        // Add print functionality
        function addPrintButton() {
            const printBtn = document.createElement('button');
            printBtn.className = 'btn btn-outline-primary btn-sm position-fixed';
            printBtn.style.bottom = '2rem';
            printBtn.style.right = '2rem';
            printBtn.style.zIndex = '1000';
            printBtn.innerHTML = '<i class="fas fa-print me-2"></i>Print Terms';
            printBtn.onclick = () => window.print();
            document.body.appendChild(printBtn);
        }
        
        addPrintButton();
    });
</script>
{% endblock %}