<script setup>
import ReturnHomeButton from '@/components/Widget/ReturnHomeButton.vue';
import DefaultSplash from '@/components/UI/DefaultSplash.vue';
import Box from '@/components/UI/Box.vue';
import Button from '@/components/UI/Button.vue';
import { onMounted } from 'vue';

onMounted(() => {
    document.title = "Politique de confidentialité - Subsonics";
});
</script>

<template>
    <DefaultSplash>
        <ReturnHomeButton/>
        <h1>Confidentialité</h1>
        <Box no-shadow  level="second" padding="closed">
            <div class="terms-content">
                <p><strong>Date d'entrée en vigueur :</strong> 22 juillet 2025</p>
                <p><strong>Responsable du traitement des données :</strong> Raphix (<code>raphixscrap</code> sur Discord)</p>

                <h2>1. Introduction</h2>
                <p>Subsonics (le "bot" et l’"application") est un bot Discord et une application Web proposant des fonctionnalités audio pour enrichir l’expérience de vos serveurs. </p>
                <p>Cette politique de confidentialité décrit quelles données sont collectées, comment elles sont utilisées, et quels sont vos droits.</p>
                <p>En utilisant Subsonics ou son interface Web, vous acceptez les conditions de cette politique de confidentialité.</p>

                <h2>2. Données collectées</h2>
                <p><strong>Données collectées automatiquement (pour le bon fonctionnement) :</strong></p>
                <ul>
                    <li>Identifiant utilisateur Discord (User ID)</li>
                    <li>Identifiant de serveur (Guild ID)</li>
                    <li>Identifiant de salon (Channel ID)</li>
                    <li>Commandes utilisées et journaux d’exécution</li>
                    <li>Données de lecture audio (titres de morceaux, horodatage, etc.)</li>
                </ul>

                <p><strong>Concernant l’application Web :</strong></p>
                <ul>
                    <li>Adresse IP (logs de sécurité)</li>
                    <li>Informations du navigateur (User-Agent)</li>
                    <li>Cookies (préférences, sécurité, analytics si activé)</li>
                </ul>

                <p>Nous <strong>ne collectons pas</strong> vos messages privés, vos conversations vocales ni aucune donnée personnelle sensible.</p>

                <h2>3. Utilisation des données</h2>
                <p>Les données collectées sont utilisées uniquement pour :</p>
                <ul>
                    <li>Assurer le bon fonctionnement du bot</li>
                    <li>Corriger les bugs et améliorer l’expérience utilisateur</li>
                    <li>Analyser l’utilisation de certaines commandes (statistiques anonymes)</li>
                    <li>Empêcher les abus et sécuriser l’infrastructure</li>
                </ul>
                <p>Nous ne revendons ni ne partageons vos données avec des tiers.</p>

                <h2>4. Conservation des données</h2>
                <ul>
                    <li>Les données des utilisateurs et serveurs sont conservées <strong>tant que le bot est présent sur le serveur et tant qu'une demande de supression n'a été expressément demandé</strong>.</li>
                </ul>

                <h2>5. Vos droits</h2>
                <p>Conformément au RGPD, vous avez le droit de :</p>
                <ul>
                    <li>Demander l’accès à vos données</li>
                    <li>Demander la suppression de vos données</li>
                    <li>Demander la rectification d’informations incorrectes</li>
                    <li>Retirer votre consentement à tout moment (en retirant le bot de votre serveur ou via une demande)</li>
                </ul>

                <h2>6. Suppression des données / Demandes</h2>
                <p>Pour toute demande liée à vos données personnelles, vous pouvez contacter le développeur :</p>
                <ul>
                    <li><strong>Nom :</strong> Raphix</li>
                    <li><strong>Contact Discord :</strong> <code>raphixscrap</code></li>
                    <li><strong>Informations à fournir :</strong> votre identifiant Discord (User ID) ou l’ID du serveur concerné</li>
                </ul>

                <h2>7. Sécurité</h2>
                <p>Nous mettons en œuvre des mesures techniques et organisationnelles raisonnables pour protéger vos données, incluant :</p>
                <ul>
                    <li>Accès limité aux données</li>
                    <li>Stockage sécurisé</li>
                    <li>Mises à jour régulières des dépendances</li>
                    <li>Surveillance et alertes en cas d’anomalie</li>
                </ul>
                <p>Malgré cela, aucun système n’est totalement invulnérable et nous ne pouvons garantir une sécurité absolue.</p>

                <h2>8. Services tiers</h2>
                <p>Subsonics utilise l’API Discord ainsi que des services d’hébergement. Ces plateformes ont leurs propres politiques de confidentialité :</p>
                <p><a href="https://discord.com/privacy" target="_blank">Politique de confidentialité de Discord</a></p>

                <h2>9. Modifications de cette politique</h2>
                <p>Cette politique peut être mise à jour à tout moment. N'hésitez pas à consulter régulièrement cette page pour rester informé des changements.</p>

                <h2>10. Contact</h2>
                <p>Pour toute question, suggestion ou réclamation :</p>
                <ul>
                    <li><strong>Développeur :</strong> Raphix</li>
                    <li><strong>Contact Discord :</strong> <code>raphixscrap</code></li>
                </ul>
            </div>
       
        </Box>
        <br/>
        <router-link class="no-decoration" to="/">
            <Button icon="fa-solid fa-house"> Revenir au concert</Button>
        </router-link>
        <!-- Add more content here as needed -->
    </DefaultSplash>
</template>
<style scoped>
    .terms-content {
             max-width: 800px;
        margin: 0 auto;
        padding-right: 10px;
        padding-left: 10px;
        font-size: 12px;
        line-height: 1.6;
        max-height: 35vh;
        overflow-y: auto;
        color: var(--text-secondary);
         text-align: justify;
    }
    h1 {
        font-size: 1.6em;
        margin-bottom: 10px;
        color: var(--text);
    }   
</style>