<!DOCTYPE html>
<html lang="en">
<head>
    <link rel="stylesheet" href="/styles.css">
    <link href="/css/bootstrap.min.css" rel="stylesheet">
  </head>
</head>
<body>

{{!-- Navigation links --}}
    <nav>
        <a href="/"><h4>Accueil</h4></a>
    </nav>

   <div class="container mt-4">
        <div class="card" style="width: 30rem;">            
            <div class="card-header">Saisissez vos identifiants pour vous connecter</div>    
            <div class="card-body">
                <form action="/auth/log-control" method="POST">
                    
                    <div class="mb-3">
                        <label for="email-reg" class="form-label">Adresse email</label>
                        <input type="text" class="form-control" id="email-reg" name="email" required="true">                        
                    </div>
                    <div class="mb-3">
                        <label for="password-reg" class="form-label">Votre mot de passe</label>
                        <input type="password" class="form-control" id="password-reg" name="password" required="true">
                    </div>
                    <div class="mb-3">
                        <label for="session-reg" class="form-label">ID de la session</label>
                        <input type="text" class="form-control" id="session-reg" name="session" required="true">
                    </div>
                    <div class="mb-3">
                        <label for="session-pass-reg" class="form-label">Mot de passe de la session</label>
                        <input type="password" class="form-control" id="session-pass-reg" name="session-password" required="true">
                    </div>
                    <button type="submit" class="btn btn-primary">Se connecter</button>
                </form>
            </div>
            <a href="/register">Pas encore inscrit ? Cliquez ici pour vous enregistrer.</a>
        </div>

        {{#if error }}
            <h4 class="alert alert-danger mt-4">{{error}}</h4>
        {{/if}}

    </div>

</body>
</html>