@extends('layouts.panel.index')
@section('title','RHA')
@include('admin.rha._js.index')

@section('content')

<div class="clearfix mb-2">
    <div class="float-start">
        <h5><b>RHA</b></h5>
    </div>
    <div class="float-end">
        {{-- <a href="{{ route('admin.dashboard')}}" class="btn btn-primary rounded btn-sm"><i class="fa-solid fa-plus"></i> Tambah</a> --}}
    </div>
</div>

<div class="card border-0">
    <div class="card-body">
        <div class="table-responsive">
            <table class="table">
                <thead>
                    <tr>
                        <th>#</th>
                        <th>Nama</th>
                        <th>Email</th>
                        <th>No. Telepon</th>
                        <th>Instansi</th>
                        <th>Kategori</th>
                        <th>Waktu Kejadian</th>
                        <th>Tanggal Penilaian</th>
                        <th>Status</th>
                        <th>Aksi</th>
                    </tr>
                </thead>
                <tbody class="table-rha">
                    
                </tbody>
            </table>
        </div>
    </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-success btn-accept text-white">Setujui</button>
                <button class="btn btn-danger btn-decline">Tolak</button>
                <button class="btn btn-danger btn-cancel">Batalkan</button>
                <button class="btn btn-primary btn-print">Cetak</button>
            </div>
        </div>
    </div>
</div>

@endsection