<!doctype html>
<html lang="pt-br">
<head> 
    <meta charset="UTF-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
    <title>DASHBOARD</title> 
    <meta name="description"content="uma api rest 100% profissional e confiável para os seus negócios, aqui você encontrará diversas apis de diferentes conteúdos."/>
    <link rel="icon" href="/img/favicon.png" type="image/x-icon">
    <link rel="stylesheet" href="/css/scrollbar.css"> 
    <link href="/css/style.css" rel="stylesheet"> 
    <link href="https://rsms.me/inter/inter-ui.css" rel="stylesheet">
    <script src="https://www.google.com/recaptcha/api.js" async defer></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> 
</head>

<body id="page-top" onload="getvisitor();">

<body class="bg-white dark:bg-dark text-gray-900 dark:text-white font-sans transition-colors duration-300 flex flex-col min-h-screen mb-16"> 
<div class="flex-grow flex flex-col md:flex-row relative">
<div id="overlay" class="fixed inset-0 bg-black opacity-50 z-20 hidden">
</div> 
<aside id="sidebar" class="bg-gray-100 dark:bg-darker w-64 md:w-64 p-4 fixed md:static z-30 md:z-auto transform -translate-x-full md:translate-x-0 transition-transform duration-300 h-screen"> 
<div class="mb-8"> 
<a href="/" class="max-w-2xl text-3xl font-extrabold tracking-tight bg-gradient-to-r from-blue-500 to-purple-500 text-transparent bg-clip-text text-center lg:text-left"> AxiomAPI </a> 
</div> 
<nav>
<a href="/docs" class="block py-2 px-4 hover:bg-gray-200 dark:hover:bg-gray-700 rounded mb-2 bg-accent text-white">
<i class="fas fa-home mr-2"></i>DASHBOARD</a>
<a href="/verifica" class="block py-2 px-4 hover:bg-gray-200 dark:hover:bg-gray-700 rounded mb-2">
<i class="fas fa-money mr-2"></i>COMPRAR PREMIUM</a>
<a href="/docs/download" class="block py-2 px-4 hover:bg-gray-200 dark:hover:bg-gray-700 rounded mb-2">
<i class="fas fa-download mr-2"></i>DOWNLOAD</a>
<a href="/docs/porno" class="block py-2 px-4 hover:bg-gray-200 dark:hover:bg-gray-700 rounded mb-2">
<i class="fas fa-exclamation-circle mr-2"></i>PORNO +18</a>
<a href="/docs/canvas" class="block py-2 px-4 hover:bg-gray-200 dark:hover:bg-gray-700 rounded mb-2">
<i class="fas fa-marker mr-2"></i>CANVAS</a> 
<a href="/docs/maker" class="block py-2 px-4 hover:bg-gray-200 dark:hover:bg-gray-700 rounded mb-2">
<i class="fas fa-marker mr-2"></i>ATTP</a> 
<a href="/docs/tools" class="block py-2 px-4 hover:bg-gray-200 dark:hover:bg-gray-700 rounded mb-2">
<i class="fas fa-toolbox mr-2"></i>TOOLS</a> 
<% if (admin !== null) { %>
<a href="/admin" class="block py-2 px-4 hover:bg-gray-200 dark:hover:bg-gray-700 rounded mb-2">
<i class="fas fa-code mr-2"></i>ADMINISTRAÇÃO</a> 
    <% } %>
<a href="/i/logout" class="block py-2 px-4 hover:bg-gray-200 dark:hover:bg-gray-700 rounded mb-2">
<i class="fas fa-sign-out-alt mr-2"></i>SAIR</a> 
</nav>
</aside> 
<main class="flex-grow p-4"> 
<header class="flex justify-between items-center mb-6"> 
<button id="menuButton" class="md:hidden text-2xl">
<i class="fas fa-bars"></i>
</button> 
<h1 id="pageTitle" class="text-2xl font-bold">DASHBOARD</h1> 
<div class="flex items-center"> 
<button id="themeToggle" class="mr-4 text-xl"> 
<i class="fa-solid fa-circle-half-stroke"></i> 
</button> 
<a href="/perfil" target="_blank" class="fa-solid fas fa-user"></a> 
</div> 
</header> 
<h2 class="max-w-2xl text-3xl font-extrabold tracking-tight bg-gradient-to-r from-blue-500 to-purple-500 text-transparent bg-clip-text text-center lg:text-left">RANKING TOP UP</h2>

