@extends("common.layout")

@section('page-title', "첨삭 요청 목록")

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

@section("content")
<h1><a href="{{ route('enrollment.feedback', ['service' => $service]) }}">첨삭 요청 목록</a></h1>

<section class="mb-3">
    <main>
        <form action="{{ route('enrollment.feedback', ['service' => $service]) }}" class="search-form" method="GET">

            <input type="hidden" name="paginate" value="{{ Request::has("paginate") ? Request::get("paginate"):'' }}">
            <input type="hidden" name="page" value="{{ Request::has("page") ? Request::get("page"):'' }}">
            <input type="hidden" name="order_by" value="{{ Request::has("order_by") ? Request::get("order_by"):'id' }}">
            <input type="hidden" name="sort" value="{{ Request::has("sort") ? Request::get("sort"):'desc' }}">
            <div class="search-input-wrap">
                <div class="input-group input-group-sm">
                    <label class="input-group-text" for="start_at">요청일</label>
                    <input class="form-control" type="date" name="start_at" id='start_at' value="{{ Request::get("start_at") }}">
                    <input class="form-control" type="date" name="end_at" id='end_at' value="{{ Request::get("end_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>
                        <option value="REQUESTED" @selected(Request::get("status") == 'REQUESTED')>신청</option>
                        <option value="COMPLETED" @selected(Request::get("status") == 'COMPLETED')>완료</option>
                    </select>
                </div>
                <div class="input-group input-group-sm">
                    <label class="input-group-text" for="subject">과목</label>
                    <select class="form-select" name="subject" id="subject">
                        <option value="" @selected(empty(Request::get("subject")))>전체</option>
                        <option value="Writing" @selected(Request::get("subject") == 'Writing')>Writing</option>
                        <option value="Speaking" @selected(Request::get("subject") == 'Speaking')>Speaking</option>
                    </select>
                </div>
                <div class="input-group input-group-sm">
                    <label class="input-group-text" for="module">모듈</label>
                    <select class="form-select" name="module" id="module">
                        <option value="" @selected(empty(Request::get("module")))>전체</option>
                        <option value="academic" @selected(Request::get("module") == 'academic')>Academic</option>
                        <option value="general" @selected(Request::get("module") == 'general')>General</option>
                    </select>
                </div>
                 <div class="input-group input-group-sm">
                    <label class="input-group-text" for="type">첨삭유형</label>
                    <select class="form-select" name="type" id="type">
                        <option value="" @selected(empty(Request::get("type")))>전체</option>
                        <option value="Basic" @selected(Request::get("type") == 'Basic')>Basic</option>
                        <option value="Premium" @selected(Request::get("type") == 'Premium')>Premium</option>
                    </select>

                </div>
                <div class="input-group input-group-sm">
                    <label class="input-group-text" for="module">강사</label>
                    @php
                        $selectedTeachers = Request::get('teacher_id', []);
                        if (!is_array($selectedTeachers)) {
                            $selectedTeachers = [$selectedTeachers]; // 혹시라도 단일 string일 경우
                        }
                    @endphp

                    <select class="form-select" name="teacher_id[]" id="teacher_id" multiple>
                        <option value="none" @selected(in_array('none', $selectedTeachers))>미지정</option>
                        @foreach ($cdt_teachers as $teacher)
                            <option value="{{ $teacher->id }}" @selected(in_array((string) $teacher->id, $selectedTeachers))>
                                {{ $teacher->name }}
                            </option>
                        @endforeach
                    </select>
                </div>
                <div class="input-group input-group-sm">
                    <label class="input-group-text" for="keyword">수강생검색</label>
                    <input class="form-control" type="text" name="keyword" id='keyword' value="{{ Request::get("keyword") }}">
                </div>
            </div>

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

