@extends($service.'.layout')

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

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

    {!! resource('css/classroom/mobile.css') !!}

    @yield("feedback-css")
@endsection

@section($service.'-content')
<div class="container_m">
    @if($service == 'academy')
        <div id="nav">
            <a href="{{ route('classroom.dashboard', ['service' => ! empty($service)&& in_array($service, ['ielts', 'academy']) ? $service : 'ielts' ]) }}" class="ico-back">뒤로가기</a>
            <h2>CDT모의고사</h2>
        </div>
        <div id="tab">
            <ul>
                <li>
                    <a href="{{ route('classroom.cdt-list', ['service' => $service]) }}">상품내역</a>
                </li>
                <li>
                    <a href="{{ route('classroom.cdt-completed', ['service' => $service]) }}">응시내역</a>
                </li>
                <li class="on">
                    <a href="#none">첨삭내역</a>
                </li>
            </ul>
        </div>
    @else
        <div id="nav">
            <a href="{{ route('classroom.dashboard', ['service' => ! empty($service)&& in_array($service, ['ielts', 'academy']) ? $service : 'ielts' ]) }}" class="ico-back">뒤로가기</a>
            <h2>첨삭학습</h2>
        </div>
        <div id="tab">
            <ul>
                <li @class(['on' => request()->routeIs('classroom.feedback')])>
                    <a href="{{ route('classroom.feedback', ['service' => 'ielts']) }}">첨삭 등록</a>
                </li>
                <li @class(['on' => request()->routeIs('classroom.feedback-list') ])>
                    <a href="{{ route('classroom.feedback-list', ['service' => 'ielts']) }}">첨삭 내역</a>
                </li>
                <li @class(['on' => request()->routeIs('classroom.feedback-temporary')])>
                    <a href="{{ route('classroom.feedback-temporary', ['service' => 'ielts']) }}">임시저장</a>
                </li>
            </ul>
        </div>
    @endif

    @yield("feedback-content")
</div>
@endsection


@section($service . "-script")
    @yield("feedback-script")

    {!! resource('js/common/classroom/comment.js') !!}
    @if ( isset($request_id) )
        <script>
            setCommentConfig({{ $request_id }})
        </script>
    @endif
    {!! resource('js/components/comment.js') !!}

     <script>
        $(document).ready(function () {
            // 팝업 열기
            $(document).on("click", ".info-pop", function (e){
                var target = $(this).attr("data-info");
                $('#'+target).addClass("on");
            });
            // 외부영역 클릭 시 팝업 닫기
            $(document).mouseup(function (e){
                var LayerPopup = $(".info-popup-wrap");
                if(LayerPopup.has(e.target).length === 0){
                    LayerPopup.removeClass("on");
                }
            });
            // 팝업 열기
            $(document).on("click", ".close-info", function (e){
                // var targetId = $(e.target)..attr('id');
                $(this).closest('.info-popup-wrap').toggleClass('on')

                if ( typeof onEvent == 'function') {
                    onEvent();
                }
            });
            // 팝업 닫기
            $(document).on("click", ".ico-close", function (e){
                if ( ! $(this).data('disabled')) {
                    $(e.target).closest('.correct-popup-wrap').hide()
                }
            });
        });
    </script>
@endsection