@extends('academy.layout')

@section('gnb', view('gnb', ['service'=>'academy']))

@section('subgnb', view('academy.gnb'))

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

@section("progress")
    <!-- @//include('ielts.progress') -->
@endsection

@section("academy-content")
    @php
        $content = $post->content;
    @endphp
    <div id="wrap" class="boardPage free-study-room">
        <div class="max-width">
            <div class="pageTitle">
                <button type="button" onclick="history.back()" class="backBtn mo-backBtn"></button>
                <h1>IELTS 무료 자료실</h1>
            </div>

            <!-- 게시판 뷰 -->
            <div class="board-view">
                <div class="subject customLine">[탭명] {{ $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("free.index", ['service' => 'academy']) }}">목록 보기</a>
                </div>
            </div>
        </div>
    </div>
@endsection

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