{{-- trskrk/_partials/data_table.blade.php
    DataTable listing for trskrk/list.
    Used by: trskrk/list.blade.php
--}}
<style>
    .trskrk-status-badge {
        font-size: 0.75rem;
        min-width: 100px;
    }
    
    .trskrk-detail-note {
        font-size: 0.7rem;
        color: #6c757d;
        line-height: 1.3;
    }
</style>

<div class="row px-4 py-2 mt-3">
    <div class="table-responsive">
        <table class="table align-middle display" id="list_{{ $dmenu }}">
            <thead class="thead-light" style="background-color: #00b7bd4f;">
                <tr>
                    <th width="110">Action</th>
                    <th>No</th>
                    <th>ID Training</th>
                    <th>Training Name</th>
                    <th>Date</th>
                    <th class="text-center">Status</th>
                    <th class="text-center">Progress</th>
                    <th class="text-center">Detail</th>
                </tr>
            </thead>
            <tbody>
                @foreach ($table_detail as $i => $item)
                    <tr>
                        <td class="text-sm">
                            <button class="btn btn-primary btn-sm mb-0 px-3"
                                onclick="window.location='{{ url($url_menu . '/questions/' . rawurlencode(encrypt($item->id))) }}'"
                                title="View Questions">
                                <i class="fas fa-list"></i>
                                <span class="font-weight-bold"> Questions</span>
                            </button>
                            @if($can_manual_recovery ?? false)
                                <button type="button" class="btn btn-outline-warning btn-sm mb-0 px-3 ms-1"
                                    onclick="openManualAttemptRecovery({{ $item->id }}, @js($item->training_name))"
                                    title="Buat attempt untuk ujian manual/kertas">
                                    <i class="fas fa-file-signature"></i>
                                    <span class="font-weight-bold"> Manual Recovery</span>
                                </button>
                            @endif
                        </td>
                        <td class="text-sm">{{ $i + 1 }}</td>
                        <td class="text-sm">{{ $item->id }}</td>
                        <td class="text-sm font-weight-bold">{{ $item->training_name }}</td>
                        <td class="text-sm">
                            {{ \Carbon\Carbon::parse($item->date)->translatedFormat('d/m/Y') }}
                        </td>
                        <td class="text-sm text-center">
                            @if ($item->status == 'progress')
                                <span class="badge badge-sm bg-warning trskrk-status-badge">Progress</span>
                            @elseif($item->status == 'unfinished')
                                <span class="badge badge-sm bg-danger trskrk-status-badge">Unfinished</span>
                            @elseif($item->status == 'complete')
                                <span class="badge badge-sm bg-success trskrk-status-badge">Complete</span>
                            @elseif($item->status == 'no_attempt')
                                <span class="badge badge-sm bg-secondary trskrk-status-badge">No Attempt</span>
                            @elseif($item->status == 'no_data')
                                <span class="badge badge-sm bg-danger trskrk-status-badge">Answer Data Missing</span>
                            @endif
                        </td>
                        <td class="text-sm text-center">
                            <div class="d-flex flex-column align-items-center">
                                <span class="text-xs font-weight-bold mb-1">
                                    {{ $item->corrected_questions }}/{{ $item->total_questions }} Finish
                                </span>
                                <div class="progress" style="width: 80px; height: 6px;">
                                    <div class="progress-bar {{ $item->status == 'complete' ? 'bg-success' : 'bg-info' }}"
                                        role="progressbar" style="width: {{ $item->progress }}%;"></div>
                                </div>
                            </div>
                        </td>
                        <td class="text-sm">
                            <small class="trskrk-detail-note">
                                @if ($item->answered_count == 0)
                                    @if ($item->status == 'no_attempt')
                                        <i class="fas fa-info-circle"></i> No participant attempt
                                    @elseif($item->status == 'no_data')
                                        <i class="fas fa-exclamation-triangle text-danger"></i> Attempt exists, answer rows missing
                                    @else
                                        <i class="fas fa-info-circle"></i> No essay question
                                    @endif
                                @else
                                    <strong>{{ $item->answered_count }}</strong> Answare
                                    @if ($item->unanswered_attempt_count > 0)
                                        <br><i class="fas fa-exclamation-triangle text-warning"></i> {{ $item->unanswered_attempt_count }} Without Essay Text
                                    @endif
                                @endif
                            </small>
                        </td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    </div>
</div>