@extends($service.'.layout')

@section($service . '-css')
    {!! resource('css/'.$service.'/sub.css') !!}
    {!! resource('css/myclass/my_class.css') !!}
    {!! resource('css/common/board.css') !!}

    @if ($service == 'academy')
        {!! resource('css/myclass/my_class_academy.css') !!}
    @endif
@endsection

@section($service . "-content")
    @php
        $content = $post->content;
        $comments = $post->getComments()->get();
    @endphp



<div class="container boardPage" id="wrap">
    <div class="my-class-wrapper">
        <div class="wrapper">
            @include('classroom.'.$service.'.menu')
            {{--  my-class-sub boardWrite 가 있는 경우에만 file list 가 노출되는 것 확인! --}}
            <div class="my-class-contents boardView">
                <div class="row">
                    <div class="column c100p">
                        <div class="card my-class-sub">
                            <h2>{{ $board['name'] }}</h2>

                            <div class="topWrap">
                                <h3 class="board-title">{{ $content->title }}</h3>
                                <div class="infoWrap flex">
                                    <div class="box">
                                        <strong>작성자</strong>
                                        <span>{{ $content->writer->name }}</span>
                                    </div>
                                    <div class="box">
                                        <strong>작성일</strong>
                                        <span>{{ date('y.m.d', strtotime($post->created_at)) }}</span>
                                    </div>
                                </div>
                            </div>
                            <div class="contentWrap">
                                <p id="viewer">{!! nl2br($content->content) !!}</p>
                            </div>
                            @if ( $post->getAttachments()->isNotEmpty() )
                                <x-board.attachments :files="$post?->getAttachments()" isPreview="{{ false }}" isView="{{ true }}" />
                            @endif


                            @if ( $board['page'] == 'study' )
                                <x-comment.comments :post="$post" page="{{ $board['page'] }}" />
                            @else
                                <x-comment.comment-replay page="{{ $board['page'] }}" />
                            @endif




                            <div class="bottomBtnWrap flex">
                                <!-- 목록 버튼 -->
                                <div class="go-list">
                                    <a href="{{ route('classroom.'.$board['page'].'.index', ['service' => $service]) }}">목록 보기</a>
                                </div>

                                @if ($board['page'] == 'study' && $comments->isEmpty())
                                    <div class="bottomBtnLeft">
                                        <!-- 수정 버튼 -->
                                        <div class="applyWrap">
                                            <a href="{{ route('classroom.'.$board['page'].'.edit', ['service' => $service, 'id' => $post->id]) }}" >수정</a>
                                        </div>
                                        <!-- 삭제 버튼 -->
                                        <div class="delete">
                                            <a href="javascript:onRemove('{{ $post->id }}')">삭제</a>
                                        </div>
                                    </div>
                                @endif
                            </div>




                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection



@section($service."-script")


    @if ( $board['page'] == 'study')
        {!! resource('js/common/board/default.js') !!}
        <script>
            setPageConfig({
                "service" : '{{ $service }}',
                "boardType" : '{{ $board["page"] }}',
                "isActiveInfinity" : false,
                "isLogin" : "{{ Auth::check() }}"
            })

            function onRemove(id) {
                alertPopup("학습문의를 삭제하시겠습니까?", {
                    onConfirm : async function() {
                        const href = '{{ route("classroom.study.remove", ["service" => $service, "id" => ":id" ]) }}'
                        const result = await onRemovePost(id, href.replace(":id", id));
                        if ( result.status ) {
                            alertPopup("학습문의가 삭제되었습니다.", {
                                onConfirm: function() {
                                    location.href = '{{ route("classroom.study.index", ["service" => $service ]) }}'
                                } , onClose : function() {
                                    location.href = '{{ route("classroom.study.index", ["service" => $service ]) }}'
                                }
                            })
                        } else {
                            alertPopup("잠시 후 다시 시도해주세요");
                        }
                    }
                })
            }
        </script>
    @else
        {!! resource('js/common/board/comment.js') !!}
        <script>
            setCommentConfig('{{ $board["page"] }}', {{ $post->id }})
        </script>
    @endif

@endsection