@extends("common.layout")

@php
    $page_title = $pageServiceName . ' 상품 ' . ($product?->id ? '상세보기 ('.$product->id.')' : '등록');
    $optionTypes = !empty($product) ? explode("|", $product->option_types) :  ['course', 'feedback', 'cdt', 'textbook', 'etc'];
@endphp

{{-- @section('page-title', $page_title) --}}

@section("header")
@if (isset(config('system.cdt_provide_types')[$service]))
    <script>
        const cdtProvideTypes = @json(config('system.cdt_provide_types')[$service]);  // CDT추가 기능에 사용
    </script>
@endif

{!! resource('css/form.css') !!}
{!! resource('js/form.js') !!}
{!! resource('js/product/product-detail.js') !!}
@endsection

@section("content")
<form id="product-form" action="{{ $product?->id ? route('api.product.set', ['id'=>$product->id]) : route('api.product.set') }}" method="post" class="default" enctype="multipart/form-data">
    @csrf
    <input type="hidden" name="service" value="{{ $service }}">

    <h1>
        <a href="{{ route('product.list', $service) }}">
            {{ $page_title }}
        </a>

        <div class="fixed-btns btn-group">
            @if ($product?->id)
                @if ($User->is->admin)
                <button class="btn btn-danger" type="button" onclick="productDelete({{ $product->id }}, '{{ $service }}')">삭제</button>
                @endif
                {{-- <button class="btn btn-success" type="button" onclick="copyProduct()">복제</button> --}}
            @endif
            <button type="submit" class="btn btn-primary">저장</button>
            <button class="btn btn-warning" type="button" onclick="toggleOptions(this)"><i class="bi bi-chevron-up"></i></button>
        </div>
    </h1>

    <div class="product-detail-layout">
        <section>
            <header>
                기본정보
                <button class="btn btn-warning btn-toggle" type="button" onclick="toggleOption(this)" id="toggle-product-{{ $product?->id }}-1"><i class="bi bi-chevron-up"></i></button>
            </header>

            <main class="split-form">
                @if ($product?->id)
                <div class="form-group">
                    <label>상품 번호</label>
                    <div id="product-id" data-id="{{ $product?->id }}">
                        {{ $product?->id }}
                    </div>
                </div>
                @endif

                <div class="form-group">
                    <label class="required">상품명</label>
                    <div class="right-col">
                        @php
                            $maxLength = $service == 'ielts' ? 20 : 15;
                        @endphp
                        <input type="text" maxlength="30" class="form-control" id="name" name="name" placeholder="최대 {{ $maxLength }}자까지 입력 가능합니다." maxlength="{{ $maxLength }}" value="{{ $product?->name }}" required>
                    </div>
                </div>

                <div class="form-group">
                    <label>간략 소개</label>
                    <div class="right-col">
                        <input type="text" class="form-control form-control-sm" id="description" name="description" placeholder="" value="{{ $product?->description }}">
                    </div>
                </div>

                <div class="form-group">
                    <label class="required">상품 구분</label>
                    <div class="right-col">
                        <div class="form-check">
                            <input type="radio" id="salesType1" name="sales_type" class="form-check-input" value="판매" @checked(!$product || $product->sales_type == "판매") onchange="changeSalesType()">
                            <label class="form-check-label" for="salesType1">판매</label>
                        </div>

                        <div class="form-check">
                            <input type="radio" id="salesType2" name="sales_type" class="form-check-input" value="지급" @checked($product?->sales_type == "지급") onchange="changeSalesType()">
                            <label class="form-check-label" for="salesType2">지급</label>
                        </div>

                        <select class="form-select form-select-sm" name="provision_type" id="provision_type" @disabled(!$product || $product->sales_type == "판매")>
                            <option value="">선택</option>
                            @foreach ($provisionTypes as $provisionType)
                            <option value="{{ $provisionType }}" @selected($product?->provision_type == $provisionType)>{{ $provisionType }}</option>
                            @endforeach
                        </select>
                    </div>
                </div>

                <div class="form-group">
                    <label class="required">모듈</label>
                    <div class="right-col">
                        @php
                            if (isset($product->module)) $modules = explode('|', $product->module);
                            else $modules = [];
                        @endphp
                        @foreach (config('system.modules') as $key => $module)
                        <div class="form-check">
                            <input type="checkbox" id="moduleId{{ $key }}" name="module[]" class="form-check-input" value="{{ $module }}" @checked(in_array($module, $modules))>
                            <label class="form-check-label" for="moduleId{{ $key }}">{{ $module }}</label>
                        </div>
                        @endforeach
                    </div>
                </div>

                <div class="form-group">
                    <label class="required">카테고리</label>

                    <div class="right-col">
                        @if (isset($productCategories[$service]))
                        @foreach ($productCategories[$service] as $key => $productCategory)
                            <div class="form-check">
                                <input type="checkbox" id="category{{ $key }}" name="categories[]" class="form-check-input" value="{{ $productCategory->id }}" @checked($product?->productCategories->contains($productCategory->id)) onchange="changeCategory(event)">

                                <label class="form-check-label" for="category{{ $key }}">{{ $productCategory->name }}</label>

                                @if ($productCategory->productSubCategories->count()>0)
                                <select class="form-select form-select-sm ms-1" name="product_sub_category_id[{{ $productCategory->id }}]" @disabled(!$product?->id || !$product->productCategories->contains($productCategory->id))>
                                    <option value="">선택</option>
                                    @foreach ($productSubCategories[$productCategory->id] as $productSubCategory)
                                    @php
                                        $selected = $product?->productCategories->where('id', $productCategory->id)->first()?->pivot->product_sub_category_id == $productSubCategory->id;
                                    @endphp
                                    <option value="{{ $productSubCategory->id }}" @selected($selected)>{{ $productSubCategory->name }}</option>
                                    @endforeach
                                </select>
                                @endif
                            </div>
                        @endforeach
                        @endif
                    </div>
                </div>

                <div class="form-group">
                    <label class="required" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="수강 전 학생들의 점수입니다.">목표 점수 <i class="bi bi-info-circle"></i></label>
                    <div class="right-col">
                        <select class="form-select form-select-sm" name="goal_score" id="goal_score">
                            <option value="">선택</option>
                            @foreach ($goals as $goal)
                            <option value="{{ $goal }}" @selected($product?->goal_score == $goal)>{{ $goal }}</option>
                            @endforeach
                        </select>
                    </div>
                </div>

                @if ($service == 'ielts')
                <div class="form-group">
                    <label class="required" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="수강 전 학생들의 영어 레벨입니다.">현재 나의 실력 <i class="bi bi-info-circle"></i></label>
                    <div class="right-col">
                        <select class="form-select form-select-sm" name="current_level" id="current_level">
                            <option value="">선택</option>
                            @foreach (config('system.current_level') as $k=>$v)
                            <option value="{{ $k }}" @selected($product?->current_level == $k)>{{ $v }}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
                @endif

                @if ($User->is->admin)
                <div class="form-group">
                    <label class="required">상품 옵션</label>
                    <div class="right-col">
                        <div class="form-check">
                            <input class="form-check-input" type="checkbox" name="option_types[]" value="course" @checked(in_array("course", $optionTypes))> <label class="form-check-label">강좌</label>
                        </div>

                        <div class="form-check">
                            <input class="form-check-input" type="checkbox" name="option_types[]" value="feedback" @checked(in_array("feedback", $optionTypes))> <label class="form-check-label">첨삭</label>
                        </div>

                        <div class="form-check">
                            <input class="form-check-input" type="checkbox" name="option_types[]" value="cdt" @checked(in_array("cdt", $optionTypes))> <label class="form-check-label">CDT</label>
                        </div>

                        <div class="form-check">
                            <input class="form-check-input" type="checkbox" name="option_types[]" value="textbook" @checked(in_array("textbook", $optionTypes))> <label class="form-check-label">교재</label>
                        </div>

                        <div class="form-check">
                            <input class="form-check-input" type="checkbox" name="option_types[]" value="etc" @checked(in_array("etc", $optionTypes))> <label class="form-check-label">기타</label>
                        </div>
                    </div>
                </div>
                @else
                    @foreach($optionTypes as $optionType)
                        <input type="checkbox" name="option_types[]" value="{{ $optionType }}" checked class="d-none">
                    @endforeach
                @endif
            </main>
        </section>

        <section>
            <header>
                상세정보
                <button class="btn btn-warning btn-toggle" type="button" onclick="toggleOption(this)" id="toggle-product-{{ $product?->id }}-2"><i class="bi bi-chevron-up"></i></button>
            </header>

            <main class="split-form">
                @if($service=='ielts')
                <div class="form-group">
                    <label>수강 대상</label>
                    <div class="right-col">
                        <textarea name="target" class="form-control" id="target" cols="30" rows="2">{{ $product?->target }}</textarea>
                    </div>
                </div>
                @endif

                <div class="form-group">
                    <label>수강생 혜택</label>
                    <div class="editor-wrapper">
                        <x-editor id='benefit-editor' height='300px' :content="$product?->benefit" />
                    </div>
                </div>

                <div class="form-group">
                    <label>유의사항</label>
                    <div class="editor-wrapper">
                        <x-editor id='notes-editor' height='300px' :content="$product?->notes" />
                    </div>
                </div>

                <div class="form-group">
                    <label>상세정보 (HTML)</label>
                    <div class="right-col">
                        <input type="file" class="form-control" name="details_file" placeholder="">
                        @if ($product?->details_file)
                            <a href="{{ app(S3Helper::class)->getPublicUrl($product->details_file) }}">{{ $product->details_file }}</a>
                        @endif
                    </div>
                </div>
            </main>
        </section>

        <section>
            <header>
                전시
                <button class="btn btn-warning btn-toggle" type="button" onclick="toggleOption(this)" id="toggle-product-{{ $product?->id }}-3"><i class="bi bi-chevron-up"></i></button>
            </header>
            <main class="split-form">

                <div class="form-group">
                    <label class="required">상품 판매<i class="bi bi-info-circle" data-bs-toggle="tooltip" data-bs-placement="right" data-bs-title="상품 판매/마감"></i></label>
                    <div class="right-col">
                        <div class="form-check form-switch">
                            <input class="form-check-input" type="checkbox" role="switch" id="is_sellable" name="is_sellable" value="1" @checked(!$product || $product->is_sellable == 1)>
                        </div>
                    </div>
                </div>

                <div class="form-group">
                    <label class="required">상품 전시<i class="bi bi-info-circle" data-bs-toggle="tooltip" data-bs-placement="right" data-bs-title="GNB/Front 노출여부"></i></label>
                    <div class="right-col">
                        <div class="form-check form-switch">
                            <input class="form-check-input" type="checkbox" role="switch" id="is_visible" name="is_visible" value="1" @checked(!$product || $product->is_visible == 1)>
                        </div>

                        <div class="input-group input-group-sm w-auto me-2">
                            <input class="form-control form-control-sm" type="date" id="visible_start_date" name="visible_start_date" value="{{ explode(" ", $product?->visible_start_date ?? " ")[0] }}">
                            <input class="form-control form-control-sm" type="date" id="visible_end_date" name="visible_end_date" value="{{ explode(" ", $product?->visible_end_date ?? " ")[0] }}" @disabled(!$product || !(!$product->visible_end_date_disabled))>
                        </div>
                        <div class="form-check">
                            <input type="checkbox" id="visible_end_date_disabled" name="visible_end_date_disabled" class="form-check-input" value="1" @checked(!$product || $product->visible_end_date_disabled) onchange="changeActivatedStatus()">
                            <label class="form-check-label" for="visible_end_date_disabled">종료일 없음</label>
                        </div>

                        @if ($product?->is_visible === 0 && $product?->invisibled_at)
                            <label class="form-check-label">
                                비전시 ({{ explode(" ", $product->invisibled_at)[0] }})
                            </label>
                        @endif
                    </div>
                </div>

                @if($service == 'ielts')
                    <div class="form-group">
                        <label class="required">환급 상품</label>
                        <div class="right-col">
                            <div class="form-check form-switch">
                                <input class="form-check-input" type="checkbox" role="switch" id="is_refundable" name="is_refundable" value="1" @checked($product && $product->is_refundable == 1)>
                                <label class="form-check-label" for="is_refundable">
                                    @if ($checkRefundable && $checkRefundable->id != $product?->id)
                                        현재 판매중인 환급 상품: <a href="{{ route('product.detail', ['service' => $service, 'id' => $checkRefundable->id]) }}">{{ $checkRefundable->name }}</a>
                                    @endif
                                </label>
                            </div>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="required">
                            휴강
                            <i class="bi bi-info-circle" data-bs-toggle="tooltip" data-bs-placement="right" data-bs-html="true" data-bs-title="[휴강조건]<br>
                                    -수강기간 중 1회 최대 30일까지 신청 가능 (휴강불가 상품 제외 모든 상품은 1회 신청 가능)<br>
                                    *휴강불가 상품 목록<br>
                                    -입문 200% 페이백 (아카데믹/제너럴)<br>
                                    -실전 200% 페이백 (아카데믹/제너럴)"></i>
                        </label>
                        <div class="right-col">
                            <div class="form-check form-switch">
                                <input class="form-check-input" type="checkbox" role="switch" id="is_pausable" name="is_pausable" value="1" @checked(!$product || $product->is_pausable == 1)>
                            </div>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="required">무료 연장</label>
                        <div class="right-col">
                            <div class="form-check form-switch">
                                <input class="form-check-input" type="checkbox" role="switch" id="is_extensible" name="is_extensible" value="1" @checked(!$product || $product->is_extensible == 1)>
                            </div>

                            <div class="input-group input-group-sm w-auto">
                                <select class="form-select form-select-sm" name="extension_option" id="extension_option" @disabled($product && $product->is_extensible != 1)>
                                    <option value="">선택</option>
                                    @foreach ($extensionOptions as $extensionOption)
                                    <option value="{{ $extensionOption }}" @selected($product?->extension_option == $extensionOption)>{{ $extensionOption }}</option>
                                    @endforeach
                                </select>
                                <input class="form-control form-control-sm" size="5" type="text" name="extension_day" id="extension_day" placeholder="7" value="{{ $product?->extension_day }}" @disabled($product && $product->is_extensible != 1)>
                                <span class="input-group-text">일</span>
                            </div>
                        </div>
                    </div>
                @endif

                @if($service == 'academy')
                    <div class="form-group">
                        <label class="required">
                            판매 예약
                            <i class="bi bi-info-circle" data-bs-toggle="tooltip" data-bs-placement="right" data-bs-title="선택한 날짜 기준 오전 12시 오픈/ 익일 오전 12시 마감 처리됩니다."></i>
                        </label>

                        <div class="right-col">

                            <div class="input-group input-group-sm w-auto">
                                <span class="input-group-text">오픈 예약</span>
                                <select class="form-select form-select-sm me-1" name="opening_reservation_type" id="opening_reservation_type" onchange="changeReservationType(this)">
                                    <option value="">N/A</option>
                                    @foreach ($productReservationTypes as $productReservationType)
                                    <option data-type="{{ $productReservationType['type'] }}" value="{{ $productReservationType['name'] }}" @selected($product?->opening_reservation_type == $productReservationType['name'])>{{ $productReservationType['name'] }}</option>
                                    @endforeach
                                </select>
                            </div>

                            <div id="opening-reservation-detail">
                                @if ($product?->opening_reservation_type)
                                    @php
                                        $reservationType = null;
                                        foreach ($productReservationTypes as $type) {
                                            if ($type['name'] == $product->opening_reservation_type) {
                                                $reservationType = $type;
                                                break;
                                            }
                                        }
                                    @endphp

                                    @if (isset($reservationType['type']))
                                        @if ($reservationType['type'] == "select")
                                        <select name="opening_reservation_value" class="form-select form-select-sm">
                                            @foreach ($reservationType['options'] as $option_name)
                                                <option value="{{ $option_name }}" @selected($option_name == $product->opening_reservation_value)>{{ $option_name }}</option>
                                            @endforeach
                                        </select>
                                        @endif

                                        @if ($reservationType['type'] == "date")
                                        <input type="date" name="opening_reservation_value" class="form-control form-control-sm" value="{{ $product->opening_reservation_value }}" @disabled($product->opening_reservation_value < now())>
                                        @endif

                                        @if ($reservationType['type'] == "number")
                                        <input type="number" min="0" name="opening_reservation_value" class="form-control form-control-sm" value="{{ $product->opening_reservation_value }}">
                                        @endif
                                    @endif
                                @endif
                            </div>


                            <div class="input-group input-group-sm w-auto ms-4">
                                <span class="input-group-text">마감 예약</span>
                                <select class="form-select form-select-sm me-1" name="closing_reservation_type" id="closing_reservation_type" onchange="changeReservationType(this)">
                                    <option value="">N/A</option>
                                    @foreach ($productReservationTypes as $productReservationType)
                                    <option data-type="{{ $productReservationType['type'] }}" value="{{ $productReservationType['name'] }}" @selected($product?->closing_reservation_type == $productReservationType['name'])>{{ $productReservationType['name'] }}</option>
                                    @endforeach
                                </select>
                            </div>

                            <div id="closing-reservation-detail">
                                @if ($product?->closing_reservation_type)
                                    @php
                                        $reservationType = null;
                                        foreach ($productReservationTypes as $type) {
                                            if ($type['name'] == $product->closing_reservation_type) {
                                                $reservationType = $type;
                                                break;
                                            }
                                        }
                                    @endphp

                                    @if (isset($reservationType['type']))
                                        @if ($reservationType['type'] == "select")
                                        <select name="closing_reservation_value" class="form-select form-select-sm">
                                            @if($reservationType['name'] == "개강일기준")<option value="다음 개강일">다음 개강일</option>@endif
                                            @foreach ($reservationType['options'] as $option_name)
                                                <option value="{{ $option_name }}" @selected($option_name == $product->closing_reservation_value)>{{ $option_name }}</option>
                                            @endforeach
                                        </select>
                                        @endif

                                        @if ($reservationType['type'] == "date")
                                        <input type="date" name="closing_reservation_value" class="form-control form-control-sm" value="{{ $product->closing_reservation_value }}" @disabled($product->closing_reservation_value < now())>
                                        @endif

                                        @if ($reservationType['type'] == "number")
                                        <input type="number" min="0" name="closing_reservation_value" class="form-control form-control-sm" value="{{ $product->closing_reservation_value }}">
                                        @endif
                                    @endif
                                @endif
                            </div>
                        </div>
                    </div>
                @endif

                <div class="form-group">
                    <label>프로모션 플래그</label>

                    <div class="right-col">
                        <input maxlength="10" name="promotion_flag_word" type="text" placeholder="최대 10글자까지 입력 가능" class="form-control form-control-sm w-auto" value="{{ $product?->promotion_flag_word }}">

                        <div class="flag-color-list ms-1">
                            @foreach ($promotionFlags as $code => $color)
                                <input type="radio" name="promotion_flag" style="background-color: {{ $color }}" value="{{ $code }}" @checked($product?->promotion_flag == $code)>
                            @endforeach
                        </div>
                    </div>
                </div>

                @if($service == 'academy')
                    <div class="form-group">
                        <label>전시용 강좌 (교재안내/강사진)</label>

                        <div class="right-col justify-content-end">
                            <button type="button" class="btn btn-sm btn-info" onclick="popupSelector('course', {
                                service: '{{ $service }}', targetId: {{ $product?->id }}, gridType: 'product-course',
                                removeIds: $('input[name^=productCourses]').map(function() { return $(this).val(); }).get()
                                })">강좌추가</button>
                        </div>
                    </div>
                    <x-product.course service="{{ $service }}" sortable="1" productId="{{ $product?->id }}" :courses="$product?->getAcademyVisibleCourses()" />
                @endif
            </main>
        </section>

        <section>
            <header>
                <div class="required">전시 썸네일</div>
                <div class="d-flex thumbnail-btn-wrapper">
                    <span class="description me-2">드래그를 통해 순서 변경이 가능하며 첫번째 이미지가 대표 이미지가 됩니다.</span>
                    <button type="button" class="btn btn-info" onclick="$('#thumbnail').click();" id="thumbnail-find-btn">이미지 찾기</button>
                    <button class="ms-1 btn btn-warning btn-toggle" type="button" onclick="toggleOption(this)" id="toggle-product-{{ $product?->id }}-4"><i class="bi bi-chevron-up"></i></button>
                    <input class="d-none" type="file" id="thumbnail" name="thumbnails[]" accept="image/*" multiple onchange="changeImage(event)"/>
                </div>
            </header>

            <main>
                <div id="thumbnail-wrapper">
                    @foreach ($product?->productThumbnails ?? [] as $productThumbnail)
                        @if($productThumbnail->id)
                        <div class="thumbnail-img-wrapper">
                            <button class="btn-delete" type="button" onclick="deleteImage({{ $productThumbnail->id }})"><i class="bi bi-x-circle-fill"></i></button>
                            <img name="thumbnails[]" data-id="{{ $productThumbnail->id }}" alt="" src="{{ Cache::remember("product-thumbnail-".$productThumbnail->id, 3600, fn () => app(\S3Helper::class)->getPublicUrl($productThumbnail->s3_key)) }}">
                            <input type="hidden" name="thumbnail_sort[]" value="{{ $productThumbnail->id }}">
                        </div>
                        @endif
                    @endforeach
                </div>
            </main>

            <footer>
                * 파일 형식 : jpg, jpeg, png / 권장 이미지 사이즈 : 512*344
            </footer>
        </section>
    </div>

    {{-- Options --}}

        <div class="add-product-option">
            <button type="button" class="btn btn-lg btn-dark" onclick="addProductOption('{{ $service }}', {{ $product?->id }})">상품옵션추가 <i class="bi bi-plus-square-dotted"></i></button>
        </div>

        <div class="grid-sortable" id="product-option-wrapper">
            @if ($product)
                @foreach ($product->productOptions as $productOption)
                    <x-product.option service="{{ $service }}"
                        :optionTypes="$optionTypes"
                        :option="$productOption" />
                @endforeach
            @endif
        </div>


    {{-- History --}}
    @if ($product?->id)
        <section>
            <header>
                History
                <button class="btn btn-warning btn-toggle" type="button" onclick="toggleOption(this)" id="toggle-product-log"><i class="bi bi-chevron-up"></i></button>
            </header>

            <main>
                <table class="table table-sm table-stripped table-bordered">
                    <colgroup>
                        <col width="30">
                        <col width="180">
                        <col width="80">
                        <col>
                        <col width="80">
                        <col width="80">
                        <col width="80">
                        <col>
                        <col width="80">
                        <col width="80">
                    </colgroup>
                    <thead>
                        <tr class="text-center">
                            <th>번호</th>
                            <th>일시</th>
                            <th>모듈</th>
                            <th class="text-start">상품명</th>
                            <th>전시 구분</th>
                            <th>판매 상태</th>
                            <th>카테고리</th>
                            <th>썸네일</th>
                            <th>담당자명</th>
                            <th></th>
                        </tr>
                    </thead>
                    <tbody class="text-center">
                        @php
                            $logs = $product->getParsingLogs() ?? [];
                        @endphp
                        @forelse ($logs as $key => $log)
                        <tr>
                            <td>{{ $log->row_number }}</td>
                            <td>
                                @if (isset($log->created_at))
                                {{ explode(" ", $log->created_at)[0] }}
                                {{ explode(" ", $log->created_at)[1] }}
                                @else
                                -
                                @endif
                            </td>
                            <td>{{ $log->module }}</td>
                            <td class="text-start">{{ $log->name }}</td>
                            <td>
                                @if ($log->is_visible == 1)
                                전시
                                @else
                                비전시
                                @endif
                            </td>
                            <td>
                                @if ($log->is_sellable == 1)
                                판매오픈
                                @else
                                판매마감
                                @endif
                            </td>
                            <td>
                                @if (isset($logs[$key - 1]) && $logs[$key - 1]->product_categories != $log->product_categories)
                                    변경
                                @else
                                    -
                                @endif
                            </td>
                            <td class="text-left">
                                @if ($log->product_thumbnails)
                                    {{ last(explode('/', $log->product_thumbnails[0]->s3_key ?? '')) }}
                                @else
                                -
                                @endif
                            </td>
                            <td>{{ $log->created_by }}</td>
                            <td class="text-start">
                                <x-log id="{{ $log->row_number }}" :log="$log" />
                            </td>
                        </tr>
                        @empty
                        <tr><td colspan="10">No data.</td></tr>
                        @endforelse
                    </tbody>
                </table>
            </main>
        </section>
    @endif
