@extends("common.layout")

@section('page-title', $service=='ielts' ? '인강 CDT 세트 관리' : '어학원 CDT 세트 관리')

@section("header")
@endsection

@section("content")
<h1>
    <a href="{{ route('product.cdt-set.list', ['service'=>$service]) }}">{{ $pageServiceName }} CDT 세트 관리</a>

    <button type="button" class="btn btn-primary" onclick="location.href='{{ route('product.cdt-set.detail', ['service' => $service]) }}'">{{ $pageServiceName }} CDT 세트 등록</button>
</h1>

<section class="mb-3">
    <main>
        <form action="{{ route('product.cdt-set.list', ['service'=>$service]) }}" class="search-form" method="GET">
            <div class="search-input-wrap">


                <input type="hidden" name="paginate" value="{{ Request::has("paginate") ? Request::get("paginate"):'' }}">
                <input type="hidden" name="page" value="{{ Request::has("page") ? Request::get("page"):'' }}">
                <input type="hidden" name="order_by" value="{{ Request::has("order_by") ? Request::get("order_by"):'' }}">
                <input type="hidden" name="sort" value="{{ Request::has("sort") ? Request::get("sort"):'desc' }}">
            </div>

            <button type="submit" class="btn btn-sm btn-outline-dark search-button"><i class="bi bi-search"></i> 조회</button>
        </form>
    </main>
</section>

<section>
    <header>
        <h6>총 <strong>{{ $cdtSets->total() }}</strong>건</h6>
    </header>

    <main>
        <table class="table table-striped table-hover">
            <thead>
                <tr>
                    {!! \BaseHelper::sortHead('번호', 'id', 'text-end') !!}
                    <th>과목</th>
                    <th>모듈</th>
                    {!! \BaseHelper::sortHead('세트명', 'name') !!}
                    {!! \BaseHelper::sortHead('유료', 'is_paid', 'text-center') !!}
                    {!! \BaseHelper::sortHead('문항파일', 'file_set') !!}
                    {!! \BaseHelper::sortHead('등록일', 'created_at') !!}
                </tr>
            </thead>

            <tbody>
                @foreach($cdtSets as $cdtSet)
                    <tr>
                        <td class="number text-end">
                            {{ $cdtSet->id }}
                        </td>

                        <td>
                            {{ str_replace('|', ', ', $cdtSet->subjects) }}
                        </td>

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

                        <td>
                            <a href="{{ route('product.cdt-set.detail', ['service' => $service, 'id' => $cdtSet->id]) }}">{{ $cdtSet->name }}</a>
                        </td>

                        <td class="text-center">
                            {{ $cdtSet->is_paid ? 'Y' : '' }}
                        </td>

                        <td class="text-start">
                            {{ $cdtSet->file_set }}
                        </td>

                        <td class="number">
                            {{ explode(" ", $cdtSet->created_at)[0] }}
                        </td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    </main>

    <footer>
        <div class="pagination-wrap">
            {{ $cdtSets->links() }}

            <select id='paginate-control' class='form-select 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>
        </div>
    </footer>
</section>

@endsection

@push("script")
<script>
    $(document).ready(function() {

    });
</script>
@endpush