<div class="container-fluid">
    <h2 class="mb-4">Dashboard</h2>

    <!-- Stats Cards -->
    <div class="row g-4 mb-4">
        <div class="col-md-4">
            <div class="card h-100 border-0 shadow-sm">
                <div class="card-body">
                    <h6 class="card-subtitle mb-2 text-muted">Toplam Kullanıcı</h6>
                    <h3 class="card-title">1,250</h3>
                    <p class="card-text text-success"><i class="bi bi-arrow-up"></i> %5 artış</p>
                </div>
            </div>
        </div>
        <div class="col-md-4">
            <div class="card h-100 border-0 shadow-sm">
                <div class="card-body">
                    <h6 class="card-subtitle mb-2 text-muted">Aktif Oturumlar</h6>
                    <h3 class="card-title">45</h3>
                    <p class="card-text text-primary">Anlık</p>
                </div>
            </div>
        </div>
        <div class="col-md-4">
            <div class="card h-100 border-0 shadow-sm">
                <div class="card-body">
                    <h6 class="card-subtitle mb-2 text-muted">Sistem Yükü</h6>
                    <h3 class="card-title">%12</h3>
                    <p class="card-text text-success">Normal</p>
                </div>
            </div>
        </div>
    </div>

    <!-- Recent Activity Table -->
    <div class="card border-0 shadow-sm">
        <div class="card-header bg-transparent border-0">
            <h5 class="mb-0">Son Aktiviteler</h5>
        </div>
        <div class="card-body">
            <div class="table-responsive">
                <table class="table table-hover align-middle">
                    <thead>
                        <tr>
                            <th>Kullanıcı</th>
                            <th>İşlem</th>
                            <th>Tarih</th>
                            <th>Durum</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>Ahmet Yılmaz</td>
                            <td>Giriş Yaptı</td>
                            <td>10 dk önce</td>
                            <td><span class="badge bg-success">Başarılı</span></td>
                        </tr>
                        <tr>
                            <td>Ayşe Demir</td>
                            <td>Profil Güncelledi</td>
                            <td>1 saat önce</td>
                            <td><span class="badge bg-primary">Kaydedildi</span></td>
                        </tr>
                        <tr>
                            <td>Mehmet Kara</td>
                            <td>Hatalı Giriş</td>
                            <td>2 saat önce</td>
                            <td><span class="badge bg-danger">Hata</span></td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>