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

<div class="listWrap">
    <div class="roundArea">
        <!-- subject -->
        <div class="topWrap customLine">
            <p class="subject">{{ $content->title }}</p>
            <div class="flex sb">
                <div class="box info flex">
                    <div>{{ $post->writerName }}</div>
                    <div>{{ $post->enrollment?->module }}</div>
                    <div>{{ date("y.m.d" , strtotime($post->created_at)) }}</div>
                </div>
                <div class="box reaction flex">
                    <button type="button" @class(['icon', 'like', 'isLike', 'active' => $post->isLike > 0]) data-post-id="{{ $post->id }}">좋아요 <b class="num">{{ number_format($post->displayLikeCnt()) }}</b></button>
                    <x-board.star-score score="{{ $post->grade }}" isEdit="0" title="별점" location="right" />
                </div>
            </div>
        </div>
        <!-- filter -->
        <div class="middleWrap">
            <div class="box flex">
                <p class="title"><b>수강상품</b></p>
                <div class="textWrap"><b>{{ $post->product?->name }} <span class="option-text">/ {{ $post->productOption?->name }}</span></b></div>
            </div>
            <div class="box flex option">
                <p class="title"><b>수강상품</b></p>
                <div class="textWrap"><b>{{ $post->productOption?->name }}</b></div>
            </div>
            <div class="box flex teacher">
                <p class="title"><b>추천 선생님</b></p>
                <div class="textWrap">
                    @foreach ($post->teachers as $teacher)
                        <span class="circleBox">{{ $teacher->teacher->name }}</span>
                    @endforeach

                </div>
            </div>
            <div class="box flex col2">
                <p class="title"><b>수업시간</b></p>
                <div class="textWrap">{{ $classTimes[$post->class_time] }}</div>
            </div>
            <div class="box flex col2">
                <p class="title"><b>수업 난이도</b></p>
                <div class="textWrap">{{ $difficulties[$post->difficulty] }}</div>
            </div>
        </div>
        <!-- 본문 -->
        <div class="userContentText">
            <div class="textWrap">
                <div class="text">
                    <textarea class="moreTextArea userText" readonly>{{ $content->content }}</textarea>
                </div>
                <button type="button" class="moreBtn">더보기</button>

                @if ($post->getAttachments()->count() > 0)
                    <div class="imgWrap">

                        @if ($post->attachments->count() > 1)
                        <div class="allNum">{{ $post->attachments->count() }}</div>
                        @endif

                        @foreach ($post->getAttachments() as $attachment)
                            <img src="{{ app(\S3Helper::class)->getPublicUrl($attachment->s3_key) }}" alt="이미지 설명글">
                        @endforeach
                    </div>
                @endif

            </div>
        </div>
    </div>
    <!-- 댓글 -->
    <x-comment.comments :post="$post" page="class"/>
</div>

@endforeach