{{ block title }}

{{ endblock }}

{{ block content }}
<p class = "h2">La ringraziamo molto per il tempo che ci ha dedicato! </p>

<p class = "lead"> 

    <p class = "fs-5">La stiamo reindirizzando alla piattaforma di SWG per concludere il questionario ...</h3>
    <p>Reindirizzamento automatico tra <strong id="countdown">5</strong> secondi.</p>

    
<p>Se non viene reindirizzato/a automaticamente, la preghiamo di cliccare sul pulsante qui sotto:</p>
    <a href="{{ external_url }}" class="btn btn-primary" id="fallback-link">
        Clicchi qui per tornare alla piattaforma SWG
    </a>

<br>
    </div>
<br><br>
<div class="progress">
  <div class="progress-bar progress-bar-striped" role="progressbar" aria-label="Default striped example" style="width: 100%" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100"></div>
</div>
{{ endblock }}

{{ block scripts }}
<script>
    const redirectUrl = "{{ external_url }}";
    let timeLeft = 5; // Set the timer length in seconds
    const countdownElement = document.getElementById('countdown');

    // 1. Update the countdown display every second
    const timer = setInterval(function() {
        timeLeft--;
        countdownElement.textContent = timeLeft;
        
        if (timeLeft <= 0) {
            clearInterval(timer);
        }
    }, 1000);

    // 2. Trigger the actual redirection after 5000 milliseconds (5 seconds)
    window.onload = function() {
        setTimeout(function() {
            window.location.replace(redirectUrl);
        }, 5000); 
    };
</script>
{{ endblock }}