<div class="overflow-x-auto">
<table class="min-w-full bg-white dark:bg-darker border border-gray-200 dark:border-gray-700 rounded-lg shadow-md"> 
<thead> 
<tr class="w-full bg-gray-100 dark:bg-gray-800 text-gray-700 dark:text-gray-300 uppercase text-sm leading-normal"> 
<th class="py-4 px-6 text-left w-12">TOP</th> 
<th class="py-4 px-6 text-left w-48">PERFL</th> 
<th class="py-4 px-6 text-left w-24">NOME</th> 
<th class="py-4 px-6 text-left w-64">DINHEIRO</th> 
<th class="py-4 px-6 text-left w-36">NIVEL</th> 
<th class="py-4 px-6 text-left w-28">EXP</th> 
<th class="py-4 px-6 text-left w-16">REQUISIÇÃO</th> 
</tr> 
</thead> 
<tbody id="table-body" class="text-gray-600 dark:text-gray-300 text-xs font-light md:text-sm">
<tr class="border-b border-gray-200 dark:border-gray-700 hover:bg-gray-50 dark:hover:bg-gray-800 transition-all duration-200 font-bold">
                                <% Lista.sort((a, b) => (a.totalreq < b.totalreq) ? 1: -1) %>
                                 <% for (let i = 0; i < Lista.length; i++) {%>                                                
                                      <tr>
                                        <td class="py-4 px-6"><%= i + 1 %></td>
                                        <td class="py-4 px-6"><img src="<%= Lista[i] && Lista[i].perfil ? Lista[i].perfil : imgpadrao %>" alt="" height="80" width="80".></td>
                                        <td class="py-4 px-6"><% if (Lista[i] && Lista[i].admin === 'sim') { %>
                                       <h6 style="display: flex; align-items: center;">
  <a href="/perfil/<%= Lista[i] && Lista[i].nome_usuario %>" style="display: flex; align-items: center; text-decoration: none; color: inherit;">
    <span><%= Lista[i] && Lista[i].nome_usuario %></span>
    <img src="<%= Lista[i] && Lista[i].perfil1 ? Lista[i].perfil1 : imgpadrao %>" 
         alt="Perfil" 
         height="20" 
         width="20" 
         style="margin-left: 5px; border-radius: 50%;">
  </a>
</h6>                                       <% } else if (Lista[i] && Lista[i].premium !== null) { %>
                                        <h6 style="display: flex; align-items: center;">
  <a href="/perfil/<%= Lista[i] && Lista[i].nome_usuario %>" style="display: flex; align-items: center; text-decoration: none; color: inherit;">
    <span><%= Lista[i] && Lista[i].nome_usuario %></span>
    <img src="<%= Lista[i] && Lista[i].perfil1 ? Lista[i].perfil1 : imgpadrao %>" 
         alt="Perfil" 
         height="20" 
         width="20" 
         style="margin-left: 5px; border-radius: 50%;">
  </a>
</h6>
                                       <% } else { %>
                                      <%= Lista[i] && Lista[i].nome_usuario %>
                                       <% } %></td>
                                        <td class="py-4 px-6"> <%= abreviar(Lista[i] && Lista[i].dinheiro) %>
                                        </td>
                                        <td class="py-4 px-6"><%= Lista[i] && Lista[i].nivel %></td>
                                        <td class="py-4 px-6"> <%= abreviar(Lista[i] && Lista[i].exp) %>
                                        </td>
                                        <td class="py-4 px-6"> <%= abreviar(Lista[i] && Lista[i].totalreq) %>
                                        </td>
                                    </tr>
                                    <tr>
                               <% } %>                 
                                </tbody>
                            </table>
                        </div>

<section class="py-5 bg-dark">
    <div class="container">
        <div class="row">
            <div class="col-md-6 mx-auto text-center">
                <h2 class="max-w-2xl text-3xl font-extrabold tracking-tight bg-gradient-to-r from-blue-500 to-purple-500 text-transparent bg-clip-text text-center lg:text-left">INFORMAÇÕES</h2>
                <p class="block py-2 px-4 hover:bg-gray-200 dark:hover:bg-gray-700 rounded mb-2" style="font-style: italic;">Confira as últimas atualizações deste site</p>
            </div>
        </div>
        <div class="timeline ">
        <div class="timeline-container info">
                <div class="timeline-icon">
                    <i class="fas fa-exclamation-triangle"></i>
                </div>
                <div class="timeline-body">
                    <h4 class="timeline-title"><span class="badge">23/10/24</span></h4>
                        <ul>
                            <li>Medias 🔹 YT & MEDIAFIRE</li>
                            <li>Medias 🔹 TIKTOK & SPOTIFY</li>
                            <li>Porno 🔹 XVIDEOS & XNXX</li>
                            <li>Canvas 🔹 MELHORIAS EM DESIGN</li>
                            <li>Attp 🔹 MELHORIAS EM FONTE</li>
                        </ul>
                    <p class="timeline-subtitle">Axiom API</p>
                </div>
            </div>
        <div class="timeline-container danger">
                <div class="timeline-icon">
                    <i class="fas fa-laptop-code"></i>
                </div>
                <div class="timeline-body">
                    <h4 class="timeline-title"><span class="badge">20/10/24</span></h4>
                        <ul>
                        <li>Desing 🔹 Em Breve 100%</li>
                        <li>Site 🔹 Em desenvolvimento</li>
                        <li>Desing 🔹 Rank Por Requisição</li>
                        </ul>
                    <p class="timeline-subtitle">Axiom API</p>
                </div>
            </div>
        </div>
    </div>
</section>

<footer class="bg-gray-100 dark:bg-darker py-5 flex justify-center md:justify-end fixed bottom-0 left-0 w-full"> 
<p class="text-sm text-gray-600 dark:text-gray-400 mr-6 text-center md:text-right"> © 2024 &amp; 
<a href="https://wa.me/5514997239463" target="_blank">Vinicodex Dev</a>. All rights reserved. 
</p> 
</footer> 
<script src="/js/function-dash.js" type="text/javascript"></script> 
</body>
</html>