@extends($service.'.layout')

@section($service.'-css')
    {!! resource('css/common/nice-select.css') !!}
    {!! resource('js/common/jquery.nice-select.js') !!}

    {!! resource('css/'.$service.'/sub.css') !!}
    {!! resource('css/myclass/my_class.css') !!}

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

@section($service."-content")
<div class="container">
    <div class="my-class-wrapper">
        <div class="wrapper">
            @include('classroom.'.$service.'.menu')

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

@section($service.'-script')
    @yield("classroom-script")

    <script>

        function onOpenPlayer(id) {
            const popupWidth = 1200;
            const popupHeight = 675;
            const popupX = Math.round(window.screenX + (window.outerWidth/2) - (popupWidth/2));
            const popupY = Math.round(window.screenY + (window.outerHeight/2) - (popupHeight/2));
            const featureWindow = "width=" + popupWidth + ", height="+popupHeight + ", left=" + popupX + ", top=" + popupY;

            const href = "{{ route('classroom.player', ['service' => $service, 'lectureId' => ':id']) }}";
            return window.open(href.replace(":id", id), '영상 플레이어 팝업', featureWindow);
        }
    </script>
@endsection