{% extends '@app/index.html.twig' %}

{% block content %}
    <div class="container-fluid">
        <div class="row">
            <div class="col-lg-offset-4 col-lg-4 col-md-offset-3 col-md-5 col-sm-offset-2 col-sm-8 col-sm-offset-1 col-sm-10">
                <button class="btn btn-lg btn-info center-block">Open Sesame</button>
            </div>
        </div>
    </div>
{% endblock %}

{% block js %}
    <script>
        const init = () => {
            const urls = [
                {% for url in urls %}
                "{{ url }}",
                {% endfor %}
            ];

            if (urls.length === 0) {
                window.location.replace('{{ path_for('dashboard') }}');
            }

            document.querySelector('.btn').addEventListener('click', function (e) {
                e && e.preventDefault();

                let firstUrl = urls.shift();

                urls.forEach(function (url) {
                    window.open(url, '_blank');
                });

                window.location.replace(firstUrl);
            });
        };

        document.addEventListener('DOMContentLoaded', init, false);
    </script>
{% endblock %}
{% extends '@app/index.html.twig' %}

{% block content %}
    <div class="container-fluid">
        <div class="row">
            <div class="col-lg-offset-4 col-lg-4 col-md-offset-3 col-md-5 col-sm-offset-2 col-sm-8 col-sm-offset-1 col-sm-10">
                <div class="alert alert-warning">
                    <h4>Please add <code>[*.]manylinks.online</code> to your browser's Popup Whitelist</h4>
                    <p>Instructions for: <a href="https://support.google.com/chrome/answer/95472?hl=en" target="_blank" class="alert-link">Chrome</a> </p>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-offset-4 col-lg-4 col-md-offset-3 col-md-5 col-sm-offset-2 col-sm-8 col-sm-offset-1 col-sm-10">
                <button class="btn btn-lg btn-info center-block">Open Sesame</button>
            </div>
        </div>
    </div>
{% endblock %}

{% block js %}
    <script>
        const init = () => {
            const urls = [
                {% for url in urls %}
                "{{ url }}",
                {% endfor %}
            ];

            if (urls.length === 0) {
                window.location.replace('{{ path_for('dashboard') }}');
            }

            document.querySelector('.btn').addEventListener('click', function (e) {
                e && e.preventDefault();

                let firstUrl = urls.shift();

                urls.forEach(function (url) {
                    window.open(url, '_blank');
                });

                window.location.replace(firstUrl);
            });
        };

        document.addEventListener('DOMContentLoaded', init, false);
    </script>
{% endblock %}
Add popup instructions to expand view
Add popup instructions to expand view
