@extends("board.layout.layout-board")


@section("board-content")
@php
    $content = $post->content;
    $messages = json_decode($content->content, 1);
@endphp
<li class="mb-3 row align-center mx-0 " >
    <label class="col-1 px-0">문의유형</label>
    <div class="col-3">{{ $post->type }}</div>
</li>
<li class="mb-3 row mx-0">
    <label class="col-12">문의내용</label>
    <div class="mobile-area">
        <div class="mobile-camera">
            <span></span>
        </div>

        <div class="mobile-screen">
            <div class="message-wrap" id="image-viewer">
                <div class="message-header">
                    <div><span class="user-view">{{ $content->writer->name }}</span>님</div>
                    <div class="type-view">{{ $post->type }}</div>
                </div>


                <div class="message-body custom-scroll">
                    <div class="date-view">{{ date("Y-m-d", strtotime($post->created_at)) }}</div>

                    @foreach($messages as $message)
                    <div @class(['message-item', 'image-wrap' => $message['type'] == 'image'])>
                        @if ($message['type'] == 'text')
                            <div class="message">{{ $message['message'] }}</div>
                        @else
                            @php
                                $file = $post->attachments[$message['message']]
                            @endphp
                            <div class="image-box">
                                <img src="{{ app(\S3Helper::class)->getPublicUrl($file->s3_key) }}">
                            </div>

                        @endif
                        <span class="timer">{{ date('H:i', $message['timer']) }}</span>
                    </div>
                    @endforeach
                </div>
            </div>
        </div>
    </div>
</li>
@endsection