@php
    if (isset($option)) {
        $feedbackPasses = $option->feedbackPasses ? $option->feedbackPasses->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('feedback', {
        service: '{{ $service }}', targetId: {{ $optionId }}, gridType: 'feedback',
        removeIds: $(this).closest('.option-feedback').find('input[name^=feedbackPasses]').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="120">
        <col width="80">
        <col width="80">
        <col width="150">
        @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-end">판매가</th>
            @else
                {!! \BaseHelper::sortHead('번호', 'id', 'text-end') !!}
                <th>첨삭유형</th>
                {!! \BaseHelper::sortHead('첨삭명', 'name', 'text-start') !!}
                {!! \BaseHelper::sortHead('판매가', 'sales_price', 'text-end') !!}
            @endif

            <th>이용횟수</th>
            <th>미이용차감일</th>
            <th>이용제한</th>

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

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

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

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

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

            <td>{{ $feedbackPass->type }}</td>

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

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

            @if (isset($addable))
                @php
                    $usage = $feedbackPass->usageLimit()->where('product_option_id', $optionId)->first();
                @endphp

                <td>
                    <input type="number" min="0" class="form-control form-control-sm" name="feedback_total_use_count[{{ $optionId }}][{{ $usage?->option_type_id }}]" value="{{ !empty($usage?->total_use_count) ? $usage?->total_use_count : '' }}" placeholder="이용횟수">
                </td>

                <td>
                    <input type="number" min="0" class="form-control form-control-sm" name="feedback_unused_deduction_day[{{ $optionId }}][{{ $usage?->option_type_id }}]" value="{{ !empty($usage?->unused_deduction_day) ? $usage?->unused_deduction_day : '' }}" placeholder="미이용 차감일">
                </td>

                <td>
                    <div class="input-group input-group-sm">
                        <input type="number" min="0" class="form-control" name="feedback_limit_day[{{ $optionId }}][{{ $usage?->option_type_id }}]" value="{{ !empty($usage?->limit_day) ? $usage?->limit_day : '' }}" placeholder="">
                        <span class="input-group-text">일</span>
                        <input type="number" min="0" class="form-control" name="feedback_limit_count[{{ $optionId }}][{{ $usage?->option_type_id }}]" value="{{ !empty($usage?->limit_count) ? $usage?->limit_count : '' }}" placeholder="">
                        <span class="input-group-text">회</span>
                    </div>
                </td>

                <td>
                    <a href="javascript:void(0);" class="delete px-2" onclick="$(this).closest('tr').remove()"><i class="bi bi-trash"></i></a>
                </td>
            @else
                <td data-field="total_use_count">
                    {{ $feedbackPass->total_use_count }}
                </td>

                <td data-field="unused_deduction_day">
                    {{ $feedbackPass->unused_deduction_day }}
                </td>

                <td data-field="limit_day">
                    {{ $feedbackPass->limit_day }}일 {{ $feedbackPass->limit_count }}회
                </td>
            @endif
        </tr>
        @endforeach
    @endif
    </tbody>
</table>