{{-- trsqsl/_partials/data_table.blade.php
    DataTable listing for trsqsl with action buttons.
    Used by: trsqsl/list.blade.php
--}}
@php use App\Enums\TestType; @endphp
<div class="row px-4 py-2">
    <div class="col-lg">
        <div class="d-flex justify-content-between align-items-center flex-wrap gap-2">
            <span class="text-xs text-secondary">Use filters to narrow down the Question Settings list.</span>
            @if ($authorize->add == '1')
                <button class="btn btn-primary mb-0"
                    onclick="window.location='{{ URL::to($url_menu . '/add') }}'">
                    <i class="fas fa-plus me-1"></i>
                    <span class="font-weight-bold">Add Question Setting</span>
                </button>
            @endif
        </div>
    </div>
</div>

<div class="row px-4 py-2">
    <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>Training ID</th>
                    <th>Training Name</th>
                    <th>Bank Question</th>
                    <th>Test Type</th>
                    <th>Status</th>
                </tr>
            </thead>
            <tbody>
                @foreach ($table_detail as $detail)
                    <tr {{ $detail->isactive == '0' ? 'class=not style=background-color:#ffe9ed;' : '' }}>
                        <td class="text-sm font-weight-normal">
                            <div class="btn-group">
                                <button class="btn btn-primary btn-sm mb-0 px-3" type="button"
                                    title="Setting Detail"
                                    onclick="window.location='{{ url($url_menu . '/show' . '/' . encrypt($detail->id)) }}'">
                                    <i class="fas fa-list"></i>
                                    <span class="font-weight-bold"> Detail</span>
                                </button>
                                <button type="button"
                                    class="btn btn-sm btn-primary mb-0 px-3 dropdown-toggle dropdown-toggle-split"
                                    data-bs-toggle="dropdown" aria-expanded="false">
                                    <span class="visually-hidden">Toggle Dropdown</span>
                                </button>
                                <ul class="dropdown-menu">
                                    @if ($authorize->edit == '1')
                                        @if ($detail->isactive == 1)
                                            <li><hr class="dropdown-divider"></li>
                                            @if (($detail->has_started_exam ?? 0) == 1)
                                                <button type="button"
                                                    class="btn btn-sm btn-secondary mx-2 mb-0 w-90"
                                                    title="Cannot be edited because the exam has started/finished"
                                                    disabled>
                                                    <i class="fas fa-lock"></i>
                                                    <span class="font-weight-bold"> Locked</span>
                                                </button>
                                            @else
                                                <button type="button"
                                                    class="btn btn-sm btn-warning mx-2 mb-0 w-90"
                                                    title="Edit Data"
                                                    onclick="window.location='{{ url($url_menu . '/edit' . '/' . encrypt($detail->id)) }}'">
                                                    <i class="fas fa-edit"></i>
                                                    <span class="font-weight-bold"> Edit</span>
                                                </button>
                                                @endif
                                        @endif
                                    @endif
                                    @if ($authorize->delete == '1')
                                        <form action="{{ url($url_menu . '/' . encrypt($detail->id)) }}"
                                            method="POST" style="display: inline">
                                            @csrf
                                            @method('DELETE')
                                            <li><hr class="dropdown-divider"></li>
                                            <button type="submit"
                                                class="btn btn-sm btn-{{ $detail->isactive == '0' ? 'success' : 'danger' }} mx-2 mb-0 w-90"
                                                title="Delete Data"
                                                onclick="return deleteData(event, '{{ $detail->id }}','{{ $detail->isactive == '0' ? 'Activate' : 'Deactivate' }}')">
                                                <i class="fas fa-random"></i>
                                                <span class="font-weight-bold"> {{ $detail->isactive == '0' ? 'Activate' : 'Deactivate' }}</span>
                                            </button>
                                        </form>
                                    @endif
                                    <li><hr class="dropdown-divider"></li>
                                </ul>
                            </div>
                        </td>
                        <td>{{ $loop->iteration }}</td>
                        <td class="text-sm">{{ $detail->id_trs_trn }}</td>
                        <td class="text-sm">{{ $detail->training_name }}</td>
                        <td class="text-sm font-weight-bold">{{ $detail->paket_soal }}</td>
                        <td class="text-sm">
                            @if ($detail->test_type == TestType::PRE_TEST->value)
                                <span class="badge badge-sm bg-info">Pre Test</span>
                            @elseif($detail->test_type == TestType::POST_TEST->value)
                                <span class="badge badge-sm bg-success">Post Test</span>
                            @else
                                <span class="badge badge-sm bg-secondary">Standalone</span>
                            @endif
                        </td>
                        <td class="text-sm">
                            <span class="badge {{ $detail->isactive == '1' ? 'bg-success' : 'bg-danger' }}">
                                {{ $detail->isactive == '1' ? 'Active' : 'Inactive' }}
                            </span>
                        </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>