@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') !!}
    {!! resource("css/components/calendar.css") !!}
@endsection



@section("academy-content")
<div class="container_m myClassPage">

    <!-- 내 강의실 -->
    <div id="my-class">
        <h3>내 강의실</h3>
        <ul>
            <li>
                <a href="{{ route('classroom.course', ['service' => 'academy']) }}" class="ico-quick-01">
                    <i></i>
                    <span>현장강의</span>
                </a>
            </li>
            <li>
                <a href="{{ route('classroom.cdt-list', ['service' => 'academy']) }}" class="ico-quick-02">
                    <i></i>
                    <span>CDT모의고사</span>
                </a>
            </li>
            <li>
                <a href="{{ route('classroom.teacher.index', ['service' => 'academy']) }}" class="ico-quick-03">
                    <i></i>
                    <span>자료실</span>
                </a>
            </li>
            <li>
                <a href="{{ route('classroom.study.index', ['service' => 'academy']) }}" class="ico-quick-04">
                    <i></i>
                    <span>1:1게시판</span>
                </a>
            </li>
        </ul>
    </div>
    <!-- 최근 수강 -->
    <div id="status" class="certificateArea">
        <ul class="status-list">
            <li>
                <a href="{{ route("class.index", ['service' => $service]) }}" class="ico-my-02">
                    <i></i>
                    <strong>수강후기</strong>
                    <span>후기 남기기</span>
                </a>
            </li>
            <li>
                <a href="javascript:onClickCertificate('academy')" class="ico-my-03 popupOn">
                    <i></i>
                    <strong>수강증</strong>
                    <span>수강증 확인</span>
                </a>
            </li>
            <li>
                <a href="javascript:onClickDevice()" class="ico-my-01">
                    <i></i>
                    <strong>기기관리</strong>
                    <span>기기 설정하기</span>
                </a>
            </li>
        </ul>

        <div class="popupArea" id="dashboardPopup"></div>
    </div>
    <div id="product">
        <div class="product-wrap">
            <h3>수강중인 상품</h3>
            <ul class="product-list">
                @if ($enrollments->count()>0)
                    @foreach ($enrollments as $enrollment)
                        <li>
                            <div class="title">
                                <img src="{{ $enrollment->product->thumbnail }}" alt="{{ $enrollment->id }}" style="width: 96px; height :60px;">
                                <div>
                                    <h4>{{ $enrollment->product->name }}</h4>
                                    <p>{{ $enrollment->productOption?->name }}</p>
                                </div>
                            </div>
                            <div class="detail">
                                <dl>
                                    <dt>CDT :</dt>
                                    <dd>{{ !empty($enrollment->enrollmentCdtPasses->count()) ? $enrollment->enrollmentCdtPasses->count().'회':'-' }}</dd>
                                </dl>
                                <dl>
                                    <dt>첨삭 :</dt>
                                    <dd>{{ !empty($enrollment->enrollmentFeedbackPasses->count()) ? $enrollment->enrollmentFeedbackPasses->count().'회':'-' }}</dd>
                                </dl>
                                <dl>
                                    <dt>강좌 :</dt>
                                    <dd>진도율: {{ round($enrollment->progress_rate) ?? 0 }}% <span>(수강기간: {{ Carbon::parse($enrollment->started_at)->format('y.m.d') }} ~ {{ Carbon::parse($enrollment->ended_at)->format('y.m.d') }})</span></dd>
                                </dl>
                            </div>
                            <a href="{{ route('classroom.course', ['service' => 'academy', 'enrollment_id' => $enrollment->id]) }}" class="btn-go">
                                <i></i>
                                수강하기
                            </a>
                        </li>
                    @endforeach
                @else
                    <li class="no-data">
                        수강중인 상품이 없습니다.
                    </li>
                @endif
            </ul>
        </div>
    </div>
    <div id="event">
        <a href="/academy/product/25" class="event-banner" style="background: linear-gradient(90deg, #FFE8E4 0%, #FFD9C9 50%, #F4C6B7 100%);">
            <img src="https://s3.ap-northeast-2.amazonaws.com/new.edmclass.com/banner/academy/classroom-banner-bg-mo.png" alt="네이버 페이 10,000원, gs25 5,000원, 올리브영 5,000원, 스타벅스 5,000원, 배달의 민족 10,000원">
        </a>
    </div>
    <div id="calendar-wrap">
        <div class="schedule-calendar toggle-sche" id="calendar"></div>
        <div class="calendar-detail" >
            <ul id="schedule-list">
                <li class="calendar-list" id="default" style="display: none;">
                    <span class="line cdt"></span>
                    <p class="title"></p>
                </li>
            </ul>
        </div>
    </div>
    <div id="board">
        <div class="board-wrap">
            <div class="board-title">
                <h3>1:1 학습문의</h3>
                <a href="{{ route('classroom.study.index', ['service' => $service]) }}" class="btn-more">더보기</a>
            </div>
            <ul>
                @if ($studies->count()>0)
                    @foreach ($studies as $post)
                        @php
                            $content = $post->content;
                        @endphp
                        <li>
                            <a href="{{ route("classroom.study.view", ['service' => 'academy', 'id' => $post->id]) }}" title="{{ $content->title }}">
                                <span @class(['reply', 'fin' => $post->status == 1])>{{$post->status == 1 ? "답변완료" : "미답변"}}</span>
                                <span class="title">{{ $content->title }}</span>
                            </a>


                            <span class="date">{{ date('y.m.d', strtotime($post->created_at)) }}</span>
                        </li>
                    @endforeach
                @else
                    <li class="no-data">
                        1:1 문의 내역이 없습니다.
                    </li>
                @endif
            </ul>
        </div>
        <div class="board-wrap">
            <div class="board-title">
                <h3>선생님 자료실</h3>
                <a href="{{ route('classroom.teacher.index', ['service' => $service]) }}" class="btn-more">더보기</a>
            </div>
            <ul>

                @if ($teachers && $teachers->count()>0)
                    @foreach ($teachers as $post)
                        @php
                            $content = $post->content;
                        @endphp
                        <li>
                            <a href="{{ route("classroom.teacher.view", ['service' => 'academy', 'id' => $post->id]) }}" title="{{ $content->title }}">{{ $content->title }}</a>
                            <span class="date">{{ date('y.m.d', strtotime($post->created_at)) }}</span>
                        </li>
                    @endforeach
                @else
                    <li class="no-data">
                        등록된 게시물이 없습니다.
                    </li>
                @endif
            </ul>
        </div>
    </div>
    <div id="welcome">

        <h3>웰컴 패키지</h3>
        <ul class="welcome-list">
            <li>
                <a href="https://s3.ap-northeast-2.amazonaws.com/new.edmclass.com/ielts/my_class/edm_ielts_plan.pdf" target="_blank">
                    <img src="{{ env('AWS_S3_IMG_URL') }}/ielts/my_class/img_welcome_1.jpg" alt="">
                    <p>웰컴패키지<br>스케줄러</p>
                    <i class="ico-download"></i>
                </a>
            </li>
            <li>
                <a href="https://s3.ap-northeast-2.amazonaws.com/new.edmclass.com/ielts/my_class/edm_ielts_wrong.pdf" target="_blank">
                    <img src="{{ env('AWS_S3_IMG_URL') }}/ielts/my_class/img_welcome_2.jpg" alt="">
                    <p>웰컴패키지<br>오답노트</p>
                    <i class="ico-download"></i>
                </a>
            </li>
            <li>
                <a href="https://s3.ap-northeast-2.amazonaws.com/new.edmclass.com/ielts/my_class/edm_ielts_voca_1300.pdf" target="_blank">
                    <img src="{{ env('AWS_S3_IMG_URL') }}/ielts/my_class/img_welcome_3.jpg" alt="">
                    <p>웰컴패키지<br>단어장1</p>
                    <i class="ico-download"></i>
                </a>
            </li>
            <li>
                <a href="https://s3.ap-northeast-2.amazonaws.com/new.edmclass.com/ielts/my_class/edm_ielts_voca_writing.pdf" target="_blank">
                    <img src="{{ env('AWS_S3_IMG_URL') }}/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")
    {!! resource('js/components/calendar.js') !!}
    {!! resource('js/academy/schedule.js') !!}
    {!! resource('js/common/classroom/dashboard.js') !!}
    <script>
        $(function() {
            setCalendar('classroom', {theme : "schedule"});
        })
    </script>
@endsection