@extends($service.'.layout')


@section($service. '-css')
    <!-- promotion -->
    {!! resource('css/common/board.css') !!}
@endsection

@section("progress")
    @include('progress')
@endsection

@section($service."-content")
    @php
        $content = $post->content;
    @endphp
<div id="wrap" @class('boardPage', $board['page'])>
    <div class="max-width">
        <div class="pageTitle">
            <button type="button" onclick="history.back()" class="backBtn mo-backBtn"></button>
            <h1>{{ $board['name'] }}</h1>
        </div>

        <!-- 게시판 뷰 -->
        <div class="board-view">
            <div class="subject customLine">
                @if (isset($post->faq_type))
                    [{{ $inquiryTypes[$post->faq_type] }}]
                @endif
                {{ $content->title }}</div>
            <div class="infoWrap">
                <div class="date"><p class="title">작성일</p>{{ date('y.m.d', strtotime($post->created_at)) }}</div>
                <div class="count"><p class="title">조회수</p>{{ number_format($content->views) }}</div>
            </div>
            <div class="contentWrap">
                <p id="viewer"></p>
            </div>

            @if ( $post->getAttachments()->count() > 0 )
                <x-board.attachments :files="$post->getAttachments()" isPreview="{{ false }}" isView="{{ true }}" />
            @endif

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

@endsection

@section($service.'-script')
    {!! setResources(['toastui-viewer']) !!}
    <script>
        const viewer = new toastui.Editor({
            el: document.querySelector('#viewer'),
            initialValue: '{!! $content->content !!}'
        });

    </script>
@endsection