{% extends 'base.html' %}

{% block body %}

<div class="container keepaliveContainer"
    style="background-color: #fff;
        -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
        -ms-border-radius: 7px;
        -o-border-radius: 7px;
        border-radius: 7px;
        width: 400px;
        margin: 40px auto 10px;
        padding: 10px 20px 30px;
        overflow: hidden;
        position: relative;
">
    <img class="mb-4 inv-logo" src="{{ url_for('static', filename='images/invisily-logo.png')}}" alt="Invisily">
    {% with messages = get_flashed_messages() %}
        {% if messages %}
            <div class="rest-message" style="width: 360px;margin: auto;margin-top: 20px;">
                <div class="alert alert-danger" role="alert">
                    {{ messages[0] }}
                </div>
            </div>
        {% endif %}
    {% endwith %}
    <div class="keepaliveContainer-main">


        <div class="imageContainer-main">
            <h1>Do Not Close!</h1>
            <img width="150px" src="https://cdn-icons-png.flaticon.com/512/3068/3068019.png" alt="">
            <h4>This tab serve as bridge. Please do not close</h4>
        </div>

        <button class="btn btn-lg btn-primary btn-block open-b2b" type="button" id="logout" onclick="window.open('{{ b2b_url }}', '_blank')">Open RBI Bridge</button>
        <button class="btn btn-lg btn-primary btn-block logout" type="button" id="logout" onclick="window.location.href='/logout'">Logout</button>
    </div>

</div>

<script>
    window.addEventListener('beforeunload', function(event){
    	var logout = new XMLHttpRequest();
    	logout.open('POST', '/logout', false);
    	logout.send();
    });

    var socket = io.connect('/');
</script>

{% endblock body %}