@extends($service.'.layout')

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

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

@section($service . "-content")
<div class="container">
    <div class="my-class-wrapper">
        <div class="wrapper">
            @include('classroom.'.$service.'.menu')
            <div class="my-class-contents">
                <div class="row">
                    <div class="column c100p">
                        <div class="card my-class-sub">
                            <h2>{{ $board['page'] == 'teacher' ? "선생님" : "모의고사" }} 자료실</h2>
                            <h3 class="board-title">{{ $post->content->title }}</h3>
                            <table class="correct-table gray">
                                <colgroup>
                                </colgroup>
                                <thead>
                                    <tr>
                                        <th class="text-left pl16">
                                            <strong>작성자</strong>
                                            <span>{{ $post->content->writer->name }}</span>
                                            <strong>작성일</strong>
                                            <span>{{ date('y.m.d', strtotime($post->created_at)) }}</span>
                                        </th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td class="pd32 board-contents bdb0">
                                            {{-- todo editor load --}}
                                            {{ $post->content->content }}

                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                            <div class="file-list">
                                <ul>
                                    <li>
                                        <a href="#none">%첨부파일명%. 확장자</a>
                                        <a href="#none">
                                            다운로드
                                            <i class="ico-download"></i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#none">%첨부파일명%. 확장자</a>
                                        <a href="#none">
                                            다운로드
                                            <i class="ico-download"></i>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                            <div class="view-footer bdt0">
                                <div class="view-btn-area">
                                    <div class="view-btn-left">
                                        <a class="button" href="{{ route("classroom.board", $service) }}">목록</a>
                                    </div>
                                    <div class="view-btn-right">
                                        <a class="button primary" href="#none">수정</a>
                                        <a class="button error" href="#none">삭제</a>
                                    </div>
                                </div>
                            </div>


                            <h6 class="mt60">학습 문의 <span class="point-color">8</span> 건</h6>
                            <div class="cmt-wrap">
                                <div class="cmt-write">
                                    <textarea name="" id="" placeholder="내용을 입력해주세요."></textarea>
                                    <button>등록</button>
                                </div>
                                <div class="cmt-view">
                                    <ul>
                                        <!-- depth 1 cmt -->
                                        <li>
                                            <div class="cmt-view-wrap">
                                                <div class="cmt-info">
                                                    <i class="ico-profile" style="background-image: url(https://s3.ap-northeast-2.amazonaws.com/new.edmclass.com/ielts/my_class/ico_profile_edm.svg);"></i>
                                                    <strong>edm아이엘츠</strong>
                                                    <span>2020-12-31 00:09:51</span>
                                                </div>
                                                <div class="cmt-contents">
                                                    메모 내용이 여기에 노출됩니다. 줄 띄어쓰기가 적용되고 글자수는 2000byte로 제한됩니다. 한 사람의 댓글은 스크롤이 생성되지 않고 전체 내용이 노출됩니다. 댓글은 최근순으로 보여지며, 대댓글(답글)은 상위 댓글 하단에 오래된순으로 보여집니다. (인스타그램, 트위터 등의 SNS와 동일한 정렬) 대댓글의 대댓글은 들여쓰기 처리되지 않습니다.
                                                </div>
                                                <div class="cmt-button">
                                                    <a href="#none">답글</a>
                                                    <a href="#none">답글 1개 숨기기</a>
                                                </div>
                                                <a href="#none" class="ico-delete"></a>
                                            </div>
                                            <!-- depth 2 cmt -->
                                            <ul class="depth">
                                                <li>
                                                    <div class="cmt-view-wrap">
                                                        <div class="cmt-info">
                                                            <i class="ico-profile" style="background-image: url(https://s3.ap-northeast-2.amazonaws.com/new.edmclass.com/ielts/my_class/ico_profile.svg);"></i>
                                                            <strong>계정명</strong>
                                                            <span>2020-12-31 00:09:51</span>
                                                        </div>
                                                        <div class="cmt-contents">
                                                            <span class="at">@edmIELTS</span>메모 내용이 여기에 노출됩니다. 줄 띄어쓰기가 적용되고 글자수는 2000byte로 제한됩니다. 한 사람의 댓글은 스크롤이 생성되지 않고 전체 내용이 노출됩니다. 댓글은 최근순으로 보여지며, 대댓글(답글)은 상위 댓글 하단에 오래된순으로 보여집니다. (인스타그램, 트위터 등의 SNS와 동일한 정렬) 대댓글의 대댓글은 들여쓰기 처리되지 않습니다.
                                                        </div>
                                                        <div class="cmt-button">
                                                            <a href="#none">답글</a>
                                                            <a href="#none">답글 1개 숨기기</a>
                                                        </div>
                                                    </div>
                                                    <a href="#none" class="ico-delete"></a>
                                                </li>
                                                <li>
                                                    <div class="cmt-view-wrap">
                                                        <div class="cmt-info">
                                                            <i class="ico-profile" style="background-image: url(https://s3.ap-northeast-2.amazonaws.com/new.edmclass.com/ielts/my_class/ico_profile.svg);"></i>
                                                            <strong>계정명</strong>
                                                            <span>2020-12-31 00:09:51</span>
                                                        </div>
                                                        <div class="cmt-contents">
                                                            <span class="at">@edmIELTS</span>메모 내용이 여기에 노출됩니다. 줄 띄어쓰기가 적용되고 글자수는 2000byte로 제한됩니다. 한 사람의 댓글은 스크롤이 생성되지 않고 전체 내용이 노출됩니다. 댓글은 최근순으로 보여지며, 대댓글(답글)은 상위 댓글 하단에 오래된순으로 보여집니다. (인스타그램, 트위터 등의 SNS와 동일한 정렬) 대댓글의 대댓글은 들여쓰기 처리되지 않습니다.
                                                        </div>
                                                        <div class="cmt-button">
                                                            <a href="#none">답글</a>
                                                            <a href="#none">답글 1개 숨기기</a>
                                                        </div>
                                                    </div>
                                                    <a href="#none" class="ico-delete"></a>
                                                </li>
                                            </ul>
                                        </li>
                                        <!-- depth 1 cmt -->
                                        <li>
                                            <div class="cmt-view-wrap">
                                                <div class="cmt-info">
                                                    <i class="ico-profile" style="background-image: url(https://s3.ap-northeast-2.amazonaws.com/new.edmclass.com/ielts/my_class/ico_profile_edm.svg);"></i>
                                                    <strong>edm아이엘츠</strong>
                                                    <span>2020-12-31 00:09:51</span>
                                                </div>
                                                <div class="cmt-contents">
                                                    메모 내용이 여기에 노출됩니다. 줄 띄어쓰기가 적용되고 글자수는 2000byte로 제한됩니다. 한 사람의 댓글은 스크롤이 생성되지 않고 전체 내용이 노출됩니다. 댓글은 최근순으로 보여지며, 대댓글(답글)은 상위 댓글 하단에 오래된순으로 보여집니다. (인스타그램, 트위터 등의 SNS와 동일한 정렬) 대댓글의 대댓글은 들여쓰기 처리되지 않습니다.
                                                </div>
                                                <div class="cmt-button">
                                                    <a href="#none">답글</a>
                                                    <a href="#none">답글 1개 숨기기</a>
                                                </div>
                                                <a href="#none" class="ico-delete"></a>
                                            </div>
                                            <!-- depth 2 cmt -->
                                            <ul class="depth">
                                                <li>
                                                    <div class="cmt-view-wrap">
                                                        <div class="cmt-info">
                                                            <i class="ico-profile" style="background-image: url(https://s3.ap-northeast-2.amazonaws.com/new.edmclass.com/ielts/my_class/ico_profile.svg);"></i>
                                                            <strong>계정명</strong>
                                                            <span>2020-12-31 00:09:51</span>
                                                        </div>
                                                        <div class="cmt-contents">
                                                            <span class="at">@edmIELTS</span>메모 내용이 여기에 노출됩니다. 줄 띄어쓰기가 적용되고 글자수는 2000byte로 제한됩니다. 한 사람의 댓글은 스크롤이 생성되지 않고 전체 내용이 노출됩니다. 댓글은 최근순으로 보여지며, 대댓글(답글)은 상위 댓글 하단에 오래된순으로 보여집니다. (인스타그램, 트위터 등의 SNS와 동일한 정렬) 대댓글의 대댓글은 들여쓰기 처리되지 않습니다.
                                                        </div>
                                                        <div class="cmt-button">
                                                            <a href="#none">답글</a>
                                                            <a href="#none">답글 1개 숨기기</a>
                                                        </div>
                                                    </div>
                                                    <a href="#none" class="ico-delete"></a>
                                                </li>
                                                <li>
                                                    <div class="cmt-view-wrap">
                                                        <div class="cmt-info">
                                                            <i class="ico-profile" style="background-image: url(https://s3.ap-northeast-2.amazonaws.com/new.edmclass.com/ielts/my_class/ico_profile.svg);"></i>
                                                            <strong>계정명</strong>
                                                            <span>2020-12-31 00:09:51</span>
                                                        </div>
                                                        <div class="cmt-contents">
                                                            <span class="at">@edmIELTS</span>메모 내용이 여기에 노출됩니다. 줄 띄어쓰기가 적용되고 글자수는 2000byte로 제한됩니다. 한 사람의 댓글은 스크롤이 생성되지 않고 전체 내용이 노출됩니다. 댓글은 최근순으로 보여지며, 대댓글(답글)은 상위 댓글 하단에 오래된순으로 보여집니다. (인스타그램, 트위터 등의 SNS와 동일한 정렬) 대댓글의 대댓글은 들여쓰기 처리되지 않습니다.
                                                        </div>
                                                        <div class="cmt-button">
                                                            <a href="#none">답글</a>
                                                            <a href="#none">답글 1개 숨기기</a>
                                                        </div>
                                                    </div>
                                                    <a href="#none" class="ico-delete"></a>
                                                </li>
                                            </ul>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection



@section("academy-script")

@endsection