@extends("common.layout")

@section('page-title', "첨삭 이용현황")

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

@section("content")
<h1>
    <a href="javascript:history.go(-1)">
        <i class="bi bi-arrow-left-circle"></i> 첨삭 이용현황
    </a>
</h1>

<form class="default">
    <section class="mb-3">
        @php
            $enrollment = $pass->enrollment;
        @endphp
        <header>첨삭이용권</header>
        <main>
            <ul class="list-item-none">
                <li class="mb-3 row mx-0 align-middle">
                    <div class="col-1">
                        <label>수강생</label>
                        <div>
                            <a href="{{ route("user.detail", [$enrollment->user->id]) }}" target="_blank">
                                {{ $enrollment->user->name }}({{ $enrollment->user->edm_id ?? $enrollment->user->getPlain('email') }})</a>
                        </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>
                </li>

                <li class="mb-3 row mx-0 align-middle">
                    <div class="col-4">
                        <label>첨삭명</label>
                        <div>{{ $pass->feedbackPass->name }}</div>
                    </div>
                    <div class="col-1">
                        <label>첨삭유형</label>
                        <div>{{ $pass->feedbackPass->type }}</div>
                    </div>
                    <div class="col-1">
                        <label>총 이용횟수</label>
                        <div>
                            @if ( $pass->total_use_count == 0 )
                                무제한
                            @else
                                <input type="hidden" name="id" id="id" value="{{ $pass->id }}" />
                                <input type="number" name="total_use_count" value="{{ $pass->total_use_count }}" class="form-control form-control-sm" id="total_use_count" @disabled(in_array($enrollment->status, ['CANCELED', 'FINISHED'])) />
                            @endif
                        </div>
                    </div>
                    <div class="col-1">
                        <label>잔여이용횟수</label>
                        <div>{{ $pass->remaining_count }} </div>
                    </div>
                    <div class="col-1">
                        <label>미이용차감일</label>
                        <div>{{ $pass->unused_deduction_day ? $pass->unused_deduction_day . "일 1회 차감" : "-"}}</div>
                    </div>
                    <div class="col-1">
                        <label>이용규칙</label>
                        <div>{{ $pass->limit_day }} 일 {{ $pass->limit_count }} 회</div>
                    </div>
                </li>
            </ul>
        </main>
        @if ( $pass->total_use_count > 0 && ! in_array($enrollment->status, ['CANCELED', 'FINISHED']))
            <footer class="align-right">
                <button class="btn btn-primary" type="button" onclick="onSubmit()">저장</button>
            </footer>
        @endif
    </section>
</form>

<section>
    <header>첨삭요청이력</header>
    <main>
        @php
            $feedbackRequests = $pass->enrollmentFeedbackRequests;
        @endphp
        <table class="table table-hover table-striped table-management">
            <thead>
                <tr class="text-center">
                    <th>번호</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 class="text-start">과목/타입/패턴</th>
                    <th width="120">강사</th>
                    <th>관리</th>
                </tr>
            </thead>
            <tbody>
                @foreach($feedbackRequests as $feedbackRequest)
                <tr class="text-center">
                    <td class="number">
                        {{ $feedbackRequest->id }}
                        <input type="hidden" name="feedback_request_id" value="{{ $feedbackRequest->id }}">
                    </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' ? '답변완료' : '-' }}
                    </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->feedbackTopic->module }}
                    </td>

                    <td class="text-start">
                        {{ $feedbackRequest->feedbackTopic->subject }}
                        {{ $feedbackRequest->feedbackTopic->type }}
                        {{ $feedbackRequest->feedbackTopic->pattern }}
                        {{ $feedbackRequest->feedbackTopic->chart_type ? '('.$feedbackRequest->feedbackTopic->chart_type.')' : '' }}
                    </td>

                    <td>
                        {{ $feedbackRequest->teacher_id ? $feedbackRequest->teacher->name : '' }}
                    </td>
                    <td><a href="{{ route('enrollment.feedback', ['id' => $feedbackRequest->id, 'service' => $service]) }}">보기</a></td>

                </tr>
                @endforeach
            </tbody>
        </table>
    </main>
</section>

@if ( $pass->enrollmentFeedbackPassPeriods->isNotEmpty())
    <section class="mt-3">
        <header>첨삭이용주기</header>
        <main>
            @php

                $periods = $pass->enrollmentFeedbackPassPeriods()->orderBy("id", "desc")->get();
                $now = Carbon::now()->startOfDay();
            @endphp
            <table class="table table-hover table-striped table-management">
                <thead>
                <tr>
                    <th>번호</th>
                    <th>시작일</th>
                    <th>종료일</th>
                    <th>비고</th>
                    <th>구분</th>
                    <th>차감여부</th>
                    <th>이용횟수</th>
                </tr>
                </thead>
                <tbody>
                    @foreach ($periods as $period)
                        @php
                            $isNowPeriod =  $now->between($period->started_at, $period->ended_at);
                        @endphp
                        <tr>
                            <td>{{ $period->id }}</td>
                            <td>{{ $period->started_at }}</td>
                            <td>{{ $period->ended_at }}</td>
                            <td>{{ $period->comment }}</td>
                            <td>
                                <span @class(['badge', 'badge-success' => $isNowPeriod , 'badge-secondary' => ! $isNowPeriod])>{{ $isNowPeriod ? "진행중" : "완료" }}</span>
                            </td>
                            <td>{!! $isNowPeriod ? "" : ($period->is_deductible ? "<span class='badge badge-danger'>차감</span>" : "-") !!}</td>
                            <td>{{ $period->used_count }}</td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </main>
    </section>
@endif

@endsection

@push("script")
<script>
    function onSubmit() {

        alertify.confirm("확인", "첨삭권 이용수량을 변경하시겠습니까? ", async () => {
            const result = await customFetch('{{ route("api.enrollment.set-feedback-ticket") }}', {
                method: "POST",
                body : JSON.stringify({"total_use_count" : $('#total_use_count').val() , "id" : $('#id').val()}) ,
                headers: { "Content-Type" : "application/json"}
            });

            if ( result.status ) {
                alertify.alert("완료", "성공하셨습니다.",  () => { })
            } else {
                alertify.alert("오류", result.message ,  () => { })
            }
        }, () => {})
    }
</script>
@endpush