@extends("common.layout")

@php
    $page_title = $pageServiceName . ' 강의 ' . ($lecture?->id ? '상세보기 ('.$lecture->id.')' : '등록');
@endphp

@section('page-title', $page_title)

@section("header")
{!! resource('css/form.css') !!}
{!! resource('js/form.js') !!}
@endsection

@section("content")

<form id="lecture-form" action="{{ $lecture?->id ? route('product.lecture.set', ['id'=>$lecture->id]) : route('product.lecture.set') }}" method="post" class="default" enctype="multipart/form-data">
    @csrf
    <input type="hidden" name="service" id="service" value="{{ $service }}">

    <h1>
        <div>
            <a href="{{ route('product.lecture.list', $service) }}"><i class="bi bi-arrow-left-circle"></i></a>
            {{ $page_title }}
        </div>

        <div class="fixed-btns btn-group">
            @if ($lecture?->id)
                @if ($User->is->root)
                <button class="btn btn-danger" type="button" onclick="lectureDelete({{ $lecture->id }}, '{{ $service }}')">삭제</button>
                @endif
                <button type="button" class="btn btn-success" onclick="location.href='{{ route('product.lecture.add', ['service'=>$service]) }}'">등록</button>
            @endif

            <button type="submit" class="btn btn-primary">저장</button>
            <button class="btn btn-warning" type="button" onclick="toggleOptions(this)"><i class="bi bi-chevron-up"></i></button>
        </div>
    </h1>

    <div class="layout-2-cols">
        <section>
            <header>
                강의 구분
                <button class="btn btn-warning btn-toggle" type="button" onclick="toggleOption(this)" id="toggle-lecture-{{ $lecture?->id }}-1"><i class="bi bi-chevron-up"></i></button>
            </header>

            <main class="split-form">
                {{--강의 번호--}}
                @if ($lecture?->id)
                <div class="form-group">
                    <label>강의 번호</label>
                    <div>
                        {{ $lecture?->id }}
                    </div>
                </div>
                @endif

                <div class="form-group">
                    <label class="required" for="name">강의명</label>

                    <div class="right-col">
                        <input type="text" class="form-control" name="name" id="name" value="{{ $lecture?->name }}" required>
                    </div>
                </div>

                {{--활성 구분--}}
                <div class="form-group">
                    <label class="required">활성 구분</label>

                    <div class="right-col">
                        <div class="form-check form-switch">
                            <input class="form-check-input" type="checkbox" role="switch" id="activated" name="activated" value="1" @checked(!$lecture || $lecture->activated == 1)>
                        </div>
                    </div>
                </div>

                {{--모듈--}}
                <div class="form-group">
                    <label class="required">모듈</label>
                    <div class="right-col">
                        @php
                            if (isset($lecture->module)) $modules = explode('|', $lecture->module);
                            else $modules = [];
                        @endphp
                        @foreach (config('system.modules') as $key => $module)
                        <div class="form-check">
                            <input type="checkbox" id="moduleId{{ $key }}" name="module[]" class="form-check-input" value="{{ $module }}" @checked(in_array($module, $modules))>
                            <label class="form-check-label" for="moduleId{{ $key }}">{{ $module }}</label>
                        </div>
                        @endforeach
                    </div>
                </div>

                <div class="form-group">
                    <label class="required">특강여부</label>
                    <div class="right-col">
                        <select class="form-select" name="special_type" id="specialType">
                            @foreach ($specialTypes as $specialType)
                                <option value={{ $specialType }} @selected($lecture?->special_type == $specialType)>{{ $specialType }}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
                @if($service == 'ielts')
                <div class="form-group">
                    <label for="pdf">pdf 파일</label>

                    <div class="right-col">
                        <div class="input-group upload-group">
                            <input type="file" class="form-control" name="pdf" id="pdf" accept=".pdf,image/*">

                            @if (isset($lecture->attachments[0]) && ! empty($lecture->attachments))
                                @php
                                    $asset = $lecture->attachments[0];
                                @endphp
                                <span class="input-group-text">
                                    <a href="{{ app(\S3Helper::class)->getPublicUrl($asset->s3_key) }}" target="_blank">
                                        {{ $asset->name .'.'. $asset->extension }}
                                    </a>
                                </span>
                                <button type="button" class="btn btn-danger" onclick="onRemoveAttachment({{ $asset->id }})"><i class="bi bi-trash"></i></button>
                            @endif
                        </div>
                    </div>
                </div>
                @endif
            </main>
        </section>

        <section>
            <header>
                영상관리
                <span>
                    <buttin class="btn btn-sm btn-info" onclick="onOpenVideoPopup('{{ $service }}')">영상{{ $lecture ? "변경" : "선택" }}</buttin>
                    <a class="btn btn-sm btn-link" href="javascript:onLinkVideo()">이동</a>
                    <button class="btn btn-warning btn-toggle" type="button" onclick="toggleOption(this)" id="toggle-lecture-{{ $lecture?->id }}-preview"><i class="bi bi-chevron-up"></i></button>
                </span>
            </header>
            <main class="split-form layout-2-cols">
                @php
                    $video = isset($lecture->video) ? $lecture->video : null;
                @endphp
                <div class="">
                    {{--영상 번호--}}

                    <div class="form-group">
                        <label>영상 번호</label>
                        <div id="video_id_text">
                            {{ $video?->id }}
                        </div>
                        <input type="hidden" name="video_id" id="video_id" value="{{ $video?->id }}" />
                    </div>


                    <div class="form-group">
                        <label class="required" for="name">영상명</label>

                        <div class="right-col" id="video_name">
                            {{ $video?->name }}
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="required" for="teacher_id">강사</label>

                        <div class="right-col" id="teacher_name">
                            {{ $video?->teacher?->name }}
                        </div>
                    </div>

                    {{--과목--}}
                    <div class="form-group">
                        <label class="required">과목</label>
                        <div class="right-col" id="video_subject">
                            {{ $video?->subject ? config('system.subjects')[$video?->subject]:'' }}
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="required" for="video">미디어 키</label>
                        <div class="right-col" id="media_key">
                            {{ $video?->media_key }}
                        </div>
                    </div>

                    @if($service == 'ielts')
                        <div class="form-group">
                            <label class="required" for="video">업로드 파일키</label>
                            <div class="right-col" id="upload_file_key">
                                {{ $video?->upload_file_key }}
                            </div>
                        </div>
                    @endif
                </div>

                <div>
                    <img src="{{ $video?->thumbnail }}" alt="{{ $video?->name }}" style="width: 100%" />
                </div>
            </main>
        </section>

    </div>
