@extends('layouts.dashboard')

@section('dashboard_content')
<div class="d-flex justify-content-between align-items-center mb-4">
    <div>
        <h3 class="fw-bold text-dark m-0">Dashboard Sekretaris</h3>
        <p class="text-muted small mb-0">Ringkasan seluruh modul pengelolaan data Desa Kadumbul.</p>
    </div>
</div>

<div class="row g-3 mb-4">
    <div class="col-md-3 col-6">
        <div class="card border-0 shadow-sm h-100">
            <div class="card-body">
                <div class="text-muted small">Total Berita</div>
                <div class="fs-3 fw-bold text-dark">{{ $totalBerita }}</div>
            </div>
        </div>
    </div>
    <div class="col-md-3 col-6">
        <div class="card border-0 shadow-sm h-100">
            <div class="card-body">
                <div class="text-muted small">Pengumuman Aktif</div>
                <div class="fs-3 fw-bold text-dark">{{ $totalPengumuman }}</div>
            </div>
        </div>
    </div>
    <div class="col-md-3 col-6">
        <div class="card border-0 shadow-sm h-100">
            <div class="card-body">
                <div class="text-muted small">Perangkat Desa</div>
                <div class="fs-3 fw-bold text-dark">{{ $totalPemerintahan }}</div>
            </div>
        </div>
    </div>
    <div class="col-md-3 col-6">
        <div class="card border-0 shadow-sm h-100">
            <div class="card-body">
                <div class="text-muted small">Potensi Desa</div>
                <div class="fs-3 fw-bold text-dark">{{ $totalPotensi }}</div>
            </div>
        </div>
    </div>
    <div class="col-md-3 col-6">
        <div class="card border-0 shadow-sm h-100">
            <div class="card-body">
                <div class="text-muted small">Foto/Video Galeri</div>
                <div class="fs-3 fw-bold text-dark">{{ $totalGaleri }}</div>
            </div>
        </div>
    </div>
    <div class="col-md-3 col-6">
        <div class="card border-0 shadow-sm h-100">
            <div class="card-body">
                <div class="text-muted small">Jenis Layanan</div>
                <div class="fs-3 fw-bold text-dark">{{ $totalLayanan }}</div>
            </div>
        </div>
    </div>
    <div class="col-md-3 col-6">
        <div class="card border-0 shadow-sm h-100">
            <div class="card-body">
                <div class="text-muted small">Pesan Belum Dibaca</div>
                <div class="fs-3 fw-bold text-danger">{{ $totalKontakBaru }}</div>
            </div>
        </div>
    </div>
    <div class="col-md-3 col-6">
        <div class="card border-0 shadow-sm h-100">
            <div class="card-body">
                <div class="text-muted small">Data Penduduk</div>
                <div class="fs-3 fw-bold text-dark">{{ $totalPenduduk }}</div>
            </div>
        </div>
    </div>
</div>

<div class="row g-3">
    <div class="col-lg-6">
        <div class="card border-0 shadow-sm">
            <div class="card-header bg-white fw-bold">Pengumuman Terbaru</div>
            <ul class="list-group list-group-flush">
                @forelse($pengumumanTerbaru as $p)
                    <li class="list-group-item d-flex justify-content-between align-items-center">
                        <span>{{ $p->judul }}</span>
                        <span class="badge {{ $p->status === 'Aktif' ? 'bg-success' : 'bg-secondary' }}">{{ $p->status }}</span>
                    </li>
                @empty
                    <li class="list-group-item text-muted small">Belum ada pengumuman.</li>
                @endforelse
            </ul>
        </div>
    </div>
    <div class="col-lg-6">
        <div class="card border-0 shadow-sm">
            <div class="card-header bg-white fw-bold">Berita Terbaru</div>
            <ul class="list-group list-group-flush">
                @forelse($beritaTerbaru as $b)
                    <li class="list-group-item d-flex justify-content-between align-items-center">
                        <span>{{ $b->judul }}</span>
                        <span class="badge {{ $b->status === 'Publish' ? 'bg-success' : 'bg-secondary' }}">{{ $b->status }}</span>
                    </li>
                @empty
                    <li class="list-group-item text-muted small">Belum ada berita.</li>
                @endforelse
            </ul>
        </div>
    </div>
</div>
@endsection