@if (! isset($sortable))
<h5>{{ isset($pending) ? '추가 예정 항목' : "조회 결과 {$posts->total()}건" }}</h5>
@endif
<div @class(["limit-height" => sizeof($posts) > 0,"custom-scroll" => sizeof($posts) > 0, 'review-form'])  style="--height: 700px;">
    <table class="table table-hover">
        <colgroup>
            <col width="30">
            <col width="100">
            <col width="70">
            <col width="70">
            <col width="150">
            <col width="150">
            <col width="70">
            <col width="/">
            <col width="70">
            <col width="70">
            <col width="70">
            @if (isset($sortable))
                <col width="120">
            @endif
        </colgroup>
        <thead>
            <tr>
                <th>번호</th>
                <th>등록일시</th>
                <th>전시상태</th>
                <th>합격점수</th>
                <th>달성기간</th>
                <th>국가</th>
                <th>공부목적</th>
                <th>제목</th>
                <th>댓글수</th>
                <th>조회수</th>
                <th>작성자</th>
                @if (isset($sortable))
                    <th>관리</th>
                @endif
            </tr>
        </thead>
        <tbody @class(['grid-sortable' => isset($sortable)]) id="review-grid{{ $targetId }}">
            @foreach ($posts as $post)
                @php
                    $content = $post->content;
                @endphp
                <tr @class([$post->service])>

                    @if (isset($checkable))
                        <td><input type="checkbox" value="{{ $post->id }}" onclick="checkSelected(this)"></td>
                    @elseif (isset($sortable))
                        <td class="handle text-center"><i class="bi bi-list"></i></td>
                    @else
                        <td>{{ $post->id }}</td>
                    @endif
                    <td>{{ $post->created_at }}</td>
                    <td>{{ $post->enable?->activated == 1 ? "전시" : "비전시" }}</td>
                    <td>{{ $post->overall }}</td>
                    <td>{{ $post->period }}</td>
                    <td>
                        {{ $post->country?->name }}
                    </td>
                    <td>{{ $post->goal_description }}</td>
                    <td>
                        <input type="hidden" name="pass_review_id" value="{{ $post->id }}" />
                        @if (isset($checkable))
                            <input type="hidden" name="is_new" value="1" />
                        @endif
                        <div class="review-wrap">
                            <div class="review-title row m-0 px-0">
                                <div class="col-10"><input type="text" name="product_review_title" class="form-control form-control-sm" value="{{ empty($post->product_review_title) ? $content?->title  : $post->product_review_title}}" @disabled(isset($checkable)) /></div>
                                <div class="col-2">
                                    <button class="btn btn-sm btn-warning onShowReview" type="button"><i class="bi bi-eye-fill"></i></button>
                                </div>
                            </div>

                            <div class="review-info">
                                <button type="button" class="btn btn-sm btn-white onHideReview"><i class="bi bi-x-lg"></i></button>
                                <div class="review-row score">
                                    @foreach ( ["Overall", "Listening", 'Reading', "Writing", 'Speaking'] as $subject)
                                        <div class="review-box">
                                            <div class="title">{{ $subject }}</div>
                                            <div class="text">{{ $post->{strtolower($subject)} ?? "-" }}</div>
                                        </div>
                                    @endforeach
                                </div>

                                <div class="review-row">
                                    <div class="review-box">
                                        <div class="title">응시일</div>
                                        <div class="text">{{ $post->exam_date ? date('Y-m-d', strtotime($post->exam_date)) : '' }}</div>
                                    </div>
                                    <div class="review-box">
                                        <div class="title">달성기간</div>
                                        <div class="text">{{ $post->period }}</div>
                                    </div>
                                    <div class="review-box">
                                        <div class="title">목적국가</div>
                                        <div class="text">{{ $post->country?->name }}</div>
                                    </div>
                                    <div class="review-box">
                                        <div class="title">공부목적</div>
                                        <div class="text">{{ $post->goal_description }}</div>
                                    </div>
                                    <div class="review-box">
                                        <div class="title">태그</div>
                                        <div class="text">{{ $post->tags }}</div>
                                    </div>
                                </div>

                                <div class="review-row" style="--cols: 2">
                                    <div class="review-box">
                                        <div class="title">원본제목</div>
                                        <div class="text">{{ $post->content->title }}</div>
                                    </div>
                                    <div class="review-box">
                                        <div class="title">변경제목</div>
                                        <div class="text">{{ $post->product_review_title }}</div>
                                    </div>
                                </div>

                                <div class="review-row" style="--cols: 1">
                                    <div class="review-box">
                                        <div class="title">본문</div>
                                        <div class="text custom-scroll">
                                            {!! nl2br(htmlspecialchars_decode($post->content?->content, ENT_QUOTES)) !!}
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>

                    </td>
                    <td>{{ number_format($post->comments->count()) }}</td>
                    <td>{{ number_format($content?->views) }}</td>
                    <td>{{ $content?->writer?->name }}</td>
                    @if (isset($sortable))
                    <td>
                        <button class="btn btn-sm btn-primary btn-view" type="button">
                            <i class="bi bi-pencil-square"></i>
                        </button>
                        <button class="btn btn-sm btn-danger btn-dispatch" type="button">
                            <i class="bi bi-trash"></i>
                        </button>
                    </td>
                    @endif
                </tr>
            @endforeach
        </tbody>
    </table>
</div>
@if (! isset($sortable) && empty($pending))
{!! $posts->links('vendor.pagination.popup') !!}
@endif