<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <title>Altarik Launcher</title>
    <meta http-equiv="Content-Security-Policy" content="script-src 'self' 'unsafe-inline' 'unsafe-eval';" />
    <link rel="stylesheet" href="../../node_modules/izitoast/dist/css/iziToast.min.css">
    <link href="assets/css/fonts.css" rel="stylesheet" />
    <link href="assets/css/login.css" rel="stylesheet" />
    <link href="assets/css/menubar.css" rel="stylesheet" />
    <!-- <link rel="shortcut icon" type="image/png" href="assets/images/icon.png"/> -->
</head>
<body>
    <div id="vue">
        <div id="menubar">
            <ul class="left">
                <img src="../../icon.ico">
            </ul>
            <ul class="right">
                <!-- Mettre ce code en ligne pour éviter que chrome ne met un espace automatiquement entre les éléments -->
                <li id="minimize-btn"><i class="material-icons">minimize</i></li><!--<li id="max-unmax-btn"><i class="material-icons">crop_square</i></li>--><li id="close-btn"><i class="material-icons">close</i></li>
            </ul>
        </div>
        <div id="content">
            <div id="login">
                <h3>{{ login }}</h3>
                <hr>
                <form v-on:submit="formSubmit" id="login-form">
                    <label for="nickname">{{ email }}:</label><br />
                    <input type="text" name="nickname" id="nickname"><br />
                    <label for="password">{{ password }}:</label><br />
                    <input type="password" name="password" id="password"><br />
                    <input type="submit" v-bind:value="send_credentials">
                </form>
            </div>
            <button id="microsoft-button" v-on:click="microsoftButton">{{ microsoft_button }}</button>
        </div>
        
    </div>
    <script src="../../node_modules/izitoast/dist/js/iziToast.js" type="text/javascript"></script>
    <script src="assets/js/preload.js"></script>
    <script src="assets/js/login.js"></script>
</body>
</html>
