Hugging Face's logo

Spaces:
SAGAR142
/
fraud-detection-bot
Sleeping

App Files Community
fraud-detection-bot
File size: 5,714 Bytes
f0a40ab
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
 
{% load static %}
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
    <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap"

        rel="stylesheet">
    <!-- Custom Zenith Flow CSS -->
    <link rel="stylesheet" href="{% static 'css/style.css' %}">

    <title>Admin Dashboard | FraudGuard</title>
</head>

<body class="video-enabled">

    <!-- Video Background Container -->
    <div class="video-bg-container">
        <video autoplay muted loop playsinline class="video-bg" id="bgVideo">
            <source src="{% static 'videos/home_bg.mp4' %}" type="video/mp4">
            Your browser does not support the video tag.
        </video>
        <div class="video-overlay"></div>
    </div>

    <!-- Sidebar -->
    <div class="sidebar-modern">
        <div class="sidebar-brand">
            <div class="d-flex align-items-center">
                <i class="fas fa-shield-alt text-primary fs-3 me-2"></i>
                <div class="lh-1">
                    <div class="ls-1 text-uppercase small text-muted fw-bold" style="font-size: 0.65rem;">System</div>
                    <div class="fs-5 fw-bold text-dark">Fraud<span class="text-primary">Guard</span></div>
                </div>
            </div>
        </div>

        <ul class="sidebar-menu">
            <li class="sidebar-item">
                <a href="{% url 'adminhome' %}" class="{% if request.path == '/adminhome/' %}active{% endif %}">
                    <i class="fas fa-chart-pie"></i> Dashboard
                </a>
            </li>
            <li class="sidebar-item">
                <a href="{% url 'RegisterUsersView' %}" class="{% if 'userDetails' in request.path %}active{% endif %}">
                    <i class="fas fa-users"></i> Users Registry
                </a>
            </li>
            <li class="sidebar-item">
                <a href="{% url 'ViewDataset' %}" class="{% if 'ViewDataset' in request.path %}active{% endif %}">
                    <i class="fas fa-database"></i> Training Data
                </a>
            </li>
            <li class="sidebar-item">
                <a href="{% url 'training' %}" class="{% if 'training' in request.path %}active{% endif %}">
                    <i class="fas fa-sync-alt"></i> Model Retraining
                </a>
            </li>
        </ul>

        <div class="mt-auto p-4 border-top border-secondary border-opacity-10">
            <a href="{% url 'index' %}" class="btn-modern btn-danger w-100 justify-content-center shadow-none"

                style="background: var(--danger); border: none; color: white !important;">
                <i class="fas fa-sign-out-alt me-2"></i> Sign Out
            </a>
        </div>
    </div>

    <!-- Main Content -->
    <div class="main-content">

        <!-- Top Header -->
        <div

            class="d-flex justify-content-between align-items-center mb-5 pb-3 border-bottom border-light border-opacity-10 bg-white shadow-sm p-4 rounded-3">
            <div>
                <h3 class="text-dark fw-bold m-0">Admin Console</h3>
                <p class="text-muted small m-0">Real-time system monitoring</p>
            </div>

            <div class="d-flex align-items-center gap-3">
                <div class="position-relative">
                    <button class="btn btn-light rounded-circle shadow-sm text-muted hover-lift"

                        style="width: 40px; height: 40px;">
                        <i class="fas fa-bell"></i>
                    </button>
                    <span

                        class="position-absolute top-0 start-100 translate-middle p-1 bg-danger border border-light rounded-circle">
                        <span class="visually-hidden">New alerts</span>
                    </span>
                </div>


                <div class="ps-3 border-start">
                    <div class="d-flex align-items-center">
                        <div class="text-end me-3 d-none d-md-block">
                            <div class="text-dark fw-bold small">Administrator</div>
                            <div class="text-success small" style="font-size: 0.7rem;">
                                <i class="fas fa-circle me-1" style="font-size: 8px;"></i>Online
                            </div>
                        </div>
                        <div class="bg-primary bg-opacity-10 rounded-circle d-flex align-items-center justify-content-center text-primary border border-primary border-opacity-25 shadow-sm hover-lift"

                            style="width: 45px; height: 45px; font-size: 1.2rem;">
                            <i class="fas fa-user-shield"></i>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="fade-in">
            {% block contents %}
            {% endblock %}
        </div>

        <footer class="mt-5 pt-4 border-top border-secondary border-opacity-10 text-center text-muted small">
            FraudGuard AI System &copy; 2025 | <i class="fas fa-shield-alt text-primary"></i> Protected
        </footer>
    </div>

    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
</body>

</html>