@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') !!} --}}

{!! resource('js/components/multiSelect.js') !!}
{!! resource('css/components/multiSelect.css') !!}
@endsection

@section("content")
<div class="split">
    <h1><a href="{{ route('enrollment.list', $service) }}">{{ $service == "ielts" ? "인강" : "어학원" }} 수강생 현황</a></h1>
</div>

<section>
    <main>
        <form action="{{ route('enrollment.list', $service) }}" class="search-form" id="payment-form" method="GET">
            <input type="hidden" name="paginate" value="{{ Request::get('paginate') }}" />
            <input type="hidden" name="service" value="{{ $service }}" />

            <div class="search-input-wrap">
                <div class="input-group input-group-sm">
                    <label class="input-group-text" for='display_at'>수강시작일</label>
                    <input class="form-control form-control-sm" type="date" name="started_at" id='started_at' value="{{ Request::get("started_at") ?: '' }}">
                    <input class="form-control form-control-sm" type="date" name="ended_at" id='ended_at' value="{{ Request::get("ended_at") ?: '' }}">
                </div>
                <div class="input-group input-group-sm">
                    <label class="input-group-text" for="status">수강상태</label>
                    <select class="form-select" name="status" id="status">
                        <option value="" @selected(empty(Request::get("status")))>전체</option>
                        @foreach ($status as $key => $val)
                            <option value="{{ $key }}" @selected(Request::get("status") == $key)>{{ $val }}</option>
                        @endforeach
                    </select>
                </div>

                <div class="input-group input-group-sm chosen">
                    <label class="input-group-text" for="method">옵션</label>
                    <select name="option_ids" id="option_ids" class="form-select form-select-sm" multiple>
                        @foreach ($options as $option)
                            <option value="{{ $option->id }}"
                                @selected(Request::has('option_ids') && in_array($option->id, Request::get('option_ids')) )>{{ $option->product->name }} {{ $option->name }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="input-group input-group-sm">
                    <label class="input-group-text" for="name">수강생명</label>
                    <input class="form-control" type="text" name="name" id='name' value="{{ Request::get("name") }}">
                </div>
            </div>

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

<section class="mt-3">
    <header>
        <h6>총 <strong>{{ number_format($enrollments->total()) }}</strong> 건</h6>
        <span>
            <button onclick="excelDownload('.search-form', '{{ route('api.enrollment.excel') }}')" class="btn btn-success" type="button">
                <i class="bi bi-file-earmark-excel-fill"></i>
                엑셀다운로드
            </button>
        </span>
    </header>
    <main>
        <div class="">
            <table class="table table-striped table-hover">
                <colgroup>
                    <col width="3%">
                    <col width="5%">
                    <col width="10%">
                    <col width="15%">
                    <col width="10%">
                    <col width="5%">
                    <col width="10%">
                    <col width="5%">
                    <col width="5%">
                    <col width="5%">
                    <col width="3%">
                </colgroup>
                <thead>
                    <tr>
                        <th>번호</th>
                        <th>결제정보</th>
                        <th>수강생명</th>
                        <th>수강상품</th>
                        <th>수강기간</th>
                        <th>수강상태</th>
                        <th>강좌(수강중|수강완료|총|진도율)</th>
                        <th>출석율</th>
                        <th>첨삭</th>
                        <th>CDT</th>
                        <th>관리</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($enrollments as $enrollment)
                        <tr>
                            <td>{{ $enrollment->id }}</td>
                            <td>
                                @if ( $enrollment->payment )
                                    @if ($enrollment->payment->old_index > 0 )
                                        <a class="btn btn-sm btn-link" href="https://classic.edmclass.com/wp-admin/post.php?post={{ $enrollment->payment->old_index }}&action=edit" target="_blank">{{ $enrollment->payment?->old_index }}</a>
                                    @else
                                        <a class="btn btn-sm btn-link" href="{{ route("payment.detail", [ 'paymentId' => $enrollment->payment_id ]) }}" target="_blank">{{ $enrollment->payment?->payment_no }}</a>
                                    @endif
                                @endif
                            </td>
                            <td>
                                <a href="{{ route("user.detail", [$enrollment->user?->id]) }}" target="_blank">
                                    {{ $enrollment->user?->name }} ({{ $enrollment->user?->edm_id ?? $enrollment->user?->getPlain("email") }})
                                </a>
                            </td>
                            <td>[{{ ucfirst($enrollment->module) }}] {{ $enrollment->getEnrollmentName() }}</td>
                            <td>{{ date('Y-m-d', strtotime($enrollment->started_at)) }} ~ {{ date('Y-m-d', strtotime($enrollment->ended_at)) }}</td>
                            <td>{{ $status[$enrollment->status] }}</td>
                            <td>
                                @php
                                    $course = $enrollment->getEnrollmentLectureSummary();
                                @endphp
                                @if ( $course != null )
                                    <span class="font-weight-600 text-warning"> {{ $course['study_cnt'] ?? 0 }} </span> |
                                    <span class="font-weight-600 text-success"> {{ $course['finished_cnt'] ?? 0 }} </span> |
                                    <span class="font-weight-600 text-primary"> {{ $course['totalCnt'] ?? 0 }} </span> |
                                    <span class="font-weight-600"> {{ $enrollment->progress_rate }}% </span>
                                @else
                                    -
                                @endif
                            </td>
                            <td>{{ $enrollment->attendance_count }} ({{ $enrollment->attendance_rate }} %)</td>
                            <td>
                                @php
                                    $feedback = $enrollment->getEnrollmentFeedbackSummary();
                                @endphp
                                @if ( $feedback != null )
                                    {{ $feedback['totalCnt'] }} / {{ $feedback['useCnt'] }}
                                @else
                                    -
                                @endif
                            </td>

                            <td>
                                 @php
                                    $cdt = $enrollment->getEnrollmentCdtSummary();
                                @endphp
                                @if ( $cdt != null )
                                    {{ $cdt['totalCnt'] }} / {{ $cdt['useCnt'] }}
                                @else
                                    -
                                @endif
                            </td>


                            <td>
                                <a class="btn btn-sm btn-warning text-black" href="{{ route("enrollment.detail", ['service' => $service, 'id' => $enrollment->id]) }}">보기</a>
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </main>
    <footer>
        <div class="pagination-wrap">
            {{ $enrollments->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>
    $(function() {
        // $("#option_id").chosen({
        //     width: "100%",
        //     no_results_text: "검색 결과가 없습니다: ",
        //     placeholder_text_single: "상품을 선택하세요",
        //     search_contains: true
        // });

        const optionSelector = new MultiSelector("option_ids", { isOverall : true, extraClass: ['long'], isSearch : true , maxLength: 20});
    })
</script>
@endpush