{{-- Data Table Card --}}
<div class="row mx-1">
    <div class="card border-0 shadow-sm mt-2">
        <div class="row align-items-center">
            <div class="card-header col-md-auto bg-transparent">
                <h5 class="mb-0">{{ $cardTitle ?? ('List ' . $title_menu) }}</h5>
                <p class="text-xs text-secondary mb-0 mt-1">{{ $cardSubtitle ?? 'Pastikan absensi selesai sebelum ujian dimulai agar peserta bisa mengikuti proses berikutnya.' }}</p>
            </div>
        </div>
        <hr class="horizontal dark mt-0">

        <div class="row px-4 py-2">
            <div class="table-responsive">
                <table class="table align-middle display trsatd-table" id="{{ $tableId ?? ('list_' . $dmenu) }}">
                    <thead class="thead-light" style="background-color: #00b7bd4f;">
                        <tr>
                            <th width="110">Action</th>
                            <th>No</th>
                            <th>TRN ID</th>
                            <th>Training Name</th>
                            <th>Training Type</th>
                            <th>Test Type</th>
                            <th>Date</th>
                            <th>Time</th>
                            <th>Location</th>
                            <th>Department</th>
                            <th>Total Participants</th>
                            <th>Absent</th>
                            <th>Status</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach (($rows ?? $table_detail) as $i => $s)
                            <tr>
                                <td class="text-sm font-weight-normal">
                                    @if ($s->exam_started)
                                        <button class="btn btn-secondary btn-sm mb-0 px-3"
                                            onclick="openAbsensiModal({{ $s->id }}, true, true)"
                                            title="View Attendance (exam started, cannot be changed)">
                                            <i class="fas fa-eye"></i>
                                            <span class="font-weight-bold"> View</span>
                                        </button>
                                    @elseif ($s->status_absensi === 'NIHIL')
                                        <button class="btn btn-danger btn-sm mb-0 px-3"
                                            onclick="openAbsensiModal({{ $s->id }}, true)"
                                            title="Edit Attendance (Nihil)">
                                            <i class="fas fa-edit"></i>
                                            <span class="font-weight-bold"> All Absent</span>
                                        </button>
                                    @elseif ($s->status_absensi === 'HADIR')
                                        <button class="btn btn-warning btn-sm mb-0 px-3"
                                            onclick="openAbsensiModal({{ $s->id }}, true)"
                                            title="Edit Attendance">
                                            <i class="fas fa-edit"></i>
                                            <span class="font-weight-bold"> Edit</span>
                                        </button>
                                    @else
                                        <button class="btn btn-primary btn-sm mb-0 px-3"
                                            onclick="openAbsensiModal({{ $s->id }}, false)"
                                            title="Process Attendance">
                                            <i class="fas fa-clipboard-check"></i>
                                            <span class="font-weight-bold"> Attendance</span>
                                        </button>
                                    @endif
                                </td>
                                <td>{{ $i + 1 }}</td>
                                <td class="text-sm">{{ $s->id_trs_trn }}</td>
                                <td class="text-sm font-weight-bold">{{ $s->training_name }}</td>
                                <td class="text-sm text-center">
                                    @if ((int) ($s->with_score ?? 0) === 1)
                                        <div class="border border-success border-radius-lg px-2 py-1 d-inline-flex align-items-center">
                                            <i class="fas fa-check-circle text-success me-1"></i>
                                            <span class="text-success font-weight-bold text-xxs">WITH SCORE</span>
                                        </div>
                                    @else
                                        <div class="border border-secondary border-radius-lg px-2 py-1 d-inline-flex align-items-center">
                                            <i class="fas fa-minus-circle text-secondary me-1"></i>
                                            <span class="text-secondary font-weight-bold text-xxs">WITHOUT SCORE</span>
                                        </div>
                                    @endif
                                </td>
                                <td class="text-sm text-center">
                                    @if ($s->has_pre_test)
                                        <span class="badge badge-sm bg-info">PRE TEST</span>
                                    @endif
                                    @if ($s->has_post_test)
                                        <span class="badge badge-sm bg-primary">POST TEST</span>
                                    @endif
                                    @if (!$s->has_pre_test && !$s->has_post_test)
                                        <span class="text-muted">-</span>
                                    @endif
                                </td>
                                <td class="text-sm">{{ \Carbon\Carbon::parse($s->date)->format('d/m/Y') }}</td>
                                <td class="text-sm">{{ $s->time_start }} - {{ $s->time_end }}</td>
                                <td class="text-sm">{{ $s->location }}</td>
                                <td class="text-sm font-weight-bold">{{ $s->department }}</td>
                                <td class="text-sm text-center">{{ $s->total_peserta }}</td>
                                <td class="text-sm text-center">
                                    @if ($s->total_tidak_hadir !== null && $s->total_tidak_hadir > 0)
                                        <span class="badge badge-sm bg-danger">{{ $s->total_tidak_hadir }}</span>
                                    @else
                                        <span class="text-muted">-</span>
                                    @endif
                                </td>
                                <td class="text-sm">
                                    @if ($s->status_absensi === 'NIHIL')
                                        <span class="badge badge-sm bg-danger">NIHIL</span>
                                    @elseif ($s->status_absensi === 'HADIR')
                                        <span class="badge badge-sm bg-success">Attended</span>
                                    @else
                                        <span class="badge badge-sm bg-secondary">Not Attended</span>
                                    @endif
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>

        <div class="row px-4 py-2">
            <div class="col-lg">
                <div class="nav-wrapper" id="noted">
                    <code>Note :
                        <i aria-hidden="true" style="color: #ffc2cd;" class="fas fa-circle"></i> Data not active
                    </code>
                </div>
            </div>
        </div>
    </div>
</div>