<%- include("./../partials/header") %>
<title> Home - SuperQuickMail </title>

    

            <div  class="container text-center text-light" style="padding-top: 110px; padding-bottom: 20px;">
                <h2>Login</h2>
                <form id="loginform">
                    <input type="email" id="email" placeholder="Enter Email">
                    <input type="password" id="password" placeholder="Enter Password">
                    <button type="submit" class="btn btn-primary"><i class="fas fa-sign-in-alt"></i> Login</button>
                    <p id="logintext"></p>
                </form>
                <a href="#" data-toggle="modal" data-target="#signup">Signup</a> <a href="#" data-toggle="modal" data-target="#reset">Reset Password</a>

                <h2>Login/Signup with 3rd Party Services</h2>
                <a href="/login/ouath">Login with 3rd Party Services</a>
            </div>
            
            
            

            <div id="signup" class="modal fade" role="dialog">
          <div class="modal-dialog">
            <div class="modal-content">
              <div class="modal-header btn-info disabled">
                <h4 class="modal-title">Signup</h4>
                <button type="button" class="close" data-dismiss="modal">&times;</button>
              </div>
              <div class="modal-body">
                <form id="signupform">
                    
                    <input type="text" class="form-control" id="name" placeholder="Full Name">
                    
                    <input type="email" class="form-control" id="semail" placeholder="Enter Email">
                    
                    <input type="password" class="form-control" id="spassword" placeholder="Enter Password">
                    <button type="submit" class="btn btn-primary"><i class="fas fa-sign-in-alt"></i> Signup</button>
                    <p id="signuptext"></p>
                </form>
              </div>
              <div class="modal-footer"><button type="button" class="btn btn-outline-danger" data-dismiss="modal">Close</button></div>
            </div>
          </div>
        </div>



        <div id="reset" class="modal fade" role="dialog">
          <div class="modal-dialog">
            <div class="modal-content">
              <div class="modal-header btn-info disabled">
                <h4 class="modal-title">Reset Password</h4>
                <button type="button" class="close" data-dismiss="modal">&times;</button>
              </div>
              <div class="modal-body">
                <form id="resetform">
                    
                   
                    
                    <input type="email" class="form-control" id="semail" placeholder="Enter Email">
                    
                    
                    <button type="submit" class="btn btn-primary"><i class="fas fa-sign-in-alt"></i> Reset Password</button>
                    <p id="resettext"></p>
                </form>
              </div>
              <div class="modal-footer"><button type="button" class="btn btn-outline-danger" data-dismiss="modal">Close</button></div>
            </div>
          </div>
        </div>
<script src="/js/access.js"></script>
<script src="/js/account-management.js"></script>
       
