<!
DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Connexion Zedpal</title>
<style>
/* (Styles inchangés, tu peux garder ce que tu avais déjà ci-dessus) */
.language-switch {
margin-top: 20px;
text-align: center;
font-size: 14px;
}
.language-switch span {
cursor: pointer;
margin: 0 8px;
color: #0070ba;
font-weight: 600;
}
.language-switch span:hover {
text-decoration: underline;
}
</style>
</head>
<body>
<div class="login-container">
<div class="logo">ZEDPAL</div>
<h1 id="title">Connexion à votre compte</h1>
<form method="POST" action="process_login.php" id="loginForm" novalidate>
<div class="error-msg" id="errorMsg"></div>
<label for="email" id="labelEmail">Adresse e-mail</label>
<input type="email" id="email" name="email" placeholder="email@[Link]"
required autocomplete="username" />
<label for="password" id="labelPassword">Mot de passe</label>
<input type="password" id="password" name="password" placeholder="********"
required autocomplete="current-password" />
<div class="forgot-links">
<a href="reset_email.html" id="forgotEmail">Adresse e-mail oubliée ?</a>
<a href="reset_password.html" id="forgotPassword">Mot de passe oublié ?</a>
</div>
<button type="submit" class="login-btn" id="loginBtn">Se connecter</button>
</form>
<div class="create-account">
<span id="newOnZedpal">Nouveau sur Zedpal ?</span>
<a href="[Link]" id="createAccountLink">Créer un compte</a>
</div>
<!-- 🔤 Sélecteur de langue -->
<div class="language-switch">
<span onclick="setLanguage('fr')">Français</span> |
<span onclick="setLanguage('en')">English</span>
</div>
</div>
<script>
const form = [Link]('loginForm');
const errorMsg = [Link]('errorMsg');
[Link]('submit', (e) => {
[Link] = '';
const email = [Link]();
const password = [Link]();
const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
if () {
[Link]();
[Link] = 'Veuillez entrer une adresse e-mail valide.';
[Link]();
return false;
}
if ([Link] === 0) {
[Link]();
[Link] = 'Veuillez entrer votre mot de passe.';
[Link]();
return false;
}
});
// 🌍 Traduction dynamique
const translations = {
fr: {
title: "Connexion à votre compte",
labelEmail: "Adresse e-mail",
labelPassword: "Mot de passe",
forgotEmail: "Adresse e-mail oubliée ?",
forgotPassword: "Mot de passe oublié ?",
loginBtn: "Se connecter",
newOnZedpal: "Nouveau sur Zedpal ?",
createAccountLink: "Créer un compte"
},
en: {
title: "Log in to your account",
labelEmail: "Email address",
labelPassword: "Password",
forgotEmail: "Forgot email?",
forgotPassword: "Forgot password?",
loginBtn: "Log in",
newOnZedpal: "New to Zedpal?",
createAccountLink: "Create an account"
}
};
function setLanguage(lang) {
for (const id in translations[lang]) {
const el = [Link](id);
if (el) [Link] = translations[lang][id];
}
}
</script>
</body>
</html>