<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Flip Noorman | Love It! | Preorder</title>
    <meta name="description" content="Na het overlijden van Cohen in 2016 bracht Flip Noorman eenmalig een hommage aan zijn grootste inspiratiebron in Paradiso. Na vele verzoeken om het toch niet bij die ene keer te laten is hij gezwicht om het programma nu ook in het theater te brengen.">
    <link rel="stylesheet" href="/static/css/index.css?v4">
    <link rel="icon" type="image/png" href="static/img/favicon.png" />
</head>
<body>
    <nav class="nav always-open">
        <div class="nav__section nav__left">
            <a href="/">Love It!</a>
        </div>
        <div class="nav__section nav__right">
            <a href="https://mailchi.mp/fa9b30c6bd38/flip-noorman-nieuwsbrief" class="c-nav-invert-button" target="_blank" ref="no-follow">Nieuwsbrief</a>
            <a href="/albums">Albums</a>
        </div>
    </nav>
    <div class="c-page-section o-full" id="" style="padding-top: 150px">
        <div class="c-page-section__content">
            {{if eq .payment.Status "open"}}
            <p class="t-p1">Betaling aan het verwerken <span class="js-loading"></span></p>
            {{else}}
            <form action="/preorder/retry/{{.orderID}}" method="POST">
                <p class="t-p1">Je betaling is mislukt, probeer <button class="t-link">opnieuw</button></p>
            </form>
            {{end}}
        </div>
    </div>
    <footer class="c-footer">
        <span>© {{.nowYear}} Flip Noorman </span>
        <span>info@flipnoorman.nl</span>
    </footer>
    <script>
        {{if eq .payment.Status "open"}}
            var loading = document.querySelector('.js-loading')

            setInterval((function () {
                var times = 0
                return function () {
                    times++
                    var dots = ''
                    for (i = 0; i < times % 4; i++) {
                        dots += '.'
                    }

                    loading.textContent = dots
                }
            })(), 200)
            setTimeout(function () {window.location.reload()}, 2000)
        {{end}}
    </script>
    <script src="/static/js/shared.js"></script>
</body>
</html>