<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>101 Distributors</title>
    <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,700" rel="stylesheet">
    <link rel="stylesheet" href="/css/loginstyle.css">
    <script>
        function setUserTypeAndSubmit(userType) {
            document.getElementById('userType').value = userType;
            document.getElementById('loginForm').submit();
        }
    </script>
    


</head>
<div class="logo__container">
  <img src="https://www.101distributorsga.com/images/header/logo.png" alt="Company Logo" class="logo">
</div>


<body class="align">

<div class="grid">

    <form action="/login" method="POST" id="loginForm" class="form login">

        <div class="form__field">
            <label for="login__username"><span class="hidden">Username</span></label>
            <input id="login__username" type="text" name="username" class="form__input" placeholder="Username" required>
        </div>

        <div class="form__field">
            <label for="login__password"><span class="hidden">Password</span></label>
            <input id="login__password" type="password" name="password" class="form__input" placeholder="Password" required>
        </div>

        <input type="hidden" name="userType" id="userType" value="">

        <div class="form__field">
            <input type="button" value="Login as Store Manager" class="login-button" onclick="setUserTypeAndSubmit('store')">
        </div>
        
        <div class="form__field">
            <input type="button" value="Login as Warehouse Manager" class="login-button" onclick="setUserTypeAndSubmit('warehouse')">
        </div>

    </form>

    <p class="text--center">Not a member? <a href="/signup">Sign up now</a> </p>


</div>

</body>
</html>
