{% extends "framework_modern.html" %}
{% load static %}

{% block main_content %}
<div class="max-w-4xl mx-auto px-4 py-8">
    <!-- Breadcrumbs -->
    <div class="text-sm breadcrumbs mb-4">
        <ul>
            <li><a href="/">Home</a></li>
            <li>Cookie Policy</li>
        </ul>
    </div>

    <!-- Main Content -->
    <div class="bg-base-100 shadow-xl rounded-lg p-8">
        <h1 class="text-4xl font-bold mb-6">Cookie Policy</h1>

        <div class="prose max-w-none">
            <p class="text-lg mb-6">
                This Cookie Policy explains how enviPath uses cookies and similar technologies to recognize you when
                you visit our platform. It explains what these technologies are and why we use them.
            </p>

            <h2 class="text-2xl font-semibold mt-8 mb-4">1. What Are Cookies?</h2>
            <p class="mb-4">
                Cookies are small data files that are placed on your computer or mobile device when you visit a website.
                Cookies are widely used by website owners to make their websites work, or to work more efficiently, as
                well as to provide reporting information.
            </p>

            <h2 class="text-2xl font-semibold mt-8 mb-4">2. Why We Use Cookies</h2>
            <p class="mb-4">We use cookies for several reasons:</p>
            <ul class="list-disc list-inside mb-4 space-y-2">
                <li><strong>Essential Cookies:</strong> Required for the platform to function properly</li>
                <li><strong>Analytics Cookies:</strong> Help us understand how visitors interact with our platform</li>
                <li><strong>Functional Cookies:</strong> Enable enhanced functionality and personalization</li>
                <li><strong>Security Cookies:</strong> Authenticate users and prevent fraudulent use</li>
            </ul>

            <h2 class="text-2xl font-semibold mt-8 mb-4">3. Types of Cookies We Use</h2>

            <div class="overflow-x-auto mb-6">
                <table class="table table-zebra w-full">
                    <thead>
                        <tr>
                            <th>Cookie Type</th>
                            <th>Purpose</th>
                            <th>Duration</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td><strong>Session Cookies</strong></td>
                            <td>Maintain your login state and session data</td>
                            <td>Session</td>
                        </tr>
                        <tr>
                            <td><strong>CSRF Token</strong></td>
                            <td>Security protection against cross-site request forgery</td>
                            <td>Session</td>
                        </tr>
                        <tr>
                            <td><strong>Matomo Analytics</strong></td>
                            <td>Track usage patterns and improve our services</td>
                            <td>13 months</td>
                        </tr>
                        <tr>
                            <td><strong>OAuth Tokens</strong></td>
                            <td>Authentication and authorization for API access</td>
                            <td>Varies</td>
                        </tr>
                    </tbody>
                </table>
            </div>

            <h2 class="text-2xl font-semibold mt-8 mb-4">4. Matomo Analytics</h2>
            <p class="mb-4">
                We use Matomo, an open-source web analytics platform, to collect information about how visitors use enviPath.
                Matomo uses cookies to collect standard internet log information and visitor behavior patterns. The information
                generated by cookies about your use of the platform is transmitted to our servers.
            </p>
            <p class="mb-4">
                We analyze this information to:
            </p>
            <ul class="list-disc list-inside mb-4 space-y-2">
                <li>Understand how users interact with our platform</li>
                <li>Identify popular features and areas for improvement</li>
                <li>Detect and diagnose technical issues</li>
                <li>Generate reports on platform usage</li>
            </ul>

            <h2 class="text-2xl font-semibold mt-8 mb-4">5. Third-Party Cookies</h2>
            <p class="mb-4">
                In addition to our own cookies, we may use various third-party cookies to report usage statistics and
                provide integrated services:
            </p>
            <ul class="list-disc list-inside mb-4 space-y-2">
                <li><strong>Discourse Community:</strong> For our community forums at community.envipath.org</li>
                <li><strong>External CDNs:</strong> For loading libraries like jQuery and Font Awesome</li>
            </ul>

            <h2 class="text-2xl font-semibold mt-8 mb-4">6. Managing Cookies</h2>
            <p class="mb-4">
                Most web browsers allow you to control cookies through their settings. However, if you limit the ability
                of websites to set cookies, you may worsen your overall user experience, as some features may not function
                properly.
            </p>

            <div class="alert alert-warning mb-6">
                <svg xmlns="http://www.w3.org/2000/svg" class="stroke-current shrink-0 h-6 w-6" fill="none" viewBox="0 0 24 24">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z" />
                </svg>
                <span><strong>Note:</strong> Disabling essential cookies will prevent you from using certain features of enviPath.</span>
            </div>

            <h3 class="text-xl font-semibold mt-6 mb-3">Browser Settings</h3>
            <p class="mb-4">You can manage cookies in your browser settings:</p>
            <ul class="list-disc list-inside mb-4 space-y-2">
                <li><strong>Chrome:</strong> Settings → Privacy and security → Cookies and other site data</li>
                <li><strong>Firefox:</strong> Options → Privacy & Security → Cookies and Site Data</li>
                <li><strong>Safari:</strong> Preferences → Privacy → Cookies and website data</li>
                <li><strong>Edge:</strong> Settings → Cookies and site permissions → Cookies and site data</li>
            </ul>

            <h2 class="text-2xl font-semibold mt-8 mb-4">7. Updates to This Policy</h2>
            <p class="mb-4">
                We may update this Cookie Policy from time to time to reflect changes in technology, legislation, or our
                operations. Please check this page regularly for updates.
            </p>

            <h2 class="text-2xl font-semibold mt-8 mb-4">8. Contact Us</h2>
            <p class="mb-4">
                If you have questions about our use of cookies, please <a href="/contact" class="link link-primary">contact us</a>.
            </p>

            <div class="alert alert-info mt-8">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" class="stroke-current shrink-0 w-6 h-6">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
                </svg>
                <span>Last updated: 2025</span>
            </div>
        </div>
    </div>
</div>
{% endblock main_content %}