<!DOCTYPE html>
<html lang="en">
<head>
    
    <title>OpenEMR Login</title>
        
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<link rel="shortcut icon" href="/public/images/logos/core/favicon/favicon.ico?t=1742713071" />

<link rel="stylesheet"  href="/public/themes/style_light.css?v=78" />

<script src="/public/assets/jquery/dist/jquery.min.js?v=78" type="text/javascript"></script>
<script src="/public/assets/bootstrap/dist/js/bootstrap.bundle.min.js?v=78" type="text/javascript"></script>
<script src="/library/js/utility.js?v=78" type="text/javascript"></script>
<script src="/library/textformat.js?v=78" type="text/javascript"></script>
<script src="/library/dialog.js?v=78" type="text/javascript"></script>



    
<script>
    function transmit_form(element) {
    // disable submit button to insert a notification of working
    element.disabled = true;
    // nothing fancy. mainly for mobile.
    element.innerHTML = '<i class="fa fa-circle-notch fa-spin mx-1"></i><span class="sr-only">' + jsText("Authenticating") + '</span>';
            document.cookie = "OpenEMR=%2Cljyi21sevZ3-dLYOhVeGPCd0oFQO5waYfm7pOIv3hbOo1ez; path=\/; domain=; expires=Thu, 01 Jan 1970 00:33:44 +0000; SameSite=Strict";
            document.forms[0].submit();
    return true;
}
</script>

        <style type="text/css">
        .band,
        .box,
        .vertical-band {
            background-color: var(--light);
        }
    </style>
    
<style type="text/css">
/* Custom CSS to be moved after the BS5 migration, this helps responsiveness */
@media (min-width: 768px) {
    .vertical-band {
        max-width: 36%;
    }
}
</style>
    <script>
        document.addEventListener('DOMContentLoaded', function () {
            const passInput = document.getElementById('clearPass');
            const toggle = document.getElementById('password-icon');
            toggle.addEventListener('click', function () {
                const isPassword = passInput.getAttribute('type') === 'password';
                passInput.setAttribute('type', isPassword ? 'text' : 'password');
                this.classList.toggle('fa-eye');
                this.classList.toggle('fa-eye-slash');
            });
        });
    </script>
</head>
<body>


<div class="vh-100 p-5 d-flex flex-column justify-content-center mx-auto vertical-band">
    <div class="align-items-center">
        <div class="d-flex flex-column justify-content-between align-items-center mb-5  ">
        <div class="flex-fill w-50">
        <img src="/public/images/logos/core/login/primary/logo.png?t=1742713071" class="img-fluid" alt="">
    </div>
        </div>
        
<p class="text-center lead">The most popular open-source Electronic Health Record and Medical Practice Management solution.</p>



<form method="POST" id="login_form" autocomplete="off" action="../main/main_screen.php?auth=login&site=default" target="_top" name="login_form">
    <input type="hidden" name="new_login_session_management" value="1">
    <input type="hidden" name="languageChoice" value="1">
    <div id="standard-auth-username" class="form-group row">
    <label for="authUser" class=" col-form-label col-sm-4">Username</label>
    <div class="col">
        <input type="text" class="form-control" id="authUser" name="authUser" placeholder="Username">
    </div>
</div>
    <div id="standard-auth-password" class="form-group row">
    <label for="clearPass" class=" col-form-label col-sm-4">Password</label>
    <div class="col input-group">
        <input type="password" class="form-control" id="clearPass" name="clearPass" placeholder="Password">
        <div class="input-group-append">
            <span class="input-group-text">
                <i class="fa fa-eye" id="password-icon" style="cursor: pointer;"></i>
            </span>
        </div>
    </div>
</div>
    
    <div class="form-group row">
    <label for="language" class=" col-form-label col-sm-4">Language</label>
    <div class="col">
        <select class="form-control" name="languageChoice" size="1">
            <option value="1" selected>Default - English (Standard)</option>
                            <option value="4">Dutch</option>
                            <option value="6">English (Indian)</option>
                            <option value="1">English (Standard)</option>
                            <option value="5">Greek</option>
                            <option value="8">Portuguese (Brazilian)</option>
                            <option value="7">Portuguese (European)</option>
                            <option value="3">Spanish</option>
                            <option value="2">Swedish</option>
                    </select>
    </div>
</div>
        <div class="form-group d-flex justify-content-between">
    <button id="login-button" class="btn btn-primary flex-fill" type="submit" onclick="transmit_form(this)">Login</button>
    </div>

    </form>
            <p class="text-center small">
        <a class="" href="../../acknowledge_license_cert.html" target="main">Acknowledgments, Licensing and Certification</a>
    </p>
        
    </div>
    </div>


<script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'9862ca69fc25cddf',t:'MTc1OTA1Nzc4OA=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script></body>

</html>
