104 lines
4.5 KiB
PHP
104 lines
4.5 KiB
PHP
<?php
|
|
require_once 'auth.php';
|
|
require_once 'partials/header.php';
|
|
?>
|
|
|
|
<div class="wrapper">
|
|
<?php require_once 'partials/sidebar.php'; ?>
|
|
|
|
<!-- Page Content -->
|
|
<div id="content">
|
|
|
|
<nav class="navbar navbar-expand-lg navbar-light bg-light">
|
|
<div class="container-fluid">
|
|
|
|
<button type="button" id="sidebarCollapse" class="btn btn-info">
|
|
<i data-feather="align-left"></i>
|
|
</button>
|
|
|
|
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
|
<ul class="navbar-nav ms-auto">
|
|
<li class="nav-item dropdown">
|
|
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
|
|
<i data-feather="user" class="me-2"></i><?php echo htmlspecialchars($_SESSION['user']['username']); ?> (<?php echo htmlspecialchars($_SESSION['user']['role']); ?>)
|
|
</a>
|
|
<ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdown">
|
|
<li><a class="dropdown-item" href="#">Profile</a></li>
|
|
<li><hr class="dropdown-divider"></li>
|
|
<li><a class="dropdown-item" href="logout.php">Logout</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
<h2>Dashboard</h2>
|
|
<p>Welcome to your Mikrotik management dashboard. Here's a summary of your network.</p>
|
|
|
|
<div class="row g-4 mb-4">
|
|
<!-- Summary Widgets -->
|
|
<div class="col-md-6 col-lg-3">
|
|
<div class="card text-white bg-primary">
|
|
<div class="card-body">
|
|
<h5 class="card-title"><i data-feather="users" class="me-2"></i> Pelanggan Aktif</h5>
|
|
<p class="card-text fs-4">-</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6 col-lg-3">
|
|
<div class="card text-white bg-warning">
|
|
<div class="card-body">
|
|
<h5 class="card-title"><i data-feather="alert-triangle" class="me-2"></i> Pending Suspend</h5>
|
|
<p class="card-text fs-4">-</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6 col-lg-3">
|
|
<div class="card text-white bg-danger">
|
|
<div class="card-body">
|
|
<h5 class="card-title"><i data-feather="file-minus" class="me-2"></i> Tagihan Overdue</h5>
|
|
<p class="card-text fs-4">-</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6 col-lg-3">
|
|
<div class="card text-white bg-success">
|
|
<div class="card-body">
|
|
<h5 class="card-title"><i data-feather="dollar-sign" class="me-2"></i> Pendapatan Bulan Ini</h5>
|
|
<p class="card-text fs-4">-</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row g-4">
|
|
<div class="col-lg-8">
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<i data-feather="activity" class="me-2"></i> Recent Activity / Log
|
|
</div>
|
|
<div class="card-body">
|
|
<p class="text-muted">Placeholder for recent activities...</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4">
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<i data-feather="zap" class="me-2"></i> Quick Actions
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="d-grid gap-2">
|
|
<button class="btn btn-outline-primary"><i data-feather="file-plus" class="me-2"></i> Buat Voucher</button>
|
|
<button class="btn btn-outline-secondary"><i data-feather="user-plus" class="me-2"></i> Buat Akun PPPoE</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<?php require_once 'partials/footer.php'; ?>
|