<!DOCTYPE html>
<html dir="rtl" lang="ar">

<head>
    <html prefix="og: https://ogp.me/ns#">
    <meta charset="UTF-8">
    <meta name="theme-color" content="#ff0000">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>لوحة التحكم | Blacklist</title>
    <link rel="shortcut icon" href="https://www.raed.net/img?id=1153063" type="image/x-icon">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
    <link rel="stylesheet" href="https://unpkg.com/kursor/dist/kursor.css">
    <link href="https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="/css/dashboard.css">
    <script src="https://unpkg.com/kursor"></script>
</head>

<body>
    <% if (isTeamMember) { %>
        <div class="team-action-card">
            <a href="/team-panel" class="team-card-content">
                <i class="fa-solid fa-user-secret"></i>
            </a>
        </div>
        <% } %>

            <div class="loader-wrapper">
                <div class="loader">
                    <img src="https://www.raed.net/img?id=1153063" alt="Loading Logo" class="loader-logo">
                </div>
            </div>

            <nav class="navbar">
                <div class="nav-container">
                    <div class="logo">
                        <h1>لوحة التحكم</h1>
                    </div>
                    <div class="nav-buttons" style="display: flex; gap: 1rem;">
                        <a href="/login" class="action-button">
                            <i class="fas fa-home"></i>
                            العودة للصفحة الرئيسية
                        </a>
                        <a href="/logout" class="action-button">
                            <i class="fas fa-sign-out-alt"></i>
                            تسجيل خروج
                        </a>
                    </div>
                </div>
            </nav>

            <div class="dashboard-container">
                <div class="profile-card">
                    <div class="profile-header">
                        <img src="<%= user.avatar %>" alt="صورة الملف الشخصي" class="profile-avatar">
                        <div class="profile-info">
                            <h2 class="profile-username">
                                <%= user.username %>
                            </h2>
                            <p class="profile-email">
                                <i class="fas fa-envelope"></i>
                                <%= user.email %>
                            </p>
                            <p class="profile-id">
                                <i class="fas fa-id-card"></i>
                                <%= user.discordId %>
                            </p>
                        </div>
                    </div>
                </div>

                <div class="stats-grid">
                    <div class="stat-card">
                        <i class="<%= accountTypeIcon %> stat-icon"></i>
                        <div class="stat-value">
                            <%= accountType %>
                        </div>
                        <div class="stat-label">نوع الحساب</div>
                    </div>
                    <div class="stat-card">
                        <i class="fas fa-server stat-icon"></i>
                        <div class="stat-value">
                            <%= connectedServers %>
                        </div>
                        <div class="stat-label">الخوادم المتصلة</div>
                    </div>
                    <div class="stat-card clickable" onclick="window.location.href='/discord-bots'">
                        <i class="fa-solid fa-shapes stat-icon"></i>
                        <div class="stat-value">4</div>
                        <div class="stat-label">التطبيقات</div>
                    </div>
                </div>

                <div class="action-buttons">
                    <a href="/purchases" class="action-button">
                        <i class="fa-solid fa-star"></i>
                        المشتريات
                    </a>
                    <a href="/blacklist" class="action-button">
                        <i class="fa-brands fa-redhat"></i>
                        القائمة السوداء
                    </a>
                    <a href="https://discord.gg/Vg95FC4MHG" class="action-button">
                        <i class="fas fa-headset"></i>
                        الدعم الفني
                    </a>
                </div>
            </div>

            <script src="/js/dashboard.js"></script>
            <!-- الحمد لله -->
</body>

</html>