@foreach ($posts as $post)
@php
    $content = $post->content();
    $speaking = $post->speaking();
@endphp

<div class="listWrap">
    <!-- 로그아웃 상태일 때 로그인 버튼 -->
    <a href="javascript:onLogin()" class="loginBtn">2초 간편가입하고 후기 보기</a>
    <div class="roundArea">
        <!-- subject -->
        <div class="topWrap">
            <div class="topTitle customLine">
                <div class=""><span class="circleBox">시험장 후기</span></div>
                <div class="flex sb">
                    <div class="box info flex">
                        <div>{{ $post->writerName }}</div>
                        <div><span>응시일 :&nbsp;</span>{{ date('y.m.d', strtotime($post->exam_date)) }}</div>
                        <div><span>시험장소 :&nbsp;</span>{{ $post->examVenue?->location }} / {{  $post->examVenue?->name }}</div>
                        <div><span>응시장 구분 :&nbsp;</span>{{ $post->exam_type == "PBT" ? "일반" : "CDT"  }} 시험장</div>
                    </div>
                </div>
            </div>
            <div class="box reaction flex">
                <x-board.star-score score="{{ $post->access_rating }}" isEdit="0" title="접근성" />
                <x-board.star-score score="{{ $post->audio_rating }}" isEdit="0" title="음향상태" />
                <x-board.star-score score="{{ $post->amenities_rating }}" isEdit="0" title="시설" />

            </div>
            <div class="subjectWrap flex">
                <p class="subject">{{ htmlspecialchars_decode($content->content, ENT_QUOTES) }}</p>

                @if ($post->getAttachments()->count() > 0)
                    @foreach ($post->getAttachments() as $attachment)
                        <div class="imgWrap" style="background-image: url('{{ app(\S3Helper::class)->getPublicUrl($attachment->s3_key) }}');"></div>
                    @endforeach
                @endif


            </div>
        </div>
        <!-- 본문 -->
        <div class="userContentText">
            <div class="speaking-review flex">
                <span class="circleBox">Speaking 후기</span>
                <p>{{ $speaking->title }}</p>
            </div>
            <div class="textWrap">
                <div class="text">
                    <textarea class="moreTextArea userText" readonly>{{ htmlspecialchars_decode($speaking->content, ENT_QUOTES) }}</textarea>
                </div>
                <button type="button" class="moreBtn">더보기</button>
            </div>
        </div>
    </div>

    <x-comment.comments :post="$post" page="center"/>
</div>


@endforeach