


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>ROOTOR WEBSITE GENERATOR</title>

    <link rel="stylesheet" href="/content-manager/css/bootstrap.min.css">
    <link rel="stylesheet" href="/content-manager/css/bootstrap-icons.min.css">
    <link rel="stylesheet" href="/content-manager/css/styles.css">

</head>
<body>

<div class="container-fluid login-wrap">
    <div class="login-container">

        <div class="card">
            <div class="card-body text-center">
                <form name="loginform" id="loginform" action="" method="post" autocomplete="off">
                    <img src="/images/rootor-logo.png" class="logo" alt="rootor">

                    <div class="form-floating mb-3">
                        <input type="text"
                               name="username"
                               class="form-control"
                               id="username"
                               required
                               autocapitalize="none"
                               placeholder="Username">
                        <label for="username">Username</label>
                    </div>
                    <div class="form-floating password-wrapper position-relative">
                        <input type="password"
                               name="password"
                               class="form-control"
                               id="password"
                               required
                               autocapitalize="none"
                               autocomplete="off"
                               placeholder="Password">
                        <label for="password">Password</label>
                        <button type="button" class="password-toggle btn btn-sm" aria-label="Show password" tabindex="-1">
                            <i class="bi bi-eye h4" aria-hidden="true"></i>
                        </button>
                    </div>

        
                    <div class="row mt-3">

                        <div class="col-6">
                            <select class="form-select" id="language">
                                <option value="en" selected>In English</option>
                                <option value="de" >Auf Deutsch</option>
                                <option value="sv" >På svenska</option>
                                <option value="hu" >Magyarul</option>
                            </select>
                        </div>

                        <div class="col-6">
                            <button type="submit" class="w-100 btn btn-success text-uppercase">Login <i class="bi bi-box-arrow-in-right h5"></i></button>
                        </div>

                  <!--       <div class="col-md-12 pt-5">
                            <a href="/content-manager/">Tovább (ideiglenes)</a>
                        </div> -->
                    </div>
                </form>

            </div>
        </div>
    </div>
</div>

<div class="footer sticky-bottom">

    <div class="footer-text">
                <a href="https://rootor.com/website-generator/" target="_blank" rel="noopener">Rootor Website Generator</a> |
                <a href="https://rootor.nu/quote/" target="_blank" rel="noopener">Request a quote</a>
    
    
 | 
                <style type="text/css">
            #cloak_c673cdd0.cloaked-email:before {
                content: attr(data-domain) "\0040" attr(data-user);
                unicode-bidi: bidi-override;
                direction: rtl;
            }
        </style>
        <span id="cloak_c673cdd0" class="cloaked-email" data-user="ofni" data-domain="ue.rotoor"></span>
        <script>
            (function(){
                var id = 'cloak_c673cdd0';
                var span = document.getElementById(id);
                if(!span) return;
                var user = span.getAttribute('data-user').split('').reverse().join('');
                var domain = span.getAttribute('data-domain').split('').reverse().join('');
                var a = document.createElement('a');
                a.href = 'mailto:' + user + '@' + domain;
                a.target = '_blank';
                a.rel = 'noopener noreferrer';
                a.innerText = 'Contact';
                span.parentNode.insertBefore(a, span);
                span.parentNode.removeChild(span);
            })();
        </script>
        <span class="visually-hidden">website development, website generator</span>
    </div>
</div>

<script src="/content-manager/js/login.js"></script>
<script src="/content-manager/js/bootstrap.bundle.min.js"></script>
<script>
document.addEventListener('DOMContentLoaded', function () {
    const toggle = document.querySelector('.password-toggle');
    const pwd = document.getElementById('password');
    if (!toggle || !pwd) return;

    toggle.addEventListener('click', function () {
        const isPwd = pwd.type === 'password';
        pwd.type = isPwd ? 'text' : 'password';
        const ico = toggle.querySelector('i.bi');
        if (ico) {
            ico.classList.toggle('bi-eye', !isPwd);
            ico.classList.toggle('bi-eye-slash', isPwd);
        }
    });
});
</script>





</body>
</html>


