@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('css/components/calendar.css') !!}
@endsection

@section("content")
<div class="split">
    <h1>{{ $service == "ielts" ? "인강" : "어학원" }} 수강현황</a></h1>
</div>

<section>
    <header>수강정보</header>
    <main>
        <form class="default">
        <main class="split-form" >
            <ul class="list-item-none">
                <li class="mb-3 row mx-0 align-middle">
                    <div class="col-1">
                        <label>수강생</label>
                        <div>{{ $enrollment->user->name }}({{ $enrollment->user->edm_id }})</div>
                    </div>
                    <div class="col-1">
                        <label>수강상태</label>
                        <div>{{ $status[$enrollment->status] }}</div>
                    </div>
                    <div class="col-2">
                        <label>수강상품</label>
                        <div>{{ $enrollment->getEnrollmentName() }}</div>
                    </div>
                    <div class="col-2">
                        <label>수강기간</label>
                        <div>{{ date('Y-m-d', strtotime($enrollment->started_at)) }} ~ {{ date('Y-m-d', strtotime($enrollment->ended_at)) }}</div>
                    </div>
                    @if ( $service == "ielts" )
                        <div class="col-2">
                            <label>출석</label>
                            <div>
                                {{ $enrollment->attendance_count }}일 ({{ $enrollment->attendance_rate }} %)

                                <button type="button" class="btn btn-sm btn-primary" onclick="onOpenAttendances({{ $enrollment->id }})">자세히보기</button>
                            </div>
                        </div>
                    @elseif ( $service == 'academy')
                        <div class="col-2">
                            <label>출석 ( 출석 / 결석 / 지각 )</label>
                            <div>

                                <button class="btn btn-sm btn-success" type="button">
                                    <i class="bi bi-person-check"></i>
                                    <span class="ml-1">
                                        {{ isset($attendance['attend']) ? $attendance['attend'] : 0 }}
                                    </span>
                                </button>
                                <button class="btn btn-sm btn-danger" type="button">
                                    <i class="bi bi-person-check"></i>
                                    <span class="ml-1">
                                        {{ isset($attendance['absent']) ? $attendance['absent'] : 0 }}
                                    </span>
                                </button>
                                <button class="btn btn-sm  btn-secondary" type="button">
                                    <i class="bi bi-clock"></i>
                                    <span class="ml-1">
                                        {{ isset($attendance['late']) ? $attendance['late'] : 0 }}
                                    </span>
                                </button>
                            </div>
                        </div>
                    @endif
                </li>
                @if ( $service == "ielts" )
                    @php
                        $courseSummary = $enrollment->getEnrollmentLectureSummary();
                        $feedbackSummary = $enrollment->getEnrollmentFeedbackSummary();
                        $cdtSummary = $enrollment->getEnrollmentCdtSummary();
                    @endphp
                    <li class="mb-3 row mx-0 align-middle">
                        <div class="col-2">
                            <label>강의</label>
                            <div>
                                @if ( $courseSummary != null )
                                    <button type="button" class="btn btn-sm btn-warning" onclick="onSearchLecture('warning')"> {{ $courseSummary['study_cnt'] ?? 0 }} </button> |
                                    <button type="button" class="btn btn-sm btn-success" onclick="onSearchLecture('success')"> {{ $courseSummary['finished_cnt'] ?? 0 }} </button> |
                                    <button type="button" class="btn btn-sm btn-primary" onclick="onSearchLecture('all')"> {{ $courseSummary['totalCnt'] ?? 0 }} </button> |
                                    <button type="button" class="btn btn-sm btn-dark" onclick="onSearchLecture('success')"> {{ $enrollment->progress_rate }}% </button>
                                    <span class="col-12 mt-1 help-text text-danger">클릭하면 일치하는 강의만 볼 수 있습니다.</ㅇ>
                                @else
                                    -
                                @endif
                            </div>
                        </div>
                        <div class="col-2">
                            <label>첨삭</label>
                            <div>
                                @if ( $feedbackSummary != null )
                                    {{ $feedbackSummary['totalCnt'] }} / {{ $feedbackSummary['useCnt'] }}
                                @else
                                    -
                                @endif
                            </div>
                        </div>
                        <div class="col-2">
                            <label>CDT</label>
                            <div>
                                @if ( $cdtSummary != null )
                                    {{ $cdtSummary['totalCnt'] }} / {{ $cdtSummary['useCnt'] }}
                                @else
                                    -
                                @endif
                            </div>
                        </div>
                    </li>

                @endif
                @if ( $enrollment->enrollmentPause )
                    <li class="mb-3 row mx-0 align-middle">
                        <div class="col-1">
                            <label>휴강일</label>
                            <div>{{ $enrollment->enrollmentPause->period }}일</div>
                        </div>
                        <div class="col-3">
                            <label>휴강기간</label>
                            <div>{{ date('Y-m-d', strtotime($enrollment->enrollmentPause->started_at)) }} ~ {{ date('Y-m-d', strtotime($enrollment->enrollmentPause->ended_at)) }}</div>
                        </div>
                        <div class="col-3">
                            <label>휴강신청일</label>
                            <div>{{ $enrollment->enrollmentPause->created_at }}</div>
                        </div>
                    </li>
                @endif
            </ul>
        </main>
    </form>
    </main>
