@extends("modular.classroom.desktop.layouts.layout-default")


@section("classroom-css")
    {!! resource('css/academy/sub.css') !!}
    {!! resource('css/myclass/my_class_academy.css') !!}

    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.css" />
@endsection


@section("classroom-contents")
    <!-- 수강중인 상품 -->
    <div class="row pd-list">
        <div class="column c100p">
            <div class="card pd32">
                <h4>수강중인 상품</h4>
                @include("modular.classroom.components.desktop.enrollment-list")
            </div>
        </div>
    </div>
    <!-- //수강중인 상품 -->

    <!-- 현황 -->
    <div class="row second crt">
        <div class="column c50p">
            <div class="card pd16 text-center">
                <div>
                    <i class="ico-crt-03"></i>
                    <h5>기기관리</h5>
                </div>
                <div>
                    <p><strong id="deviceCnt">{{ $userDeviceCount }}/3</strong></p>
                    <p><span>등록대수/가능대수</span></p>
                    <a href="javascript:onClickDevice()">기기 설정하기</a>
                </div>
            </div>
        </div>
        <div class="column c50p certificateArea">
            <div class="card pd16 text-center">
                <div>
                    <i class="ico-crt-05"></i>
                    <h5>수강증</h5>
                </div>
                <div>
                    <a href="javascript:onClickCertificate('academy')" class="popupOn">수강증 확인</a>
                </div>
            </div>

            <div class="popupArea" id="dashboardPopup"></div>
        </div>
    </div>
    <!-- //현황 -->

    @if ( ! empty($banners))
    <!-- 이벤트 배너 -->
    <div class="row banner">
        <div class="column c100p">
            <div id="eventBannerSlide">
                <div class="swiper-wrapper">
                    @foreach ( $banners as $b)
                    <div class="swiper-slide">
                        <a href="{{ $b['link'] }}" class="card">
                            <img src="{{ env('AWS_S3_IMG_URL') }}{{ $b['urls'][0] }}" alt="{{ $b['name'] }}">
                        </a>
                    </div>
                    @endforeach
                </div>
            </div>
        </div>
    </div>
    <!-- //이벤트 배너 -->
    @endif

    <!-- 학습문의 및 공지사항 -->
    <div class="row notice">
        <div class="column c50p contact">
            <div class="card pd32">
                <h4>1:1 학습문의</h4>
                <a class="ico-more" href="{{ route('classroom.study.index', ['service' => $service]) }}"></a>
                <ul class="board-list">
                    @if ($studies->count()>0)
                        @foreach ($studies as $post)
                            @php
                                $content = $post->content;
                            @endphp
                            <li>
                                @if ($post->status == 1 )
                                    <span @class(['badge', 'green' => $post->status == 1])>답변완료</span>
                                @elseif ($post->status < 1 )
                                    <span @class(['badge', 'waiting' => $post->status < 1])>답변대기</span>
                                @endif
                                <a href="{{ route("classroom.study.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="noData">
                            <div class="flex"><p>등록된 학습문의가 없습니다.</p></div>
                        </li>
                    @endif

                </ul>
            </div>
        </div>
        <div class="column c50p">
            <div class="card pd32">
                <h4>선생님 자료실</h4>
                <a class="ico-more" href="{{ route('classroom.teacher.index', ['service' => $service]) }}"></a>
                <ul class="board-list">
                    @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="noData">
                            <div class="flex"><p>등록된 게시물이 없습니다.</p></div>
                        </li>
                    @endif
                </ul>
            </div>
        </div>
    </div>
    <!-- //학습문의 및 공지사항 -->

    @include("modular.classroom.components.desktop.welcome-packages")
@endsection


@section("classroom-scripts")

@endsection