</form>
@endsection

@push("script")
<script>
const productId = $('#product-id').data('id');

$(document).ready(function(){
    changeSalesType();

    @if ($service == 'ielts')
        @if ($checkRefundable && $checkRefundable->id != $product?->id)
        $('input[name=is_refundable]').on('change', function(){
            const $obj = $(this);
            if ($obj.prop('checked') == true) {
                alertify.confirm("환급상품", "현재 판매중인 환급상품이 있습니다. 이 상품으로 대체할까요?",
                    function(){
                        $('label[for="is_refundable"]').text('');
                        alertify.success('내용 저장시 환급상품이 대체됩니다.');
                    },
                    function(){
                        $obj.prop('checked', false);
                    });
            }
        });
        @endif

        $('input[name=is_extensible]').on('change', function(){
            const $obj = $(this);
            const $extensionOption = $('#extension_option');
            const $extensionDay = $('#extension_day');

            if ($obj.prop('checked') == true) {
                $extensionOption.prop("disabled", false);
                $extensionDay.prop("disabled", false);
            } else {
                $extensionOption.val('');
                $extensionDay.val('');
                $extensionOption.prop("disabled", true);
                $extensionDay.prop("disabled", true);
            }
        });
    @endif

    @if ($service == 'academy')
        $('input[name=is_reserved_accepted], input[name=is_reserved_rejected]').on('change', function(){
            const $obj = $(this);
            let $type;

            if ($obj.attr('name') == 'is_reserved_accepted') $type = 'accepted';
            else $type = 'rejected';

            const $reservation_type_id = $('#'+$type+'_reservation_type_id');

            if ($obj.prop('checked') == true) {
                $reservation_type_id.prop("disabled", false);
            } else {
                $reservation_type_id.val('');
                $reservation_type_id.prop("disabled", true);

                const $elements = $("#"+$type+"-reservation-type-detail").find("input, select");

                $elements.each(function(key){
                    const $elm = $(this);

                    $elm.val('');
                    $elm.prop('disabled', true);
                    if (key == 3) $('#'+$type+'_reservation_value4_wrapper').addClass('d-none');
                    else $elm.addClass('d-none');
                });
            }
        });
    @endif
});
</script>
@endpush