@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-pass', ['service' => $service]) }}">첨삭 이용현황</a></h1>

<section class="mb-3">
    <main>
        <form action="{{ route('enrollment.feedback-pass', ['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="status">첨삭유형</label>
                    <select class="form-select" name="type" id="type">
                        <option value="" @selected(empty(Request::get("type")))>전체</option>
                        @foreach ($feedbackTypes as $type)
                            <option value="{{ $type }}" @selected(Request::get("type") == $type)>{{ $type }}</option>
                        @endforeach
                    </select>
                </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>
        </form>
    </main>
</section>

<section>
    <header>
        <h6>
            총 <strong>{{ $data->total() }}</strong>건
        </h6>
    </header>

    <main>
        <table class="table table-hover table-striped table-management">
            <thead>
                <tr class="text-center">
                    <th>번호</th>
                    <th>수강생명</th>
                    <th class="text-start" style="min-width: 250px">수강상품</th>
                    <th class="text-start" style="min-width: 250px">첨삭명</th>
                    <th>첨삭유형</th>
                    <th>수강상태</th>
                    <th>사용기간</th>
                    <th>잔여 / 차감 / 총</th>
                    <th>미이용차감일</th>
                    <th>이용규칙</th>
                    <th>관리</th>
                </tr>
            </thead>
            <tbody>
                @foreach ($data as $item)
                    @php
                        $user = $item->enrollment->user;
                    @endphp
                    <tr>
                        <td>{{ $item->id }}</td>
                        <td>
                            <a href="{{ route("user.detail", [$user?->id]) }}" target="_blank">
                                {{ $user?->name }} ({{ $user?->edm_id ?? $user?->getPlain('email') }})
                            </a>
                        </td>
                        <td>{{ $item->enrollment->getEnrollmentName() }}</td>
                        <td>{{ $item->feedbackPass->name }}</td>
                        <td>{{ $item->feedbackPass->type }}</td>
                        <td>{{ $status[$item->enrollment->status] }}</td>
                        <td>{{ date('Y.m.d', strtotime($item->enrollment->started_at)) }} ~ {{ date('Y.m.d', strtotime($item->enrollment->ended_at)) }} </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>
                            <button type="button" class="btn btn-sm btn-warning text-black" onclick="location.href='{{ route('enrollment.feedback-pass', [ 'service' => $service, 'id' => $item->id]) }}'">상세</button>
                        </td>
                    </tr>
                @endforeach


            </tbody>
        </table>

        <footer>
            <div class="pagination-wrap">
                {{ $data->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 optionSelector = new MultiSelector("option_ids", { isOverall : true, extraClass: ['long'], isSearch : true , maxLength: 20});
</script>
@endpush