@php
    if (!isset($optionId)) {
        $optionId = null;
    }
@endphp

<table class="table table-striped table-hover">
    <thead>
        <tr class="text-center">
            @if (isset($sortable))<th>정렬</th>@endif
            @if (isset($checkable))<th></th>@endif

            @if (isset($sortable))
                <th>번호</th>
                <th class="text-start">과목</th>
                <th class="text-start">모듈</th>
                <th class="text-start">CDT 세트명</th>
            @else
                {!! \BaseHelper::sortHead('번호', 'id') !!}
                <th class="text-start">과목</th>
                <th class="text-start">서비스</th>
                <th class="text-start">모듈</th>
                {!! \BaseHelper::sortHead('CDT 세트명', 'name', 'text-start') !!}
            @endif

            @if (!isset($addable) && !isset($checkable))<th>유료</th>@endif
            <th class="text-start">문항피일</th>
            @if (isset($addable))
                <th></th>
            @endif
        </tr>
    </thead>

    @if (isset($optionId))<tbody class="grid-sortable" id="cdt-set-grid{{ $optionId }}">
    @elseif (isset($sortable)) <tbody id="sortable">
    @else <tbody>
    @endif

    @if (isset($cdtSets))
        @foreach ($cdtSets as $cdtSet)
            <tr class="text-center">
                @if (isset($sortable))
                    <td class="handle"><i class="bi bi-list"></i></td>
                @endif

                @if (isset($checkable))
                    <td><input type="checkbox" value="{{ $cdtSet->id }}" onclick="checkSelected(this)"></td>
                @endif

                <td class="number">
                    {{ $cdtSet->id }}

                    @if(isset($cdtSet->id))
                        <input type="hidden" name="cdtSets[{{ $optionId }}][]" value="{{ $cdtSet->id }}">
                    @endif
                </td>

                <td class="text-start">{{ str_replace('|', ', ', $cdtSet->subjects) }}</td>

                <td class="text-start">{{ $cdtSet->service }}</td>

                <td class="text-start">{{ $cdtSet->module }}</td>

                <td class="text-start">
                    <a href="{{ route('product.cdt-set.detail', ['id' => $cdtSet->id, 'service' => $service]) }}">{{ $cdtSet->name }}</a>
                </td>

                @if (!isset($addable) && !isset($checkable))
                    <td>{{ $cdtSet->is_paid ? 'Y':'' }}</td>
                <td>{{ $cdtSet->is_paid ? 'Y':'' }}</td>
                @endif

                <td class="text-start">{{ $cdtSet->file_set }}</td>
                
                @if (isset($addable))
                    <td>
                        <a href="javascript:void(0);" class="delete px-2" onclick="$(this).closest('tr').remove()"><i class="bi bi-trash"></i></a>
                    </td>
                @endif
            </tr>
        @endforeach
    @endif
    </tbody>
</table>