Spaces:
Sleeping
Sleeping
| {% load static %} | |
| <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 © 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> |