@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="" 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"><span class="btw-bullet">-</span><input type="date" id="register_end_date" name="register_end_date">
                            </div>
                            <div class="search-input">
                                <label for="service_id">서비스 구분</label>
                                <select name="service_id" id="service_id">
                                    <option value="" >전체</option>
                                    <option value="" >인강</option>
                                    <option value="" >어학원</option>
                                </select>
                            </div>
                            <div class="search-input">
                                <label for="correction">첨삭 유형</label>
                                <select name="correction" id="correction">
                                    <option value="" >전체</option>
                                    <option value="" >Basic</option>
                                    <option value="" >Premium</option>
                                    <option value="" >CDT</option>
                                </select>
                            </div>
                            <div class="search-input">
                                <label for="subjects">과목</label>
                                <select name="subjects" id="subjects">
                                        <option value="0" >전체</option>
                                        <option value="1" >L</option>
                                        <option value="2" >R</option>
                                        <option value="3" >W1</option>
                                        <option value="4" >W2</option>
                                        <option value="5" >S</option>
                                    </select>
                            </div>
                            <div class="search-input">
                                <label for="module_id">모듈</label>
                                <select name="module_id" id="module_id">
                                    <option value="" >전체</option>
                                    <option value="" >Academic</option>
                                    <option value="" >General</option>
                                    <option value="" >공통</option>
                                </select>
                            </div>
                            <div class="search-input">
                                <label for="type">첨삭 타입</label>
                                <select name="type" id="type">
                                    <option value="" >전체</option>
                                    <option value="" >Task 1</option>
                                    <option value="" >Task 2</option>
                                    <option value="" >Part 2&3</option>
                                </select>
                            </div>
                            <div class="search-input">
                                <label for="student_name">수강생명</label>
                                <input type="text" name="student_name" id="student_name" autocomplete='on'>
                            </div>
                            <div class="search-input">
                                <label for="overall">Band Score</label>
                                <select name="overall" id="overall">
                                    <option value="" >전체</option>
                                    <option value="" >4.0이하</option>
                                    <option value="" >4.5~5.0</option>
                                    <option value="" >5.5~6.0</option>
                                    <option value="" >6.5~7.0</option>
                                    <option value="" >7.5~8.0</option>
                                    <option value="" >8.5~9.0</option>
                                </select>
                            </div>
                            <div class="search-input">
                                <label for="inquiry">첨삭 문의</label>
                                <select name="inquiry" id="inquiry">
                                    <option value="" >전체</option>
                                    <option value="" >%첨삭 문의%</option>
                                </select>
                            </div>
                            <div class="search-input">
                                <label for="teacher_name">강사명</label>
                                <select name="teacher_name" id="teacher_name">
                                    <option value="" >전체</option>      
                                    <option value="" >%강사명%</option>
                                </select>
                            </div>
                            <div class="search-input">
                                <label for="status">첨삭 상태</label>
                                <select name="status" id="status">
                                    <option value="" >전체</option>
                                    <option value="" >첨삭 대기</option>
                                    <option value="" >첨삭 완료</option>
                                </select>
                            </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="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">999</strong>건</span>
                            <div class="table-info">
                                <span>평균 Band Score <strong class="point-color">8.5</strong></span>
                                <span>Grammer <strong class="point-color">8.5</strong></span>
                                <span>Vocabulary <strong class="point-color">8.5</strong></span>
                                <span>Cohesion&Coherence <strong class="point-color">8.5</strong></span>
                                <span>Task achievemen <strong class="point-color">8.5</strong></span>
                            </div>
                        </div>
                        <div class="pagination-helper">
                            <div class="pagination-wrapper">
                            </div>
                            <select class='form-select-sm data-length-select'>
                                <option value="10">10개씩 보기</option>
                                <option value="30">30개씩 보기</option>
                                <option value="50">50개씩 보기</option>
                                <option value="100">100개씩 보기</option>
                            </select>
                            <button type="button" class="button btn-style-2" onclick="">엑셀다운로드</button>
                            <!-- <button type="button" class="button btn-style-1" onclick="">등록</button> -->
                            <button class="button btn-style-1" type="button" onclick="edmPopupOpen('/course/bo_bu01_u', null)">메인 노출</button>
                        </div>
                    </div>
                    <table class="default-table">
                        <colgroup>
                            <col width="40">
                            <col>
                            <col>
                            <col>
                            <col>
                            <col>
                            <col>
                            <col>
                            <col>
                            <col>
                            <col>
                            <col>
                            <col>
                            <col>
                            <col>
                            <col>
                            <col>
                        </colgroup>
                        <thead>
                            <tr>
                                <th scope="col"><input type="checkbox"></th>
                                <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">Band Score</th>
                                <th scope="col">Cohesion &<br>Coherence<br>/<br>Fluency &<br>Coherence</th>
                                <th scope="col">Lexical<br>Resources</th>
                                <th scope="col">Grammatical<br>Range &<br>Accuracy</th>
                                <th scope="col">Task<br>Achievement<br>/<br>Pronunciation</th>
                                <th scope="col">첨삭 문의</th>
                                <th scope="col">강사명</th>
                                <th scope="col">첨삭 상태</th>
                            </tr>
                        </thead>
                        <tbody style="text-align: center">
                            <tr>
                                <td><input type="checkbox"></td>
                                <td>1</td>
                                <td>2023.12.01<br>23:00:00</td>
                                <td>인강</td>
                                <td>Basic</td>
                                <td>W</td>
                                <td>Academic</td>
                                <td>Task 1</td>
                                <td>%패턴 코드%</td>
                                <td>%토픽 코드%</td>
                                <td class="text-left"><a href="#none">홍길동</a></td>
                                <td>9.0</td>
                                <td>9.0</td>
                                <td>9.0</td>
                                <td>9.0</td>
                                <td>9.0</td>
                                <td class="text-left"><a href="#none">Q. 라고 표시..</a></td>
                                <td class="text-left"><a href="#none">홍길동</a></td>
                                <td><a class="point-blue" href="#none">첨삭 완료</a></td>
                            </tr>
                            <tr>
                                <td><input type="checkbox"></td>
                                <td>1</td>
                                <td>2023.12.01<br>23:00:00</td>
                                <td>인강</td>
                                <td>Basic</td>
                                <td>W</td>
                                <td>Academic</td>
                                <td>Task 1</td>
                                <td>%패턴 코드%</td>
                                <td>%토픽 코드%</td>
                                <td class="text-left"><a href="#none">홍길동</a></td>
                                <td>9.0</td>
                                <td>9.0</td>
                                <td>9.0</td>
                                <td>9.0</td>
                                <td>9.0</td>
                                <td class="text-left"><a href="#none">Q. 라고 표시..</a></td>
                                <td class="text-left"><a href="#none">홍길동</a></td>
                                <td><a class="point-red" href="#none" onclick="edmPopupOpen('/course/bo_le03_u', null)">첨삭 대기</a></td>
                            </tr>
                        </tbody>
                    </table>
                </div> <!-- end card-body-->
            </div> <!-- end card-->
        </div> <!-- end col-->
    </div>
    <!-- end row -->
</div>
@endsection

@push("script")
<script>
    window.addEventListener("load", () => {
        selectTmp = new TomSelect("#subjects", {
            plugins: [
                "checkbox_options",
                "caret_position",
                "input_autogrow"
            ],
            maxItems: null
        });
    });
</script>
@endpush