@extends('layouts.panel.index')

@include('admin._js.dashboard')

@section('content')
<div class="row mb-3">
    <div class="col-md-4">
        <div class="card card-body border-0 shadow-sm bg-primary text-white">
            <h1 class="total-news"><b> 0 </b></h1>
            <label for="">Berita</label>
        </div>
    </div>
    <div class="col-md-4">
        <div class="card card-body border-0 shadow-sm bg-primary text-white">
            <h1 class="total-rha"><b> 0 </b></h1>
            <label for="">RHA Terisi</label>
        </div>
    </div>
    <div class="col-md-4">
        <div class="card card-body border-0 shadow-sm bg-primary text-white">
            <h1 class="total-user"><b> 0 </b></h1>
            <label for="">Pengguna Aktif</label>
        </div>
    </div>
</div>

<div class="card card-body border-0 shadow-sm">
    <h5 class="text-primary"><b> RHA Terbaru </b></h5>
    <div class="table-responsive mt-3">
        <table class="table">
            <thead>
                <tr>
                    <th scope="col">No</th>
                    <th scope="col">Nama</th>
                    <th scope="col">Kategori</th>
                    <th scope="col">Tanggal Penilaian</th>
                    <th scope="col">Lokasi</th>
                    <th scope="col">Aksi</th>
                </tr>
            </thead>
            <tbody class="table-recent-rha">
                
            </tbody>
        </table>
    </div>
</div>

<div id="detail-modal" class="modal fade" tabindex="-1" role="dialog">
    <div class="modal-dialog modal-xl" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Detail RHA</h5>
                <button type="button" class="btn-close" data-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <!-- Detail data akan ditampilkan di sini -->
                
            </div>
            <div class="modal-footer">
                <button class="btn btn-primary btn-print">Cetak</button>
            </div>
        </div>
    </div>
</div>
@endsection