@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="my-class">
        <h3>내 강의실</h3>
        <ul>
            <li>
                <a href="#none" class="ico-quick-01">
                    <i></i>
                    <span>현장강의</span>
                </a>
            </li>
            <li>
                <a href="#none" class="ico-quick-02">
                    <i></i>
                    <span>CDT모의고사</span>
                </a>
            </li>
            <li>
                <a href="#none" class="ico-quick-03">
                    <i></i>
                    <span>자료실</span>
                </a>
            </li>
            <li>
                <a href="#none" class="ico-quick-04">
                    <i></i>
                    <span>1:1게시판</span>
                </a>
            </li>
        </ul>
    </div>
    <!-- 최근 수강 -->
    <div id="status">
        <ul>
            <li>
                <a href="#none" class="ico-my-02">
                    <i></i>
                    <strong>수강후기</strong>
                    <span>후기 남기기</span>
                </a>
            </li>
            <li>
                <a href="#none" class="ico-my-03">
                    <i></i>
                    <strong>수강증</strong>
                    <span>수강증 확인</span>
                </a>
            </li>
            <li>
                <a href="#none" class="ico-my-01">
                    <i></i>
                    <strong>기기관리</strong>
                    <span>기기 설정하기</span>
                </a>
            </li>
        </ul>
    </div>
    <div id="product">
        <div class="product-wrap">
            <h3>수강중인 상품</h3>
            <ul class="product-list">
                <li class="no-data">
                    수강중인 상품이 없습니다.
                </li>
                <li>
                    <div class="title">
                        <img src="https://placehold.co/96x60" alt="">
                        <div>
                            <h4>N개월 알짜패스패스 패스</h4>
                            <p>(제너럴) 라이팅 스피킹 30일 완성</p>
                        </div>
                    </div>
                    <div class="detail">
                        <dl>
                            <dt>CDT :</dt>
                            <dd>3회</dd>
                        </dl>
                        <dl>
                            <dt>첨삭 :</dt>
                            <dd>무제한</dd>
                        </dl>
                        <dl>
                            <dt>강좌 :</dt>
                            <dd>진도율: 70% <span>(수강기간: 24.03.01 ~ 24.09.30)</span></dd>
                        </dl>
                    </div>
                    <a href="#none" class="btn-go">
                        <i></i>
                        수강하기
                    </a>
                </li>
                <li>
                    <div class="title">
                        <img src="https://placehold.co/96x60" alt="">
                        <div>
                            <h4>N개월 알짜패스패스 패스</h4>
                            <p>(제너럴) 라이팅 스피킹 30일 완성</p>
                        </div>
                    </div>
                    <div class="detail">
                        <dl>
                            <dt>CDT :</dt>
                            <dd>3회</dd>
                        </dl>
                        <dl>
                            <dt>첨삭 :</dt>
                            <dd>무제한</dd>
                        </dl>
                        <dl>
                            <dt>강좌 :</dt>
                            <dd>진도율: 70% <span>(수강기간: 24.03.01 ~ 24.09.30)</span></dd>
                        </dl>
                    </div>
                    <a href="#none" class="btn-go">
                        <i></i>
                        수강하기
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <div id="event">
        <div class="event-banner">
            <h3>EVENT</h3>
            <ul>
                <li>
                    <a href="#none">
                        합격 후기 작성시 네이버페이 포인트 30,000원 100%
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <div id="calendar-wrap">
        <div class="schedule-calendar toggle-sche" id="calendar"></div>
        <div class="calendar-detail">
            <ul>
                <li>
                    <span class="line cdt"></span>
                    <p>CDT 모의고사</p>
                </li>
                <li>
                    <span class="line pbt"></span>
                    <p>PBT 모의고사</p>
                </li>
                <li>
                    <span class="line etc"></span>
                    <p>[개강] 오후 2시 %강좌명%</p>
                </li>
                <li>
                    <span class="line etc"></span>
                    <p>[개강] 오후 2시 %강좌명%</p>
                </li>
                <li>
                    <span class="line etc"></span>
                    <p>[개강] 오후 2시 %강좌명%</p>
                </li>
                <li>
                    <span class="line etc"></span>
                    <p>[개강] 오후 2시 %강좌명%</p>
                </li>
                <li>
                    <span class="line etc"></span>
                    <p>[개강] 오후 2시 %강좌명%</p>
                </li>
                <li>
                    <span class="line etc"></span>
                    <p>[개강] 오후 2시 %강좌명%</p>
                </li>
                <li>
                    <span class="line etc"></span>
                    <p>[개강] 오후 2시 %강좌명%</p>
                </li>
            </ul>
        </div>
    </div>
    <div id="board">
        <div class="board-wrap">
            <div class="board-title">
                <h3>1:1 학습문의</h3>
                <a href="#none" class="btn-more">더보기</a>
            </div>
            <ul>
                <li class="no-data">
                    1:1 문의 내역이 없습니다.
                </li>
                <li>
                    <a href="#none">
                        <span class="reply fin">답변완료</span>
                        <span class="title">[기본 다지기] Listening part 4강이 어쩌고 저쩌고</span>
                    </a>
                    <span class="date">24.03.11</span>
                </li>
                <li>
                    <a href="#none">
                        <span class="reply">미답변</span>
                        <span class="title">[기본 다지기] Listening part 4강이 어쩌고 저쩌고</span>
                    </a>
                    <span class="date">24.03.11</span>
                </li>
                <li>
                    <a href="#none">
                        <span class="reply">미답변</span>
                        <span class="title">[기본 다지기] Listening part 4강이 어쩌고 저쩌고</span>
                    </a>
                    <span class="date">24.03.11</span>
                </li>
                <li>
                    <a href="#none">
                        <span class="reply">미답변</span>
                        <span class="title">[기본 다지기] Listening part 4강이 어쩌고 저쩌고</span>
                    </a>
                    <span class="date">24.03.11</span>
                </li>
            </ul>
        </div>
        <div class="board-wrap">
            <div class="board-title">
                <h3>공지사항</h3>
                <a href="#none" class="btn-more">더보기</a>
            </div>
            <ul>
                <li class="no-data">
                    공지사항이 없습니다.
                </li>
                <li>
                    <a href="#none">
                        <span class="title">영국문화원 시험접수 관련 안내</span>
                    </a>
                    <span class="date">24.03.11</span>
                </li>
                <li>
                    <a href="#none">
                        <span class="title">영국문화원 시험접수 관련 안내</span>
                    </a>
                    <span class="date">24.03.11</span>
                </li>
                <li>
                    <a href="#none">
                        <span class="title">2024년 아이엘츠 응시료 지원사업 안내 어쩌고 저쩌고</span>
                    </a>
                    <span class="date">24.03.11</span>
                </li>
                <li>
                    <a href="#none">
                        <span class="title">2024년 아이엘츠 응시료 지원사업 안내 어쩌고 저쩌고</span>
                    </a>
                    <span class="date">24.03.11</span>
                </li>
            </ul>
        </div>
    </div>
    <div id="welcome">

        <h3>웰컴 패키지</h3>
        <ul class="welcome-list">
            <li>
                <a href="#none">
                    <img src="https://s3.ap-northeast-2.amazonaws.com/new.edmclass.com/ielts/my_class/img_welcome_1.jpg" alt="">
                    <p>웰컴패키지<br>스케줄러</p>
                    <i class="ico-download"></i>
                </a>
            </li>
            <li>
                <a href="#none">
                    <img src="https://s3.ap-northeast-2.amazonaws.com/new.edmclass.com/ielts/my_class/img_welcome_2.jpg" alt="">
                    <p>웰컴패키지<br>오답노트</p>
                    <i class="ico-download"></i>
                </a>
            </li>
            <li>
                <a href="#none">
                    <img src="https://s3.ap-northeast-2.amazonaws.com/new.edmclass.com/ielts/my_class/img_welcome_3.jpg" alt="">
                    <p>웰컴패키지<br>단어장1</p>
                    <i class="ico-download"></i>
                </a>
            </li>
            <li>
                <a href="#none">
                    <img src="https://s3.ap-northeast-2.amazonaws.com/new.edmclass.com/ielts/my_class/img_welcome_3.jpg" alt="">
                    <p>웰컴패키지<br>단어장2</p>
                    <i class="ico-download"></i>
                </a>
            </li>
        </ul>
    </div>
</div>
@endsection



@section("academy-script")

    <script src="https://cdn.jsdelivr.net/npm/fullcalendar@6.1.14/index.global.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/@fullcalendar/daygrid@6.1.14/index.global.min.js"></script>
    <script>
        document.addEventListener('DOMContentLoaded', function () {
            var calendarEl = document.getElementById('calendar');
            var calendar = new FullCalendar.Calendar(calendarEl, {
                initialView: 'dayGridMonth',
                headerToolbar: {
                    left: 'prev,next',
                    center: 'title',
                    // right: 'dayGridMonth,timeGridWeek,listWeek'
                    right: 'today'
                },
            });
            calendar.render();
        });
    </script>
@endsection