<!DOCTYPE html>
<html lang="en">
<head>
    <title>Centercom Connect</title>
    <meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <link rel="stylesheet" href="/build/vendors-node_modules_symfony_stimulus-bridge_dist_index_js-node_modules_angular-animate_index-272a79.css"><link rel="stylesheet" href="/build/app.css">
    <script src="/build/vendors-node_modules_symfony_stimulus-bridge_dist_index_js-node_modules_angular-animate_index-272a79.js" defer></script><script src="/build/app.js" defer></script>
    <link rel="stylesheet" href="/build/css/unicorn-login.css"/>
</head>
<body>
<div id="container">
    <div id="logo">
        <img src="/build/img/logo.png" alt=""/>
    </div>
    <div id="user">
        <div class="avatar">
            <div class="inner"></div>
            <img src="/build/img/logo.png" width="75px" height="75px"/>
        </div>
        <div class="text">
            <h4>Welkom, <span class="user_name"></span></h4>
        </div>
    </div>
    <div id="loginbox">
        <form id="loginform" action="/login_check" method="post">
            <input type="hidden" id="redirect_path" name="redirect_path" value=""/>
            <p>Voer uw gebruikersnaam en wachtwoord in.</p>

            <div class="input-group input-sm">
                <span class="input-group-addon"><i class="fa fa-user"></i></span>
                <input class="form-control" type="text" id="username" name="_username" placeholder="Gebruikersnaam"/>
            </div>
            <div class="input-group">
                <span class="input-group-addon"><i class="fa fa-lock"></i></span>
                <input class="form-control" type="password" id="password" name="_password" placeholder="Wachtwoord"/>
            </div>
            <div class="form-actions clearfix">
                                                                <div class="pull-right">
                    <a href="#recoverform" class="flip-link to-recover grey">Wachtwoord vergeten?</a>
                </div>
                <input type="submit" class="btn btn-block btn-primary btn-default"
                       style="background-color: #E4267C; border:0px;" value="Inloggen"/>
            </div>
                                                                                                            
        </form>
        <form id="recoverform" action="#">
            <p>Enter your e-mail address below and we will send you instructions how to recover a password.</p>

            <div class="input-group">
                <span class="input-group-addon"><i class="fa fa-envelope"></i></span><input class="form-control"
                                                                                            type="text"
                                                                                            placeholder="E-mail address"/>
            </div>
            <div class="form-actions clearfix">
                <div class="pull-left">
                    <a href="#loginform" class="grey flip-link to-login">Inloggen</a>
                </div>
                                                                <input type="submit" class="btn btn-block btn-inverse" value="Recover"/>
            </div>
        </form>
        <form id="registerform" action="#">
            <p>Enter information required to register:</p>

            <div class="input-group">
                <span class="input-group-addon"><i class="fa fa-user"></i></span><input class="form-control" type="text"
                                                                                        placeholder="Enter Username"/>
            </div>
            <div class="input-group">
                <span class="input-group-addon"><i class="fa fa-lock"></i></span><input class="form-control"
                                                                                        type="password"
                                                                                        placeholder="Choose Password"/>
            </div>
            <div class="input-group">
                <span class="input-group-addon"><i class="fa fa-lock"></i></span><input class="form-control"
                                                                                        type="password"
                                                                                        placeholder="Confirm password"/>
            </div>
            <div class="input-group">
                <span class="input-group-addon"><i class="fa fa-envelope"></i></span><input class="form-control"
                                                                                            type="text"
                                                                                            placeholder="Enter E-mail address"/>
            </div>
            <div class="form-actions clearfix">
                <div class="pull-left">
                    <a href="#loginform" class="grey flip-link to-login">Inloggen</a>
                </div>
                <div class="pull-right">
                    <a href="#recoverform" class="grey flip-link to-recover">Wachtwoord vergeten?</a>
                </div>
                <input type="submit" class="btn btn-block btn-success" value="Register"/>
            </div>
        </form>
    </div>
</div>

</body>
<script>
	// JavaScript to capture the current URL fragment and add it to the hidden field
	document.getElementById('redirect_path').value = window.location.pathname + window.location.hash;
</script>
</html>
