<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Sky Apps - Dashboard</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>
    <div class="loading-overlay" id="loading-overlay">
        <div class="loading-spinner"></div>
    </div>
    <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="dashboardh">
        <div class="maincontainer">
            <div class="container mt-5">
                <div class="text-center" style="color: white;">
                    <div class="icon"><img id="userIcon" height="40px" style="transform: scale(2); border-radius: 100px;"></div>
                    <br>
                    <h1>Bem-vindo, <span id="username"></span>!</h1>
                    <p>Gerencie seus produtos adquiridos abaixo.</p>
                </div>
                
                <div class="dropdown">
                    <button class="dropdown-toggle" id="projetosDropdown">Gerenciar alguéis </button>
                    <ul class="dropdown-menu" id="projetosLista"></ul>
                </div>
                
                <div class="exitbtn">
                    <button class="exitbutton button-gerenciar" onclick="logoutButton()">
                        <i class="fa-solid fa-right-from-bracket"></i>
                        <span>Sair da conta</span>
                    </button>                    
                </div>
            </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/dashboard.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>
