<!DOCTYPE html>
<html>
    <head>
        <title>Dashboard</title>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="icon" type="image/png" href="images/dashboard-logo.ico"/>
        <!-- Libs -->
        <script type="text/javascript" src="/eel.js"></script>
        <link rel="stylesheet" href="lib/css/uikit.min.css"/>
        <link rel="stylesheet" href="lib/css/builder.css"/>
        <script src="lib/js/uikit.min.js"></script>
        <script src="lib/js/WS_script.js"></script>
        <script src="lib/js/WS_dashboard.js"></script>
        <script src="lib/js/iconify-icon.min.js"></script>
    </head>
    <body>
        
        <!-- Style -->
        <style>
            .nav-el {
                margin-top: 18px;
                cursor: pointer;
            }
            .nav-el > p > iconify-icon {
                position: relative;
                top: 7px !important;
                font-size: 24px;
            }
        </style>


        <!-- Navigation -->
        <nav class="uk-navbar-container" uk-navbar="align: center">
            <div class="uk-navbar">
                <ul class="uk-navbar-nav">
                    <li>
                        <img width="64" height="64" src="images/logo.png" alt="Logo">
                        <p id="project_name" class="uk-label" style="font-size: 20px; font-family: monospace;"></p>
                    </li>
                    <li class="nav-el">
                        <p onclick='hideTables(); document.getElementById("reports-dashboard-table").style.display = "table";'>
                            <iconify-icon icon="lucide:key-round"></iconify-icon> 
                            Stealer reports
                        </p>
                    </li>
                    <li class="nav-el">
                        <p onclick='hideTables(); document.getElementById("clipper-dashboard-table").style.display = "table";'>
                            <iconify-icon icon="mdi:bitcoin"></iconify-icon> 
                            Clipper reports
                        </p>
                    </li>
                    <li class="nav-el">
                        <p onclick='hideTables(); document.getElementById("seeds-dashboard-table").style.display = "table";'>
                            <iconify-icon icon="fa6-solid:seedling"></iconify-icon> 
                            Seed reports
                        </p>
                    </li>
                    <li class="nav-el">
                        <p onclick='window.open(supportUrl);'>
                            <iconify-icon icon="ic:baseline-telegram"></iconify-icon> 
                            Support
                            <iconify-icon style="color: rgb(21, 174, 21);" icon="svg-spinners:pulse-2"></iconify-icon>
                        </p>
                    </li>
                </ul>
            </div>
        </nav>

        <div class="uk-card uk-card-default uk-card-body">
           
            <!-- Stealer table -->
            <table id="reports-dashboard-table" class="uk-table uk-table-justify uk-table-middle">
                <thead>
                    <tr>
                        <th><iconify-icon icon="mdi:tag-outline"></iconify-icon> Tag</th>
                        <th><iconify-icon icon="ri:user-line"></iconify-icon> User@PC</th>
                        <th><iconify-icon icon="material-symbols:map-outline"></iconify-icon> Country</th>
                        <th><iconify-icon icon="mdi:clock-outline"></iconify-icon> Upload date</th>
                        <th><iconify-icon icon="mdi:database-marker-outline"></iconify-icon> Misc</th>
                        <th><iconify-icon icon="fluent-mdl2:set-action"></iconify-icon> Actions</th>
                    </tr>
                </thead>
                <tbody id="logs_table_body">
                </tbody>
            </table>

            <!-- Clipper table -->
            <table id="clipper-dashboard-table" class="uk-table uk-table-justify uk-table-middle">
                <thead>
                    <tr>
                        <th><iconify-icon icon="mdi:tag-outline"></iconify-icon> Tag</th>
                        <th><iconify-icon icon="ri:user-line"></iconify-icon> User@PC</th>
                        <th><iconify-icon icon="material-symbols:map-outline"></iconify-icon> Country</th>
                        <th><iconify-icon icon="tabler:coin"></iconify-icon> Coin</th>
                        <th><iconify-icon icon="lucide:arrow-up-from-line"></iconify-icon> From</th>
                        <th><iconify-icon icon="uil:arrow-from-top"></iconify-icon> To</th>
                        <th><iconify-icon icon="mdi:clock-outline"></iconify-icon> Upload date</th>
                    </tr>
                </thead>
                <tbody id="clipper_table_body">
                </tbody>
            </table>

            <!-- Seeds table -->
            <table id="seeds-dashboard-table" class="uk-table uk-table-justify uk-table-middle">
                <thead>
                    <tr>
                        <th><iconify-icon icon="ri:user-line"></iconify-icon> User@PC</th>
                        <th><iconify-icon icon="mingcute:windows-fill"></iconify-icon>OS</th>
                        <th><iconify-icon icon="material-symbols:dns-outline"></iconify-icon> IP Address</th>
                        <th><iconify-icon icon="tdesign:template"></iconify-icon> Template</th>
                        <th><iconify-icon icon="fa6-solid:seedling"></iconify-icon> Seed</th>
                        <th><iconify-icon icon="mdi:clock-outline"></iconify-icon> Upload date</th>
                    </tr>
                </thead>
                <tbody id="seeds_table_body">
                </tbody>
            </table>

        </div>

        <div id="server-nav" uk-tooltip="title: Please wait; pos: top-right">
            <iconify-icon icon="mdi:server"></iconify-icon>
        </div>
        

    </body>
</html>