<section class="form-container">
    <form method="post" action="index.php?page=login" class="form-login">
        <div class="logo-container">
            <a href="index.php?page=films">
                <img src="Assets/Images/Logo/cine_le_paris_logo.svg" alt="Cine Le Paris Logo">
            </a>
        </div>
        <p>
            <label for="email">E-Mail</label>
            <input id="email" name="DATA_email" placeholder="E-Mail" type="email" required minlength="5" maxlength="50" 
                pattern="[a-zA-z\d._%+-]+@[a-zA-Z\d.-]+\.[a-z]{2,}$" title="Please write your email in this format: sign@sign.domain">
        </p>
        <p>
            <label for="password">Password</label>
            <div class="password-container">
                <input id="inp-password" name="DATA_password" placeholder="Password" type="password" required minlength="4" maxlength="20">
                <span class="toggle-password">
                👁️
                </span>
            </div>
        </p>
        <input class="btn" type="submit" name="BUTTON_login" value="Login">
    </form>
    <script type="module" src="./Scripts/togglePasswordText.js"></script>
</section>