{% extends team.id+'/base.html' %}

{% block title %}Cookie policy{% endblock %}
{% block description %}How we manage your data on the website{% endblock %}

{% block content %}<section class="container my-5">
    <div class="row justify-content-center">
        <div class="col-lg-9">
            <div class="text-center mb-5">
                <h1 class="display-4">COOKIES AND STORAGE POLICY</h1>
                <p class="lead text-muted">How we manage your data on the web</p>
                <hr class="border-warning border-2 w-25 mx-auto">
            </div>

            <div class="card shadow-lg border-0 rounded-4 overflow-hidden mb-4">
                <div class="card-body p-5">
                    <p class="mb-5">On this <strong>{{team.team_name}}</strong> fan site, we respect your privacy. We clearly explain how the technologies we use work:</p>

                    <div class="mb-5">
                        <h2 class="text-uppercase h4 mb-3 text-orange border-bottom pb-2">1. What is LocalStorage?</h2>
                        <p>Instead of persistent cookies for member data, we use your browser's <strong>LocalStorage</strong>.</p>
                        <div class="row g-3 mt-2">
                            <div class="col-md-4">
                                <div class="p-3 bg-light-subtle rounded text-center h-100">
                                    <i class="bi bi-cpu fs-3 text-muted"></i>
                                    <p class="small mt-2 mb-0"><strong>What is it for?</strong> To save your "Member" file and maintain the simulated session.</p>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="p-3 bg-light-subtle rounded text-center h-100">
                                    <i class="bi bi-hdd-network fs-3 text-muted"></i>
                                    <p class="small mt-2 mb-0"><strong>Where is it stored?</strong> Data is not sent to the server; it stays on your device.</p>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="p-3 bg-light-subtle rounded text-center h-100">
                                    <i class="bi bi-trash3 fs-3 text-muted"></i>
                                    <p class="small mt-2 mb-0"><strong>How to delete it?</strong> By clearing your browser history or cache.</p>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="mb-5">
                        <h2 class="text-uppercase h4 mb-3 text-orange border-bottom pb-2">2. Forms and Contact Data</h2>
                        <p>The data you enter in the contact form (name and email):</p>
                        <ul>
                            <li><strong>Are not stored as cookies:</strong> They are sent directly by email so we can respond to you.</li>
                            <li><strong>Consent:</strong> We do not use this data to track you, only for manager-user communication.</li>
                        </ul>
                    </div>

                    <div class="mb-5">
                        <h2 class="text-uppercase h4 mb-3 text-orange border-bottom pb-2">3. Analysis Processes</h2>
                        <p>We use anonymous internal analysis tools (country of origin, browser type, and pages visited) to improve content. We do not identify individuals.</p>
                    </div>

                    <div class="mb-5">
                        <h2 class="text-uppercase h4 mb-3 text-orange border-bottom pb-2">4. Third-Party Cookies</h2>
                        <p>If the website includes YouTube videos or social widgets, these services might install their own cookies over which Master Roshi has no control.</p>
                    </div>

                    <div class="mb-4">
                        <h2 class="text-uppercase h4 mb-3 text-orange border-bottom pb-2">5. How to manage them?</h2>
                        <p>If you want to avoid any tracking, you can browse in <strong>Incognito Mode</strong> or configure your browser to block LocalStorage in the "Privacy and Security" section.</p>
                    </div>

                    <div class="alert alert-info border-0 d-flex align-items-center mt-5">
                        <i class="bi bi-link-45deg fs-4 me-3"></i>
                        <span>You can also consult our <a href="{{ url_for('team.legal_policy', team_id=team.id) }}" class="fw-bold text-info text-decoration-none">Legal Notice</a> for more general information.</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>{% endblock %}