@extends("domains.common.layouts.layout")

@section("header")
@vite([
    'resources/js/domains/common/tomSelect.js',
    'resources/js/domains/common/tomSelectAllCheck.js',
])
<style>
    div.ts-wrapper div.ts-control input {
        height: auto;
    }
</style>
@endsection

@section("main-content")
<div class="container-fluid">
    <!-- start page title -->
    <div class="row">
        <div class="col-12">
            <div class="page-title-box">
                <h1>강의 관리</h1>
            </div>
        </div>
    </div>
    <!-- end page title -->

    <div class="row">
        <div class="col-xl-12 col-lg-12 order-lg-2 order-xl-1">
            <div class="card">
                <div class="card-body">
                    <form action="{{ route('product.lecture.list') }}" class="search-form" method="GET">
                        <div class="search-input-wrap">
                            <div class="search-input">
                                <label for="register_start_date">등록일</label>
                                <input type="date" id="register_start_date" name="register_start_date"
                                @if (Request::get("register_start_date"))
                                    value="{{ Request::get("register_start_date") }}"
                                @endif
                                > - <input  type="date" name="register_end_date"
                                @if (Request::get("register_end_date"))
                                    value="{{ Request::get("register_end_date") }}"
                                @endif
                                >
                            </div>
                            <div class="search-input">
                                <label for="activated">활성구분</label>
                                <select name="activated" id="activated">
                                    <option value="" @selected(Request::get("activated") === null)>선택</option>
                                    <option value="0" @selected(Request::get("activated") === "0")>비활성</option>
                                    <option value="1" @selected(Request::get("activated") === "1")>활성</option>
                                </select>
                            </div>
                            <div class="search-input">
                                <label for="service_id">서비스 구분</label>
                                <select name="service_id" id="service_id">
                                    <option value="" >선택</option>
                                    @foreach ($services as $service)
                                        <option value={{ $service->id }} @selected(Request::get("service_id", null) == $service->id)>{{ $service->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="search-input">
                                <label for="pdf">pdf</label>
                                <select name="pdf" id="pdf">
                                    <option value="" @selected(Request::get("pdf", null) === null)>선택</option>
                                    <option value="0" @selected(Request::get("pdf", null) === "0")>없음</option>
                                    <option value="1" @selected(Request::get("pdf", null) === "1")>있음</option>
                                </select>
                            </div>
                            <div class="search-input">
                                <label for="teacher_id">강사</label>
                                <select name="teacher_id" id="teacher_id">
                                    <option value="" >선택</option>
                                    @foreach ($teachers as $teacher)
                                        <option value={{ $teacher->id }} @selected(Request::get("teacher_id", null) == $teacher->id)>{{$teacher->name}}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="search-input">
                                <label for="module_id">모듈 구분</label>
                                <select name="module_id" id="module_id">
                                    <option value="" >선택</option>
                                    @foreach ($modules as $module)
                                        <option value={{ $module->id }} @selected(Request::get("module_id", null) == $module->id)>{{ $module->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="search-input">
                                <label for="subjects">과목</label>
                                <select name="subjects[]" id="subjects" multiple>
                                    <option value="" >선택</option>
                                    @foreach ($subjects as $subject)
                                    <option value="{{ $subject->id }}" @selected(in_array($subject->id, Request::get("subjects", [])))>{{ $subject->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="search-input">
                                <label for="name">강의명</label>
                                <input type="text" name="name" id="name" autocomplete='on' value="{{ Request::get("name") }}">
                            </div>
                            <div class="search-input">
                                <input type="hidden" name="paginate" value="{{ Request::get("paginate") }}">
                                <input type="hidden" name="order_by" value="{{ Request::get("order_by") }}">
                                <input type="hidden" name="sort" value="{{ Request::get("sort") }}">
                            </div>
                        </div>
                        <button type="submit" class="search-button">조회</button>
                    </form>

                </div> <!-- end card-body-->
            </div> <!-- end card-->
        </div> <!-- end col-->
    </div>
    <!-- end row -->

    <div class="row">
        <div class="col-xl-12 col-lg-12 order-lg-2 order-xl-1">
            <div class="card">
                <div class="card-body">
                    <div class="user-btn-wrap">
                        <div class="pagination-result">
                            <span>총 <strong class="point-color">{{ $lectures->total() }}</strong>건</span>
                        </div>
                        <div class="pagination-helper">
                            <div class="pagination-wrapper">
                                {{ $lectures->links("vendor.pagination.default") }}
                            </div>
                            <select id='paginate-control' class='form-select-sm data-length-select' onchange="copyValue('.data-length-select', 'input[name=paginate]', '.search-form')">
                                <option value="10" @selected(Request::get("paginate") == null || Request::get("paginate") == 10)>10개씩 보기</option>
                                <option value="30" @selected(Request::get("paginate") == 30)>30개씩 보기</option>
                                <option value="50" @selected(Request::get("paginate") == 50)>50개씩 보기</option>
                                <option value="100" @selected(Request::get("paginate") == 100)>100개씩 보기</option>
                            </select>
                            <button type="button" class="button btn-style-2" onclick="excelDownload('.search-form', '{{ route('api.product.lecture.excel') ?? '' }}')">엑셀다운로드</button>
                            <button type="button" class="button btn-style-1" onclick="edmPopupOpen('{{ route('product.lecture.popup.add', ['service' => 'academy']) ?? '' }}', null)">어학원 강의 업로드</button>
                            <button type="button" class="button btn-style-1" onclick="edmPopupOpen('{{ route('product.lecture.popup.add', ['service' => 'ielts']) ?? '' }}', null)">인강 강의 업로드</button>
                        </div>
                    </div>
                    <table class="default-table">
                        <thead>
                            <tr>
                                <th scope="col" class="th_nm">번호</th>
                                <th scope="col">등록 일시</th>
                                <th scope="col">강의 번호</th>
                                <th scope="col">활성 구분</th>
                                <th scope="col">서비스 구분</th>
                                <th scope="col">모듈</th>
                                <th scope="col">과목</th>
                                <th scope="col">특강</th>
                                <th scope="col">강의명</th>
                                <th scope="col">강사</th>
                                <th scope="col">pdf</th>
                                <th scope="col">영상 길이</th>
                            </tr>
                        </thead>
                        <tbody style="text-align: center">
                            @forelse ($lectures as $lecture)
                            <tr>
                                <td><a href="{{ route('product.lecture.detail', $lecture->id) }}">{{ $lecture->id }}</a></td>
                                <td>
                                    <a href="{{ route('product.lecture.detail', $lecture->id) }}">
                                        @if (isset($lecture->created_at))
                                            {{ explode(" ", $lecture->created_at)[0] }} <br>
                                            {{ explode(" ", $lecture->created_at)[1] }}
                                        @else
                                            -
                                        @endif
                                    </a>
                                </td>
                                <td><a href="{{ route('product.lecture.detail', $lecture->id) }}">{{ $lecture->id }}</a></td>
                                <td>
                                    <a href="{{ route('product.lecture.detail', $lecture->id) }}">
                                        @if ($lecture->activated == 1)
                                            활성
                                        @else
                                            비활성
                                        @endif
                                    </a>
                                </td>
                                <td><a href="{{ route('product.lecture.detail', $lecture->id) }}">{{ $lecture->service->name }}</a></td>
                                <td><a href="{{ route('product.lecture.detail', $lecture->id) }}">{{ $lecture->module?->name }}</a></td>
                                <td><a href="{{ route('product.lecture.detail', $lecture->id) }}">{{ $lecture->subjects ? $lecture->subjects->implode('name', ', ') : '-' }}</a></td>
                                <td><a href="{{ route('product.lecture.detail', $lecture->id) }}">{{ $lecture->specialType->name ?? "비해당" }}</a></td>
                                <td><a href="{{ route('product.lecture.detail', $lecture->id) }}">{{ $lecture->name }}</a></td>
                                <td><a href="{{ route('product.lecture.detail', $lecture->id) }}">{{ $lecture->teacher?->name }}</a></td>
                                <td>
                                    <a href="{{ route('product.lecture.detail', $lecture->id) }}">
                                        @if (isset($lecture->assets["pdf"]))
                                            {{ $lecture->assets["pdf"][0]->name }}
                                        @else
                                            -
                                        @endif
                                    </a>
                                </td>
                                <td>
                                    <a href="{{ route('product.lecture.detail', $lecture->id) }}">
                                        @if (isset($lecture->assets["video"]))
                                            @php
                                                $duration = $lecture->assets["video"][0]->duration;
                                                $hours = floor($duration / 3600);
                                                $minutes = floor($duration / 60 % 60);
                                                $seconds = floor($duration % 60);

                                                $duration = sprintf('%02d:%02d:%02d', $hours, $minutes, $seconds);
                                            @endphp
                                            {{ $duration }}
                                        @else
                                            -
                                        @endif
                                    </a>
                                </td>
                            </tr>
                            @empty
                            <tr><td colspan="12">No data.</td></tr>
                            @endforelse
                        </tbody>
                    </table>
                </div> <!-- end card-body-->
            </div> <!-- end card-->
        </div> <!-- end col-->
    </div>
    <!-- end row -->
</div>
@endsection

@push("script")
<script>
    let subjectsTomSelect = null;

    window.addEventListener("load", () => {
        subjectsTomSelect = new TomSelect("#subjects", {
            onChange: tomSelectedTopFix,
            plugins: {
                "checkbox_options": {},
                "input_autogrow": {},
                'dropdown_header': {
                	title: '전체 선택',
                    html: tomSelectAllCheckRender,
                },
            },
        });
    });
</script>
@endpush