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

@section("header")

@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('user.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" value=""> - <input  type="date" name="register_end_date" value="">
                            </div>
                            <div class="search-input">
                                <label for="activated">활성구분</label>
                                <select name="activated" id="activated">
                                    <option value="">전체</option>
                                    <option value="0">휴면</option>
                                    <option value="1">활성</option>
                                </select>
                            </div>
                            <div class="search-input">
                                <label for="role">서비스 구분</label>
                                <select name="role" id="role">
                                    <option value="" >전체</option>
                                </select>
                            </div>
                            <div class="search-input">
                                <label for="charged_by">모듈</label>
                                <select name="charged_by" id="charged_by">
                                    <option value="" >전체</option>
                                </select>
                            </div>
                            <div class="search-input">
                                <label for="">강좌번호</label>
                                <input type="text" name="" id="" autocomplete='on' value="">
                            </div>
                            <div class="search-input">
                                <label for="">강좌명</label>
                                <input type="text" name="" id="" autocomplete='on' value="">
                            </div>
                            <div class="search-input">
                                <input type="hidden" name="paginate">
                                <input type="hidden" name="order_by">
                                <input type="hidden" name="sort">
                            </div>
                        </div>
                        <button type="submit" class="button btn-style-1">조회</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">N</strong>건</span>
                        </div>
                        <div class="pagination-helper">
                            {{-- <div class="pagination-wrapper">
                                {{ $users->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="">엑셀다운로드</button>
                            <a href="/product/course-detail-academy-add" class="button btn-style-1">어학원 강좌 등록</a>
                            <a href="/product/course-detail-ielts-add" class="button btn-style-1">인강 강좌 등록</a>
                        </div>
                    </div>
                    <table class="default-table">
                        <thead class="table-light">
                            <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>
                            </tr>
                        </thead>
                        <tbody style="text-align: center">
                            @forelse ($courses as $course)
                            <tr>
                                @php
                                    $courseDetailRoute = route('product.course.detail', $course->id);
                                @endphp
                                <td><a href="{{ $courseDetailRoute }}">{{ $course->id }}</a></td>
                                <td><a href="{{ $courseDetailRoute }}">
                                        @if (isset($course->created_at))
                                        {{ explode(" ", $course->created_at)[0] }} <br>
                                        {{ explode(" ", $course->created_at)[1] }}
                                        @else
                                        -
                                        @endif
                                    </a>
                                </td>
                                <td><a href="{{ $courseDetailRoute }}">{{ $course->id }}</a></td>
                                <td><a href="{{ $courseDetailRoute }}">
                                        @if ($course->activated == 1)
                                        활성
                                        @else
                                        비활성
                                        @endif
                                    </a>
                                </td>
                                <td><a href="{{ $courseDetailRoute }}">{{ $course->service->name }}</a></td>
                                <td><a href="{{ $courseDetailRoute }}">{{ $course->module->name }}</a></td>
                                <td><a href="{{ $courseDetailRoute }}">{{ $course->name }}</a></td>
                                <td><a href="{{ $courseDetailRoute }}">-</a></td>
                                <td><a href="{{ $courseDetailRoute }}"><span>{{ count($course?->lectures ?? []) }}</span>건</a></td>
                                <td><a href="{{ $courseDetailRoute }}">00:00:01</a></td>
                            </tr>

                            @empty
                            <tr><td colspan="10">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>
</script>
@endpush