@extends('Dashboard.layouts.main')

@section('title', 'Dashboard')

@section('page-title', 'Dashboard')

@section('breadcrumb')
<li class="breadcrumb-item active">Dashboard</li>
@endsection

@section('content')
<div class="row">
    <div class="col-xl-3 col-md-6">
        <div class="card-box widget-user">
            <div class="text-center">
                <h2 class="font-weight-normal text-primary" data-plugin="counterup">50</h2>
                <h5>Total Tamu</h5>
            </div>
        </div>
    </div>

    <div class="col-xl-3 col-md-6">
        <div class="card-box widget-user">
            <div class="text-center">
                <h2 class="font-weight-normal text-success" data-plugin="counterup">8</h2>
                <h5>Tamu Bulan Ini</h5>
            </div>
        </div>
    </div>

    <div class="col-xl-3 col-md-6">
        <div class="card-box widget-user">
            <div class="text-center">
                <h2 class="font-weight-normal text-warning" data-plugin="counterup">15</h2>
                <h5>Total Kegiatan</h5>
            </div>
        </div>
    </div>

    <div class="col-xl-3 col-md-6">
        <div class="card-box widget-user">
            <div class="text-center">
                <h2 class="font-weight-normal text-danger" data-plugin="counterup">3</h2>
                <h5>Kegiatan Bulan Ini</h5>
            </div>
        </div>
    </div>
</div>

<div class="row">
    <div class="col-xl-6">
        <div class="card-box">
            <h4 class="header-title mb-3">Tamu Terbaru</h4>

            <div class="table-responsive">
                <table class="table table-hover table-centered m-0">
                    <thead>
                        <tr>
                            <th>Nama</th>
                            <th>Tanggal</th>
                            <th>Keperluan</th>
                            <th>Status</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>Ahmad Dahlan</td>
                            <td>15 Mei 2023</td>
                            <td>Kunjungan Keluarga</td>
                            <td><span class="badge badge-success">Selesai</span></td>
                        </tr>
                        <tr>
                            <td>Budi Santoso</td>
                            <td>10 Mei 2023</td>
                            <td>Rapat</td>
                            <td><span class="badge badge-success">Selesai</span></td>
                        </tr>
                        <tr>
                            <td>Citra Dewi</td>
                            <td>5 Mei 2023</td>
                            <td>Konsultasi</td>
                            <td><span class="badge badge-success">Selesai</span></td>
                        </tr>
                        <tr>
                            <td>Doni Prasetyo</td>
                            <td>1 Mei 2023</td>
                            <td>Pengantaran Barang</td>
                            <td><span class="badge badge-success">Selesai</span></td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>

    <div class="col-xl-6">
        <div class="card-box">
            <h4 class="header-title mb-3">Kegiatan Terbaru</h4>

            <div class="table-responsive">
                <table class="table table-hover table-centered m-0">
                    <thead>
                        <tr>
                            <th>Nama Kegiatan</th>
                            <th>Tanggal</th>
                            <th>Status</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>Rapat Pengurus</td>
                            <td>20 Mei 2023</td>
                            <td><span class="badge badge-success">Selesai</span></td>
                        </tr>
                        <tr>
                            <td>Pelatihan Kemandirian</td>
                            <td>15 Mei 2023</td>
                            <td><span class="badge badge-success">Selesai</span></td>
                        </tr>
                        <tr>
                            <td>Seminar Kepemimpinan</td>
                            <td>10 Mei 2023</td>
                            <td><span class="badge badge-success">Selesai</span></td>
                        </tr>
                        <tr>
                            <td>Workshop Entrepreneur</td>
                            <td>1 Juni 2023</td>
                            <td><span class="badge badge-warning">Upcoming</span></td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
@endsection

@section('scripts')
<script>
    $(document).ready(function() {
        // Tidak ada inisialisasi khusus untuk halaman dashboard
    });
</script>
@endsection