@php
    if (isset($option)) {
        $textbooks = $option->textbooks ? $option->textbooks->where('service', $service) : [];
        $optionId = $option->id;
    } else if (!isset($optionId)) {
        $optionId = null;
    }
@endphp

@if (isset($addable))
<div class="form-group mb-3 ms-2 justify-content-end">
    <button type="button" class="btn btn-sm btn-info" onclick="popupSelector('textbook', {
        service: '{{ $service }}', targetId: {{ $optionId }}, gridType: 'textbook',
        removeIds: $(this).closest('.option-textbook').find('input[name^=textbooks]').map(function() { return $(this).val(); }).get()
        })">교재추가</button>
</div>
@endif

<table class="table table-striped table-hover">
    <colgroup>
        @if (isset($sortable))<col width="30">@endif
        @if (isset($checkable))<col width="30">@endif
        <col width="30">
        <col width="80">
        <col>
        <col width="100">
        <col width="60">
        <col width="30">
        <col>
        <col width="80">
        <col width="100">
        @if (isset($addable))
            <col width="30">
        @endif
    </colgroup>
    <thead>
        <tr class="text-center">
            @if (isset($sortable))<th>정렬</th>@endif
            @if (isset($checkable))<th></th>@endif

            @if (isset($sortable))
                <th class="text-end">번호</th>
                <th>모듈</th>
                <th class="text-start">교재명</th>
                <th class="text-start">과목</th>
                <th>판매구분</th>
                <th>레벨</th>
                <th class="text-start">오디오파일</th>
                <th class="text-end">판매가</th>
            @else
                {!! \BaseHelper::sortHead('번호', 'id', 'text-end') !!}
                <th>모듈</th>
                {!! \BaseHelper::sortHead('교재명', 'name', 'text-start') !!}
                <th class="text-start">과목</th>
                <th>판매구분</th>
                <th>레벨</th>
                <th class="text-start">오디오파일</th>
                {!! \BaseHelper::sortHead('판매가', 'sales_price', 'text-end') !!}
            @endif

            <th>등록일</th>

            @if (isset($addable))
                <th></th>
            @endif
        </tr>
    </thead>

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

    @if (isset($textbooks))
        @foreach ($textbooks as $textbook)
            <tr @class(['text-center', 'hidden' => empty($textbook->activated)])>
                @if (isset($sortable))
                    <td class="handle"><i class="bi bi-list"></i></td>
                @endif

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

                <td class="number">
                    {{ $textbook->id }}
                    @if(isset($option))
                        <input type="hidden" name="textbooks[{{ $optionId }}][]" value="{{ $textbook->id }}">
                    @endif
                </td>

                <td>{{ $textbook->module }}</td>

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

                <td class="text-start">{{ $textbook->subjects }}</td>

                <td>{{ $textbook->sales_type }}</td>

                <td>{{ $textbook->level }}</td>

                <td>{{ last(explode('/', $textbook->audio_s3_key ?? '')) ?? '-' }}</td>

                <td class="number text-end">{{ number_format($textbook->sales_price) }}</td>

                <td class="number">{{ explode(" ", $textbook?->created_at)[0] }}</td>

                @if (isset($option))
                <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>