<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Sky Apps - 🏆 Melhor apps do mercado</title>
    <link rel="icon" href="../assets/logo.png" type="image/png">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
    <link rel="stylesheet" href="../css/style.css">
</head>
<body>
    <nav class="navbar sticky-top navbar-expand-lg navbar-dark bg-dark">
        <div class="container-fluid">
          <a class="navbar-brand" href="index.html"><img src="../assets/logo.png" height="40px" id="navbar-icon" style="transform: scale(1.5);"></a>
          <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
          </button>
          <div class="collapse navbar-collapse" id="navbarNavAltMarkup">
            <div class="collapse navbar-collapse" id="navbarNavAltMarkup">
                <div class="navbar-nav mx-auto">
                  <a class="nav-link me-2" href="../index.html">Home</a>
                  <a class="nav-link me-2" aria-current="page" href="produtos.html">Serviços</a>
                  <a class="nav-link me-2" href="termos.html">Termos</a>
                  <a class="nav-link main-btn me-2" href="login.html"><i class="fa-solid fa-right-to-bracket"></i> Dashboard</a>
                  <a class="nav-link btn-d me-2" href="https://discord.gg/skyapps"><i class="fa-brands fa-discord"></i></a>
                </div>
            </div>
        </div>
    </nav>
    
    <div class="loginh">
        <div class="logincontainer">
            <div class="details">
                <h2 class="loginh2"><i class="fa-solid fa-chart-line"></i> Login</h1>
                <div class="desc">Acesse a área de cliente para gerenciar e consultar informações dos seus produtos comprados.</div>
                <p id="loginError" style="color: #e6b4b4; display: none;"><i class="fa-solid fa-triangle-exclamation"></i> Chave de acesso inválida. Tente novamente.</p>
                <br>
                <form id="loginForm">
                    <input type="text" id="accessKey" placeholder="Insira sua chave de acesso" required/>
                    <button type="submit" id="loginButton" class="inputSubmit"><i class="fa-solid fa-right-to-bracket"></i> Entrar</button> 
                </form>    
            </div>
        </div>
    </div>

    <hr>
    <div class="footer">
        <img src="../assets/logo.png" class="footer-icon" style="transform: scale(1.5);">
        <div class="vertical-line"></div>
        <div class="categorias">
            <div class="redessociais">
                Páginas
                <ul>
                    <li><a href="https://discord.gg/skyapps" target="_blank"><i class="fa-brands fa-discord"></i> Discord</a></li>
                    <li><a href="https://instagram.com/skyapps" target="_blank"><i class="fa-solid fa-server"></i> Serviços</a></li>
                    <li><a href="https://twitter.com/skyapps" target="_blank"><i class="fa-solid fa-scroll"></i> Termos</a></li>
                </ul>
            </div>
        </div>
    </div>    

    <script disable-devtool-auto src='https://cdn.jsdelivr.net/npm/disable-devtool'></script>
    <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
    <script src="../js/login.js"></script>    
    <script src="https://kit.fontawesome.com/92bef1279f.js" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
</body>
</html>