@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="category">카테고리명</label>
                                <select name="category" id="ca tegory">
                                    <option value="">전체</option>
                                    <option value="">%어학원 카테고리 목록%</option>
                                </select>
                            </div>
                            <div class="search-input">
                                <label for="product">상품명</label>
                                <select name="product" id="product">
                                    <option value="" >전체</option>
                                    <option value="">%어학원 상품 목록%</option>
                                </select>
                            </div>
                            <div class="search-input">
                                <label for="course_name">강좌명</label>
                                <select name="course_name" id="course_name">
                                    <option value="" >전체</option>
                                    <option value="">%어학원 강좌 목록%</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">Overall</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="benefit">구매 혜택</label>
                                <input type="text" name="benefit" id="benefit" autocomplete='on'>
                            </div>
                            <div class="search-input">
                                <label for="benefit_status">혜택 지급 상태</label>
                                <select name="benefit_status" id="benefit_status">
                                    <option value="" >전체</option>
                                    <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>
                        <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> -->
                            <a href="#none" class="button btn-style-8">문자 발송</a>
                            <a href="#none" class="button btn-style-8">쿠폰 지급</a>
                            <button class="button btn-style-8" type="button" onclick="edmPopupOpen('/course/bo_cl04_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">Overall</th>
                                <th scope="col">Listening</th>
                                <th scope="col">Reading</th>
                                <th scope="col">Writing</th>
                                <th scope="col">Speaking</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>%카테고리명%</td>
                                <td class="text-left"><a href="#none">오전반</a></td>
                                <td class="text-left"><a href="#none">%강좌명%</a></td>
                                <td>2023.06.16</td>
                                <td>2023.06.16</td>
                                <td>10</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">오전 2E</a></td>
                                <td><span class="point-red">지급 준비</span></td>
                            </tr>
                            <tr>
                                <td><input type="checkbox"></td>
                                <td>2</td>
                                <td>%카테고리명%</td>
                                <td class="text-left"><a href="#none">오전반</a></td>
                                <td class="text-left"><a href="#none">%강좌명%</a></td>
                                <td>2023.06.16</td>
                                <td>2023.06.16</td>
                                <td>10</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">오전 2E</a></td>
                                <td>지급 완료</td>
                            </tr>
                            <tr>
                                <td><input type="checkbox"></td>
                                <td>3</td>
                                <td>%카테고리명%</td>
                                <td class="text-left"><a href="#none">오전반</a></td>
                                <td class="text-left"><a href="#none">%강좌명%</a></td>
                                <td>2023.06.16</td>
                                <td>2023.06.16</td>
                                <td>10</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">%구매 혜택%</a>,<a href="#none">%구매 혜택%</a></td>
                                <td><span class="point-blue">지급중</span></td>
                            </tr>
                        </tbody>
                    </table>
                </div> <!-- end card-body-->
            </div> <!-- end card-->
        </div> <!-- end col-->
    </div>
    <!-- end row -->
</div>
@endsection

@push("script")
<script>
</script>
@endpush