<section>
    <header>
        <h6>
            총 <strong>{{ $feedbackRequests->total() }}</strong>건
        </h6>
    </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>
                    @hasrole('root')
                    <th class="text-start" style="width: 300px !important">
                        <span class="badge badge-primary">enrollmentCdtSet</span>
                        <span class="badge badge-success">feedbackTopic</span>
                        <span class="badge badge-secondary">cdtSets</span>
                    </th>
                    @endhasrole
                    <th>상태</th>
                    <th>댓글</th>
                    <th>요청일</th>
                    <th>서비스</th>
                    <th>모듈</th>
                    <th>첨삭 유형</th>
                    <th class="text-start">과목/타입/패턴</th>
                    <th>수강생</th>
                    <th width="120">강사</th>
                    {{-- <th>이용횟수</th>
                    <th>미이용차감일</th>
                    <th>이용제한</th> --}}
                    {{-- <th></th> --}}
                </tr>
            </thead>
            <tbody>
                @foreach($feedbackRequests as $feedbackRequest)
                    @if ($feedbackRequest->enrollment_cdt_set_id > 0 && $feedbackRequest->feedbackTopic->subject == 'Writing' && $feedbackRequest->feedbackTopic->type == 'Task 2') @continue @endif
                <tr class="text-center">
                    <td class="number">
                        {{ $feedbackRequest->id }}
                        <input type="hidden" name="feedback_request_id" value="{{ $feedbackRequest->id }}">
                    </td>

                    <td class="text-start">
                        @if($feedbackRequest->created_at->gt(now()->subDays(7)))
                            <span class="badge badge-warning">new</span>
                        @endif
                        <a href="{{ route('enrollment.feedback', ['id' => $feedbackRequest->id, 'service' => $service]) }}" target="_blank">
                            {{ $feedbackRequest->enrollmentFeedbackPass->feedbackPass->name }}
                        </a>
                    </td>
                    @hasrole('root')
                    <td class="text-start">
                        <div class="row p-0 m-0" style="max-width: 300px">
                            <div class="col-2 px-1">
                                <span class="badge badge-primary">{{ $feedbackRequest->enrollment_cdt_set_id }}</span>
                            </div>
                            <div class="col-2 px-1"><span class="badge badge-success">{{ $feedbackRequest->feedback_topic_id }}</span></div>
                            <div class="col-6 px-1">
                                @foreach ($feedbackRequest->feedbackTopic->cdtSets as $cdtSet)
                                    <span class="badge badge-secondary">{{ $cdtSet->id }} {{ $cdtSet->name }}</span><br>
                                @endforeach
                            </div>
                        </div>

                    </td>
                    @endhasrole
                    <td>
                        {{ $feedbackRequest->status == 'COMPLETED' ? '답변완료' : '-' }}
                        @if ( $feedbackRequest->status == 'COMPLETED' )
                            <div class="font-sm">({{ date('Y.m.d', strtotime($feedbackRequest->enrollmentFeedbackResponse->created_at)) }})</div>
                        @endif
                    </td>

                    <td class="number">
                        @if($feedbackRequest->hasRecentComments())
                            <span class="badge badge-warning">new</span>
                        @endif
                        {{ $feedbackRequest->comments->count() ? $feedbackRequest->comments->count() : '-' }}
                    </td>


                    <td>
                        {{ $feedbackRequest->created_at->format('Y.m.d') }}
                    </td>

                    <td>
                        {{ $feedbackRequest->enrollmentFeedbackPass->feedbackPass->service }}
                    </td>

                    <td>
                        {{ $feedbackRequest->feedbackTopic->module }}
                    </td>

                    <td>
                        {{ $feedbackRequest->enrollmentFeedbackPass->feedbackPass->type }}
                    </td>

                    <td class="text-start">
                        {{ $feedbackRequest->feedbackTopic->subject }}
                        @if ($feedbackRequest->enrollment_cdt_set_id > 0 && $feedbackRequest->feedbackTopic->subject == 'Writing' && $feedbackRequest->feedbackTopic->type == 'Task 1')
                            Task 1 & 2
                        @else
                            {{ $feedbackRequest->feedbackTopic->type }}
                        @endif

                        {{-- {{ $feedbackRequest->feedbackTopic->pattern }} --}}
                        {{ $feedbackRequest->feedbackTopic->chart_type ? '('.$feedbackRequest->feedbackTopic->chart_type.')' : '' }}
                    </td>

                    <td>
                        {{ $feedbackRequest->enrollmentFeedbackPass->user->name }}
                        ( {{ $feedbackRequest->enrollmentFeedbackPass->user->edm_id ?? $feedbackRequest->enrollmentFeedbackPass->user->getPlain('email') }}  )
                    </td>

                    <td>
                        @if ($feedbackRequest->enrollmentFeedbackPass->feedbackPass->type == 'Premium')
                            {{ $feedbackRequest->teacher_id ? $feedbackRequest->teacher->name : '' }}
                        @else
                            <select class="form-select form-select-sm" onchange="changeTeacher(this, '{{ route('api.enrollment.change-feedback-teacher', ['id' => $feedbackRequest->id]) }}')">
                                <option value=""></option>
                                @if ($feedbackRequest->enrollmentFeedbackPass->feedbackPass->type == 'Basic')
                                    @foreach ($basic_teachers as $teacher)
                                        <option value="{{ $teacher->id }}" @selected($feedbackRequest->teacher_id == $teacher->id)>
                                            {{ $teacher->name }}
                                        </option>
                                    @endforeach
                                @else
                                    @foreach ($cdt_teachers as $teacher)
                                        <option value="{{ $teacher->id }}" @selected($feedbackRequest->teacher_id == $teacher->id)>
                                            {{ $teacher->name }}
                                        </option>
                                    @endforeach
                                @endif
                            </select>
                        @endif
                    </td>

                    {{-- <td>
                        {{ $feedbackRequest->enrollmentFeedbackPass->remaining_count }} /
                        {{ $feedbackRequest->enrollmentFeedbackPass->total_use_count }}
                    </td>

                    <td>
                        {{ $feedbackRequest->enrollmentFeedbackPass->unused_deduction_day }}
                    </td>

                    <td>
                        {{ $feedbackRequest->enrollmentFeedbackPass->limit_day }}일 {{ $feedbackRequest->enrollmentFeedbackPass->limit_count }}회
                    </td> --}}


                    {{-- <td>
                        <button type="button" class="btn btn-sm btn-outline-success" onclick="location.href='{{ route('enrollment.feedback', ['id' => $feedbackRequest->id]) }}'">상세</button>
                    </td> --}}
                </tr>
                @endforeach
            </tbody>
        </table>

        <footer>
            <div class="pagination-wrap">
                {{ $feedbackRequests->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>
    </main>
</section>

@endsection

@push("script")
<script>
const teacherSelector = new MultiSelector("teacher_id", { isOverall : true });
function changeTeacher(select, url) {
    const teacherId = select.value;
    const feedbackRequestId = select.closest('tr').querySelector('input[name="feedback_request_id"]').value;

    fetch(url, {
        method: 'PATCH',
        headers: {
            'Content-Type': 'application/json',
            'X-CSRF-TOKEN': '{{ csrf_token() }}'
        },
        body: JSON.stringify({
            teacher_id: teacherId,
            feedback_request_id: feedbackRequestId
        })
    })
    .then(response => response.json())
    .then(data => {
        if (data.success) {
            // 성공 시 select에 임시로 배경색 효과를 줍니다.
            select.classList.add('bg-success', 'text-white');
            setTimeout(() => {
                select.classList.remove('bg-success', 'text-white');
            }, 1000);
        } else {
            alert('강사 변경에 실패했습니다.');
        }
    })
    .catch(error => console.error('Error:', error));

}
</script>
@endpush