@extends("common.layout")

@section("header")
<link href="https://cdn.jsdelivr.net/npm/tom-select@2.3.1/dist/css/tom-select.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/tom-select@2.3.1/dist/js/tom-select.complete.min.js"></script>
{!! resource('js/common/tomSelectAllCheck.js') !!}
@endsection

@section("content")
<h1>
    인강 수강생 현황
</h1>

<section>
    <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="started_at">등록일</label>
                            <input type="date" id="started_at" name="started_at"
                            @if (Request::get("started_at"))
                                value="{{ Request::get("started_at") }}"
                            @endif
                            > - <input  type="date" name="ended_at"
                            @if (Request::get("ended_at"))
                                value="{{ Request::get("ended_at") }}"
                            @endif
                            >
                        </div>
                        <div class="search-input">
                            <label for="categories">카테고리명</label>
                            <select name="categories[]" id="categories" multiple>
                                <option value="">전체</option>
                                @foreach ($productCategories as $productCategory)
                                    @if (isset($productCategory->id))
                                    <option value="{{ $productCategory->id }}" @selected(in_array($productCategory->id, Request::get("categories", [])))>
                                        {{ $productCategory->name }}
                                    </option>
                                    @endif
                                @endforeach
                            </select>
                        </div>
                        <div class="search-input">
                            <label for="product_id">상품명</label>
                            <select name="product_id" id="product_id">
                                <option value="">전체</option>
                                @if ($product)
                                <option value="{{ $product?->id }}" selected>{{ $product?->name }}</option>
                                @endif
                            </select>
                        </div>
                        <div class="search-input">
                            <label for="is_refundable">환급반</label>
                            <select name="is_refundable" id="is_refundable">
                                <option value="">전체</option>
                                <option value="1" @selected(Request::get("is_refundable", null) === "1")>환급</option>
                                <option value="0" @selected(Request::get("is_refundable", null) === "0")>비환급</option>
                            </select>
                        </div>
                        <div class="search-input">
                            <label for="attendance_rate">출석률</label>
                            <select name="attendance_rate" id="attendance_rate">
                                <option value="">전체</option>
                                <option value="10" @selected(Request::get("attendance_rate", null) == "10")>0~9%</option>
                                <option value="20" @selected(Request::get("attendance_rate", null) == "20")>10~19%</option>
                                <option value="30" @selected(Request::get("attendance_rate", null) == "30")>20~29%</option>
                                <option value="40" @selected(Request::get("attendance_rate", null) == "40")>30~39%</option>
                                <option value="50" @selected(Request::get("attendance_rate", null) == "50")>40~49%</option>
                                <option value="60" @selected(Request::get("attendance_rate", null) == "60")>50~59%</option>
                                <option value="70" @selected(Request::get("attendance_rate", null) == "70")>60~69%</option>
                                <option value="80" @selected(Request::get("attendance_rate", null) == "80")>70~79%</option>
                                <option value="90" @selected(Request::get("attendance_rate", null) == "90")>80~89%</option>
                                <option value="100" @selected(Request::get("attendance_rate", null) == "100")>90~99%</option>
                                <option value="110" @selected(Request::get("attendance_rate", null) == "110")>100%</option>
                            </select>
                        </div>
                        <div class="search-input">
                            <label for="user_id">수강생명</label>
                            <select name="user_id" id="user_id">
                                <option value="">전체</option>
                                @if ($user)
                                <option value="{{ $user?->id }}" selected>{{ $user?->name }}</option>
                                @endif
                            </select>
                        </div>
                        <div class="search-input">
                            <label for="overall">Overall</label>
                            <select name="overall" id="overall">
                                <option value="">전체</option>
                                <option value="4.0" @selected(Request::get("overall", null) == "4.0")>4.0이하</option>
                                <option value="5.0" @selected(Request::get("overall", null) == "5.0")>4.5~5.0</option>
                                <option value="6.0" @selected(Request::get("overall", null) == "6.0")>5.5~6.0</option>
                                <option value="7.0" @selected(Request::get("overall", null) == "7.0")>6.5~7.0</option>
                                <option value="8.0" @selected(Request::get("overall", null) == "8.0")>7.5~8.0</option>
                                <option value="9.0" @selected(Request::get("overall", null) == "9.0")>8.5~9.0</option>
                            </select>
                        </div>
                        <div class="search-input">
                            <label for="benefit_product_id">구매 혜택</label>
                            <select name="benefit_product_id" id="benefit_product_id">
                                <option value="">전체</option>
                            </select>
                        </div>
                        <div class="search-input">
                            <label for="benefit_status">혜택 지급 상태</label>
                            <select name="benefit_status" id="benefit_status">
                                <option value="">전체</option>
                                <option value="1" @selected(Request::get("benefit_status", null) == "1")>지급 준비</option>
                                <option value="2" @selected(Request::get("benefit_status", null) == "2")>지급중</option>
                                <option value="3" @selected(Request::get("benefit_status", null) == "3")>지급 완료</option>
                            </select>
                        </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-->