</form>

@if($lecture)
<div class="layout-2-cols my-3">
    <section>
        <header>
            포함 강좌
            <button class="btn btn-warning btn-toggle" type="button" onclick="toggleOption(this)" id="toggle-lecture-{{ $lecture?->id }}-courses"><i class="bi bi-chevron-up"></i></button>
        </header>

        <main>
            <table class="table table-sm table-striped table-hover">
                <colgroup>
                    <col width="30">
                </colgroup>
                <thead>
                    <tr class="text-center">
                        <th>번호</th>
                        <th class="text-start">강좌명</th>
                        <th>모듈</th>
                        <th>활성</th>
                        <th>등록일</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($lecture->courses as $course)
                    <tr class="text-center">
                        <td>{{ $course->id }}</td>
                        <td class="text-start"><a href="{{ route('product.course.detail', ['id' => $course->id]) }}">{{ $course->name }}</a></td>
                        <td>{{ $course->module }}</td>
                        <td>{{ $course->activated ? 'Y':'' }}</td>
                        <td>{{ explode(" ", $course->created_at)[0] }}</td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </main>
    </section>

    <section>
        <header>
            포함 상품
            <button class="btn btn-warning btn-toggle" type="button" onclick="toggleOption(this)" id="toggle-lecture-{{ $lecture?->id }}-products"><i class="bi bi-chevron-up"></i></button>
        </header>

        <main>
            <table class="table table-sm table-striped table-hover">
                <colgroup>
                    <col width="30">
                </colgroup>
                <thead>
                    <tr class="text-center">
                        <th>번호</th>
                        <th class="text-start">상품명</th>
                        <th>모듈</th>
                        <th>판매중</th>
                        <th>등록일</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($lecture->getIncludedProducts()->all() as $product)
                    <tr class="text-center">
                        <td>{{ $product->id }}</td>
                        <td class="text-start"><a href="{{ route('product.detail', ['id' => $product->id, 'service' => $product->service]) }}">{{ $product->name }}</a></td>
                        <td>{{ $product->module }}</td>
                        <td>{{ $product->is_sellable ? 'Y':'' }}</td>
                        <td>{{ explode(" ", $product->created_at)[0] }}</td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </main>
    </section>
