@extends("board.layout.layout-board")

@section("board-display")
<li class="mb-3 row mx-0 align-middle">
    <label class="col-2">기본 조회수</label>
    <div class="col-3">
        <input type="text" name="default_view_cnt" value="{{ $post?->default_view_cnt ?? 0}}" class="form-control number-only" />
    </div>
</li>
@endsection

@section("board-group")
<section class="mt-3 board">
    <header>특강정보</header>
    <main class="split-form">
        <ul class="list-item-none">
            <li class="mb-3 row mx-0 align-middle">
                <label class="col-1 required">
                    일정
                    <a class="text-danger" href="javascript:onOpenSchedulePopup()"><i class="bi bi-plus-circle"></i></a>
                </label>
                <div class="col-2">

                    @if ( $post?->schedule_detail_id == 0 )
                        <span class="mb-2">
                            <div class="form-check form-switch">
                                <input class="form-check-input" type="checkbox" role="switch" id="is_direct" name="is_direct" value="1" checked>
                                <label class="form-check-label" for="is_direct">직접입력</label>
                            </div>
                        </span>
                        <input type="date" name="schedule_date" id="schedule_date" value="" class="form-control form-control-sm"/>
                    @endif


                    <select name="schedule_detail_id" id="schedule_detail_id" class="form-select" style="{{ $post?->schedule_detail_id > 0 ? '' : 'display: none' }}">
                        @if ( $post?->schedule_detail_id == 0 )
                        <option value="">선택하세요</option>
                        @endif
                        @foreach ($schedules as $schedule)
                            <option value="{{ $schedule['id'] }}" @selected($schedule['id'] == $post?->schedule_detail_id) >{{ $schedule['date'] }}</option>
                        @endforeach
                    </select>
                </div>
                <label class="col-1 required">강사</label>
                <div class="col-2">
                    <select name="teacher_id" id="teacher_id" class="form-select">
                        @foreach ($teachers as $teacher)
                            <option value="{{ $teacher->id }}" @selected($teacher->id == $post?->teacher_id) >{{ $teacher->name }}</option>
                        @endforeach
                    </select>
                </div>
                <label class="col-1 required">특강설명</label>
                <div class="col-5">
                    <textarea name="description" class="form-control">{{ $post?->description }}</textarea>
                </div>
            </li>
            <li class="mb-3 row mx-0 align-middle">
                <label class="col-1">강의정보</label>
                <div class="col-2">
                    <button class="btn btn-primary" type="button" onclick="onSelectLecture()">강의선택</button>
                    <input type="hidden" name="lecture_id" id="lecture_id" value="{{ $post?->lecture_id }}" />
                </div>
                <label class="col-1">강의명</label>
                <div class="col-2">
                    <span id="lecture_name">{{ $post?->lecture?->name }}</span>
                </div>
                <label class="col-1">과목명</label>
                <div class="col-2">
                    <span id="lecture_type">{{ $post?->lecture?->video?->subject ? $subjects[$post?->lecture?->video?->subject] : "" }}</span>
                </div>
                <label class="col-1">PDF</label>
                <div class="col-2">
                    <span id="lecture_pdf"></span>
                </div>
            </li>

        </ul>
    </main>
</section>
@endsection


@section("board-script")
<script>
    function onOpenSchedulePopup() {
        window.open( "{{ route('schedule.popup.add', ['type' => 'special']) }}", "_blank", "width=1600; height=1000");
    }

    function onSelectLecture() {
        window.open( "{{ route('board.lecture', ['service' => $service]) }}", "_blank", "width=1600; height=1000");
    }

    $(function() {
        $('#is_direct').on("click", function() {
            if ( $(this).is(":checked") ) {
                $('#schedule_date').show()
                $('#schedule_detail_id').hide()
            } else {
                $('#schedule_date').hide()
                $('#schedule_detail_id').show()
            }


        })
    })
</script>
@endsection