@extends($service.'.layout')

@section($service.'-css')
    {!! resource('css/'.$service.'/sub.css') !!}
    {!! resource('css/myclass/my_class_mo.css') !!}
    @if($service === 'academy')
        {!! resource('css/myclass/my_class_mo_academy.css') !!}
    @endif
@endsection


@php
    $content = $post->content;
    $comments = $post->getComments()->get();
@endphp

@section($service."-content")
    @if(!in_array($board['page'], ['teacher', 'test']))
    <div class="container_m">

        <div id="nav">
            <a href="#none" onClick="history.back()" class="ico-back">뒤로가기</a>
            <h2>{{ $board['name'] }}</h2>
        </div>
        <div id="btn">
            <a href="{{ route('classroom.'.$board['page'].'.index', ['service' => $service]) }}" class="btn-list on">
                목록
            </a>
            @if ($board['page'] == 'study' && $comments->isEmpty())
            <a href="{{ route('classroom.'.$board['page'].'.edit', ['service' => $service, 'id' => $post->id]) }}" class="btn-write on">
                수정
            </a>
            <a href="javascript:onRemove('{{ $post->id }}')" class="btn-delete on">
                삭제
            </a>
            @endif
        </div>
        <div id="container" class="bd-top">
            <div class="board-view">
                <p class="pd-title">강좌명</p>
                <p class="pd-name">{{$post->enrollmentCourse?->course?->name}}</p>
                <p class="date">
                    <strong>작성일</strong>
                    <span>{{ date('y.m.d', strtotime($post->created_at)) }}</span>
                </p>
                <div>{!! nl2br($content->content) !!}</div>
            </div>
            @if ( $post->getAttachments()->isNotEmpty() )
                <x-board.attachments-mobile :files="$post?->getAttachments()" isPreview="{{ false }}" isView="{{ true }}" />
            @endif
            <x-comment.comments-mobile :post="$post" page="{{ $board['page'] }}"/>

        </div>
    </div>
    @else
        <div class="container_m boardView">
            <div class="max-width">
                <div id="nav">
                    <button type="button" onclick="history.back()" class="ico-back">뒤로가기</button>
                    <h2>{{ $board['name'] }}</h2>
                </div>
                <div class="contentWrap">
                    <div class="board-title">{{ $content->title }}</div>
                    <div class="board-info">
                        <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 class="content">{!! nl2br($content->content) !!}</div>
                </div>

                @if ( $post->getAttachments()->isNotEmpty() )
                    <x-board.attachments-mobile :files="$post?->getAttachments()" isPreview="{{ false }}" isView="{{ true }}" />
                @endif
                <!-- 댓글 영역 -->
                <x-comment.comment-replay-mobile page="{{ $board['page'] }}" />
                <div class="go-list">
                    <a href="{{ route('classroom.'.$board['page'].'.index', ['service' => $service]) }}">목록 보기</a>
                </div>
            </div>
        </div>
    @endif
@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