</div>

<section>
    <header>
        <div>
            변경 로그
        </div>
        <div>
            <button class="btn btn-warning btn-toggle" type="button" onclick="toggleOption(this)" id="toggle-lecture-{{ $lecture?->id }}-log"><i class="bi bi-chevron-up"></i></button>
        </div>
    </header>

    <main>
        <table class="table table-sm table-striped table-hover">
            <thead>
                <tr class="text-center">
                    <th>번호</th>
                    <th>일시</th>
                    <th>활성 구분</th>
                    <th>모듈</th>
                    <th>강의명</th>
                    <th>강의영상</th>
                    @if($service == 'ielts')
                    <th>pdf</th>
                    @endif
                    <th>담당자</th>
                    <th>자세히 보기</th>
                </tr>
            </thead>
            <tbody>
                @foreach ($lecture->getParsingLogs() as $log)
                <tr class="text-center">
                    <td>{{ $log->id }}</td>
                    <td>
                        @if (isset($log->created_at))
                            {{ $log->created_at }}
                        @else
                            -
                        @endif
                    </td>
                    <td>
                        @if ($log->activated == 1)
                            활성
                        @else
                            비활성
                        @endif
                    </td>

                    <td>{{ $log->module }}</td>

                    <td>{{ $log->name }}</td>
                    <td>
                        {{ $log->video->name }}
                    </td>

                    @if($service == 'ielts')
                    <td>
                        {{ $log->asset->name.'.'.$log->asset->extension; }}
                    </td>
                    @endif

                    <td>{{ $log->created_by }}</td>

                    <td>
                        <x-log id="{{ $log->row_number }}" :log="$log" />
                    </td>
                </tr>
                @endforeach
            </tbody>
        </table>
    </main>
</section>
@endif
@endsection

@push("script")
<script>

    @if ($lecture)
        function deleteAsset(type) {
            const targetUrl = "{{ route('api.product.lecture.delete-asset', $lecture->id) }}/" + type;

            $.ajax({
                type: "DELETE",
                url: targetUrl,
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') // CSRF 토큰 추가
                },
                success: function(response) {
                    location.reload();
                },
                error: function(xhr, status, error) {
                    console.error("Error deleting asset:", error);
                }
            });
        }

        function lectureDelete(lecture_id) {
            if (confirm('정말 삭제하시겠습니까?')) {
                $.ajax({
                    type: "DELETE",
                    url: '/api/products/lectures/'+lecture_id,
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') // CSRF 토큰 추가
                    },
                    success: function(service) {
                        location.href = '/products/lectures/list/'+service;
                    },
                    error: function(xhr, status, error) {l
                        console.error("Error deleting lecture:", error);
                    }
                });
            }
        }
    @endif


    function onSetVideoPopup() {
        const href = "{{ route('product.video.add', ['service' => ':service']) }}?is_popup=1";

        edmPopupOpen(href.replace(":service", $('#service').val()), 'popup_window', null, null, "large");
    }


    function onOpenVideoPopup(service) {
        const href = "{{ route('product.video.popup.add-video') }}" + "?service=" + service;
        edmPopupOpen(href);
    }


    function onLinkVideo() {

        if ($.isEmptyObject($('#video_id').val())) {
            return false;
        }

        const href = '{{ route("product.video.detail", ["id" => ":id"]) }}';
        location.href = href.replace(":id", $('#video_id').val())
    }

    function onRemoveAttachment(id){
        alertify.confirm("확인", "파일을 삭제하시겠습니까?", () => {
            const URL = "{{ route('api.board.delete-attachment', ['id' => ':id']) }}";
            $.ajax({
                url: URL.replace(":id", id),
                method: "DELETE",
                dataType: "JSON",
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                success: function(result) {
                    if (result.status) {
                        alertify.alert("확인", "삭제되었습니다.", () => {
                            location.reload
                        })
                    } else {
                        alertify.alert("확인", "실패하였습니다.", () => {})
                    }
                }
            })
        },  () => {})
    }

    $('#lecture-form').submit(function(e){

        if ($.isEmptyObject($('#video_id').val())) {
            alertify.alert('알림', "영상을 선택해주세요");
            return false;
        }

        e.preventDefault();
        // $("#loading-icon").show();
        this.submit();

    });
</script>
@endpush