<div class="container-fluid">
    <div class="d-sm-flex align-items-center justify-content-between mb-4">
        <h1 class="h3 mb-0 text-gray-800">Laporan BPW</h1>
    </div>

    <div class="row">
        <!-- CARD 1: LAPORAN REKAPITULASI DPW -->
        <div class="col-12 col-md-6 col-xl-4 mb-4">
            <div class="card shadow h-100" style="border-left: 4px solid #e74a3b;">
                <div class="card-body text-center">
                    <div class="mb-3">
                        <i class="fas fa-church fa-3x text-danger"></i>
                    </div>
                    <h5 class="card-title font-weight-bold">Laporan Rekapitulasi BPW</h5>
                    <p class="card-text text-muted small">
                        Data seluruh Gereja, Gembala, Pelayan, Pejabat & Statistik Jemaat: L/P, WBI, Balita, Anak, Remaja, Pemuda, Dewasa, Lansia
                    </p>
                    <a href="api/cetak_rekap_dpw_pdf.php" target="_blank" class="btn btn-danger btn-block">
                        <i class="fa fa-file-pdf"></i> Cetak PDF
                    </a>
                </div>
            </div>
        </div>

        <!-- CARD 2: LAPORAN DATA GEREJA -->
        <div class="col-12 col-md-6 col-xl-4 mb-4">
            <div class="card shadow h-100" style="border-left: 4px solid #4e73df;">
                <div class="card-body text-center">
                    <div class="mb-3">
                        <i class="fas fa-building fa-3x text-primary"></i>
                    </div>
                    <h5 class="card-title font-weight-bold">Laporan Data Gereja</h5>
                    <p class="card-text text-muted small">
                        Daftar seluruh gereja se-BPW Keerom beserta alamat dan kontak lengkap
                    </p>
                    <a href="api/cetak_gereja_dpw_pdf.php" target="_blank" class="btn btn-primary btn-block">
                        <i class="fa fa-file-pdf"></i> Cetak PDF
                    </a>
                </div>
            </div>
        </div>

        <!-- CARD 3: LAPORAN DATA GEMBALA -->
        <div class="col-12 col-md-6 col-xl-4 mb-4">
            <div class="card shadow h-100" style="border-left: 4px solid #1cc88a;">
                <div class="card-body text-center">
                    <div class="mb-3">
                        <i class="fas fa-user-tie fa-3x text-success"></i>
                    </div>
                    <h5 class="card-title font-weight-bold">Laporan Data Gembala</h5>
                    <p class="card-text text-muted small">
                        Daftar nama seluruh Gembala Sidang yang terdaftar di BPW Keerom
                    </p>
                    <a href="api/cetak_gembala_dpw_pdf.php" target="_blank" class="btn btn-success btn-block">
                        <i class="fa fa-file-pdf"></i> Cetak PDF
                    </a>
                </div>
            </div>
        </div>

        <!-- CARD 4: LAPORAN INVENTARIS DPW -->
        <div class="col-12 col-md-6 col-xl-4 mb-4">
            <div class="card shadow h-100" style="border-left: 4px solid #f6c23e;">
                <div class="card-body text-center">
                    <div class="mb-3">
                        <i class="fas fa-box fa-3x text-warning"></i>
                    </div>
                    <h5 class="card-title font-weight-bold">Laporan Inventaris BPW</h5>
                    <p class="card-text text-muted small">
                        Rekap seluruh inventaris milik BPW dan gereja-gereja di bawahnya
                    </p>
                    <a href="api/cetak_inventaris_dpw_pdf.php" target="_blank" class="btn btn-warning btn-block">
                        <i class="fa fa-file-pdf"></i> Cetak PDF
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>