@extends("academy.layout", ['service' => 'academy'])

@section("academy-css")

    {!! resource('css/academy/sub.css') !!}
    {!! resource('css/myclass/my_class_mo.css') !!}
    {!! resource('css/myclass/my_class_mo_academy.css') !!}
@endsection



@section("academy-content")
<div class="container_m">
    <div id="nav">
        <a href="#none" class="ico-back">뒤로가기</a>
        <h2>1:1 학습문의</h2>
    </div>
    <div id="btn">
        <a href="#none" class="btn-list on">
            목록
        </a>
        <a href="#none" class="btn-write on">
            수정
        </a>
        <a href="#none" data-alert="alert" class="btn-delete on">
            삭제
        </a>
    </div>
    <div id="container" class="bd-top">
        <div class="board-view">
            <p class="pd-title">강좌명</p>
            <p class="pd-name">N개월 실속팩 실속팩 실속팩 실속팩 (강좌명) (강좌명)</p>
            <p class="date">
                <strong>작성일</strong>
                <span>24.03.13</span>
            </p>
            <div>이안 선생님의 writing 수업 덕분에 합격한것 같습니다. 처음에는 4.5가 나와서 걱정을 많이 했지만, 수업을 다 챙겨듣고 템플릿을 외우고 꼭 들어가야 하는 표현 등 시험 볼 때 중요한 정보들을 다 외우고 시험을 치러 갔더니 좋은 성적을 받은 것 같아요.</div>
        </div>
        <div class="file-wrap">
            <h4>
                <i class="ico-camera"></i>
                파일첨부
            </h4>
            <div class="file-list">
                <ul>
                    <li>
                        <a href="#none">%첨부파일명%. 확장자</a>
                    </li>
                    <li>
                        <a href="#none">%첨부파일명%. 확장자</a>
                    </li>
                    <li>
                        <a href="#none">%첨부파일명%. 확장자</a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="correct-detail-wrap">
            <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>
<!-- alert -->
<div class="alert-wrap" id="alert">
    <a href="#none" class="ico-close"></a>
    <i class="ico-alert-icon1"></i>
    <div class="alert-contents">
        게시글을 삭제하시겠습니까?
    </div>
    <div class="alert-btn">
        <a href="#none" class="button">확인</a>
        <a href="#none" class="button error">취소</a>
    </div>
</div>
@endsection



@section("academy-script")

    <script>
        $(document).ready(function () {
            $('a[data-alert]').on('click', function () {
                var thisAlert = $(this).attr('data-alert');
                $('#' + thisAlert).addClass('on')
            });
            $('.alert-wrap .ico-close').on('click', function () {
                $(this).parent('.alert-wrap').removeClass('on')
            });
            $('.alert-btn .button').on('click', function () {
                $(this).closest('.alert-wrap').removeClass('on')
            });
        });
    </script>
@endsection