</section>
{{--
<section>
    <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">{{ count($enrollments) }}</strong>건</span>
                    </div>
                    <div class="pagination-helper">
                        <div class="pagination-wrapper">
                            {{ $enrollments->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="#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 class="all-checkbox" type="checkbox" onchange=""></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">
                        @forelse ($enrollments as $enrollment)
                        @php
                            #$item = collect($enrollment->enrollmentCdtPasses)->filter(fn ($enrollmentCdtPass, $index) => $enrollmentCdtPass->enrollmentCdtResults)->last()->enrollmentCdtResults->last()->overall_grade;
                            #dd($item);
                        @endphp
                        <tr>
                            <td><input class="enrollment-checkbox" type="checkbox" value="{{ $enrollment->id }}" onchange=""></td>
                            <td>{{ $enrollment->id }}</td>
                            <td>{{ $enrollment->product->productCategories?->implode("name", ", ") ?? "-" }}</td>
                            <td class="text-left">
                                <a href="{{ route('product.detail', ['service' => App\Domains\Product\Infrastructure\Model\Service::getNameById($enrollment->product->service_id, true), 'id' => $enrollment->product->id]) }}">
                                    {{ $enrollment->product->name }}
                            </td>
                            <td>
                                @if (isset($enrollment->started_at))
                                {{ explode(" ", $enrollment->started_at)}}
                                @else
                                    -
                                @endif
                            </td>
                            <td>
                                @if (isset($enrollment->ended_at))
                                {{ explode(" ", $enrollment->ended_at) }} 
                                @else
                                    -
                                @endif
                            </td>
                            <td><a href="">{{ $enrollment->attendance_rate }}%</a></td>
                            <td><a href="">{{ $enrollment->progress_rate }}%</a></td>
                            <td class="text-left"><a href="{{ route('user.detail', $enrollment->user->id) }}">{{ $enrollment->user->name }}</a></td>
                            <td>{{ $enrollment->enrollmentCdtPasses?->filter(fn ($enrollmentCdtPass, $index) => $enrollmentCdtPass->enrollmentCdtResults)?->last()?->overall_grade ?? '-' }}</td>
                            <td>{{ $enrollment->enrollmentCdtPasses?->filter(fn ($enrollmentCdtPass, $index) => $enrollmentCdtPass->enrollmentCdtResults)?->last()?->listening_grade ?? '-' }}</td>
                            <td>{{ $enrollment->enrollmentCdtPasses?->filter(fn ($enrollmentCdtPass, $index) => $enrollmentCdtPass->enrollmentCdtResults)?->last()?->reading_grade ?? '-' }}</td>
                            <td>{{ $enrollment->enrollmentCdtPasses?->filter(fn ($enrollmentCdtPass, $index) => $enrollmentCdtPass->enrollmentCdtResults)?->last()?->writing_grade ?? '-' }}</td>
                            <td>{{ $enrollment->enrollmentCdtPasses?->filter(fn ($enrollmentCdtPass, $index) => $enrollmentCdtPass->enrollmentCdtResults)?->last()?->speaking_grade ?? '-' }}</td>
                            <td class="text-left"><a href="#none">-</a></td>
                            @php
                                $cssClass = "";
                                $benefitStatus = "-";

                                $allBenefitsCount = $enrollment->enrollmentBenefits->count() ?? 0;
                                if ($allBenefitsCount > 0) {
                                    $filteredBenefitsCount = $enrollment->enrollmentBenefits?->filter(fn ($benefit, $index) => $benefit->provided_at === null)?->count() ?? 0;
                                    if ($filteredBenefitsCount === 0) {
                                        $cssClass = "지급 준비";
                                        $benefitStatus = "point-red";
                                    }
                                    elseif ($allBenefitsCount > $filteredBenefitsCount) {
                                        $cssClass = "지급중";
                                        $benefitStatus = "point-blue";
                                    }
                                    elseif ($allBenefitsCount == $filteredBenefitsCount)
                                        $benefitStatus = "지급 완료";
                                }
                            @endphp
                            <td><span class="{{ $cssClass }}">{{ $benefitStatus }}</span></td>
                        </tr>
                        @empty
                        <tr><td colspan="16">No data.</td></tr>
                        @endforelse
                    </tbody>
                </table>
            </div> <!-- end card-body-->
        </div> <!-- end card-->
    </div> <!-- end col-->
</section>
--}}
@endsection

@push("script")
<script>
    const SERVICE_ID = 1;

    let productIdTomSelect = null;
    let userIdTomSelect = null;
    let benefitProductIdTomSelect = null;
    let productCategoryTomSelect = null;

    window.addEventListener("load", () => {
        productCategoryTomSelect = new TomSelect(document.getElementById("categories"), {
            onChange: tomSelectedTopFix,
            plugins: {
                "checkbox_options": {},
                "input_autogrow": {},
                'dropdown_header': {
                    title: '전체 선택',
                    html: tomSelectAllCheckRender,
                },
            },
        });

        // userIdTomSelect
        // benefitProductIdTomSelect
        // productCategoryTomSelect
    });
</script>
@endpush