</section>

@include("enrollment.course." . $service . "-course")
@if ( $enrollment->enrollmentFeedbackPasses->isNotEmpty() )
<div class="mt-3">
    <section>
        <header>첨삭이용권</header>
        <main>
            <table class="table table-hover table-striped table-management">
                <thead>
                    <tr class="text-center">
                        <th>번호</th>
                        <th class="text-start" style="min-width: 250px">첨삭명</th>
                        <th>첨삭유형</th>
                        <th>잔여 / 차감 / 총</th>
                        <th>미이용차감일</th>
                        <th>이용규칙</th>
                        <th>관리</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($enrollment->enrollmentFeedbackPasses as $item)
                        <tr>
                            <td>{{ $item->id }}</td>

                            <td>{{ $item->feedbackPass->name }}</td>
                            <td>{{ $item->feedbackPass->type }}</td>

                            <td>
                                <span class="font-weight-600 text-success"> {{ $item->remaining_count}} </span> |

                                @if ( $item->enrollmentFeedbackPassPeriods->isNotEmpty() )
                                    <span class="font-weight-600 text-danger"> {{ $item->getDeductibleCount() }} </span> |
                                @else
                                    - |
                                @endif
                                <span class="font-weight-600 text-primary"> {{ $item->total_use_count }} </span>
                            </td>
                            <td>{{ $item->unused_deduction_day ? $item->unused_deduction_day . "일 1회 차감" : "-"}}</td>
                            <td>{{ $item->limit_day }} 일 {{ $item->limit_count }}</td>
                            <td>
                                <a type="button" class="btn btn-sm btn-warning text-black"
                                    href='{{ route('enrollment.feedback-pass', [ 'service' => $service, 'id' => $item->id]) }}' target="_blank">상세</a>
                            </td>
                        </tr>
                    @endforeach


                </tbody>
            </table>
        </main>
    </section>
</div>
@endif

@endsection

@push("script")
@if ( $enrollment->service == 'academy')
    {!! resource('js/enrollment/academy-course.js') !!}
@endif
<script>

        function onOpenAttendances(enrollment_id) {
            const href = "{{ route('board.popup.attendance', ':id') }}";
            edmPopupOpen(href.replace(":id", enrollment_id), 'attendance-list', null, null, 'large');
        }

        function onSearchLecture(type) {
            const lectures = type == "all" ? $('#attendances .lecture-item') : $('#attendances .' + type);
            if ( lectures.length == 0) {
                return false;
            }

            $('#enrollment_info').empty();
            $.each(lectures, function() {
                $('#enrollment_info').append($(this).clone());
            })

            $('#enrollment_info').show()
            $('#count').text(lectures.length);

        }
        $(function() {
            $('.isOpen').on("click", function() {
                $(this).closest(".course-item").find(".lecture-list").slideToggle()
            })
        })

    </script>
@endpush