{% extends "base.html" %}

{% block title %}Tak — PunktFri{% endblock %}

{% block content %}
<section class="tak-section">
    <div class="tak-card">
        <div class="tak-icon">✓</div>
        <h1>Tak for din tilmelding</h1>
        <p>Vi har noteret din interesse. Ingen forpligtelse, ingen faktura, intet abonnement.</p>
        <p>
            Vi vender tilbage med en enkelt opdatering, når vi ved, om der er tilstrækkelig
            interesse til at gå videre med idéen.
        </p>

        <div class="share-box">
            <p class="share-heading">Kender du andre, der er i samme situation?</p>
            <p class="share-sub">
                Jo flere selvhostere der tilkendegiver interesse, jo bedre argumenterer vi overfor
                Punktum dk og potentielle medstiftere. Send dem linket.
            </p>
            <div class="share-text" id="shareText">Punktum dk tvinger fra 2026 alle .dk-domæneejere ind under en kommerciel forhandler — selvom du kører egne navneservere og aldrig har haft brug for hjælp. PunktFri undersøger, om vi kan lave en non-profit registrator til os selv. Tilmeld din interesse: https://punktfri.dk</div>
            <button class="copy-btn" onclick="copyShare()">Kopiér tekst</button>
            <span class="copy-confirm" id="copyConfirm">Kopieret!</span>
        </div>

        <p class="tak-contact">
            Spørgsmål? Skriv til <a href="mailto:info@punktfri.dk">info@punktfri.dk</a>
        </p>
        <a href="/" class="back-link">← Tilbage til forsiden</a>
    </div>
</section>

<script>
function copyShare() {
    var text = document.getElementById('shareText').innerText;
    navigator.clipboard.writeText(text).then(function() {
        var confirm = document.getElementById('copyConfirm');
        confirm.style.display = 'inline';
        setTimeout(function() { confirm.style.display = 'none'; }, 2500);
    });
}
</script>
{% endblock %}