{% 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 kræver fra 2026 en registrator for alle .dk-domæner — også for selvhostere med egne navneservere. PunktFri er et non-profit initiativ, der bygger præcis det mellemled, der mangler: kostpris, demokratisk styring, ingen indblanding i din infrastruktur. 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 %}