@extends('layouts.external')

@section('content')
    <div class="lockscreen-logo">

        <p style="font-size: 20px; margin-top:30px; font-weight:bold">Pobrany plik ze względu na bezpieczeństwo jest zaszyfrowany. Odkodujesz go swoim numerem PESEL.</p>

        <p style="font-size: 20px; margin-top:30px">Strona wygaśnie za <span id="countdown">60</span> sekund</p>

        <a href="{{ route('get.external.download', ['uuid' => $uuid]) }}"
           type="button" style="color:white"
           class="btn btn-block bg-gradient-success btn-lg">
            <i class="fas fa-download"></i>
            Pobierz dokument
        </a>
    </div>

    <script>

        const redirectUrl = "https://uksw.edu.pl";
        let seconds = 60;
        const countdownElement = document.getElementById('countdown');

        const countdown = setInterval(() => {
            seconds -= 1;
            countdownElement.textContent = seconds;
            if (seconds <= 0) {
                clearInterval(countdown);
                window.location.href = redirectUrl;
            }
        }, 1000);
    </script>
@endsection()