@extends("common.layout")
@section("header")
    <script src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js" defer></script>
    {!! resource('js/payment/payment-common.js') !!}
@endsection
@section("content")
    @php
        $examTicket = $data->userExamTicket;
        $isChange = $data->location != 'OFFLINE';
    @endphp
    <div class="split">
        <h1><a href="javascript:onClickLink()">결제상세({{ $data->old_index > 0 ? $data->old_index : $data->payment_no }})</a></h1>
    </div>

    <form class="default">
        <div class="row" style="position: relative">
            <input type="hidden" name="payment_id" id="payment_id" value="{{ $data->id }}" />
            <input type="hidden" name="transaction_id" id="transaction_id" value="{{ $transaction->id }}" />
            <div class="col-lg-8 col-md-12">
                <div class="row mt-2" style="align-items: end">
                    <div class="col-md-12">
                        <div class="summary-wrap">
                            <div class="summary-box" style="--box-color: var(--bs-primary)">
                                <div class="summary-title">
                                    <i class="bi bi-check-circle-fill"></i>
                                    <span>주문상태</span>
                                </div>
                                <div class="summary-text {{ in_array($data->status, ["FAILED", "CANCELED", "REPAYMENT"]) ? "text-danger" : "" }}">
                                    {{ $convStatus[$data->status] }}
                                    @if ($data->is_repayment)
                                        (재결제)
                                    @endif
                                </div>
                            </div>
                            <div class="summary-box" style="--box-color: var(--bs-success)">
                                <div class="summary-title">
                                    <i class="bi bi-wallet-fill"></i>
                                    <span>{{ $data->status == "READY" ? "결제예정금액" : "실결제금액" }}</span>
                                </div>
                                <div class="summary-text">{{ number_format($data->total_price) }}원</div>
                            </div>
                            @if ($data->status == "PAID" && $cancel != null && $cancel->cancel_price > 0)
                                <div class="summary-box" style="--box-color: var(--bs-danger)">
                                    <div class="summary-title">
                                        <i class="bi bi-wallet-fill"></i>
                                        <span>취소금액</span>
                                    </div>
                                    <div class="summary-text">{{ number_format($cancel->cancel_price) }}원</div>
                                </div>
                                <div class="summary-box" style="--box-color: var(--bs-warning)">
                                    <div class="summary-title">
                                        <i class="bi bi-wallet-fill"></i>
                                        <span>최종실결제액</span>
                                    </div>
                                    <div class="summary-text">{{ number_format($data->total_price - $cancel->cancel_price) }}원</div>
                                </div>
                            @endif
                            <input type="hidden" name="paid_price" value="{{ $data->total_price }}" id="paid_price" />
                            <input type="hidden" name="cancelable_price" value="{{ $data->total_price - ($cancel != null ? $cancel->cancel_price : 0) }}" id="cancelable_price" />
                        </div>
                    </div>
                    <div class="col-md-12 align-right mt-2">
                        <div class="button-wrap">
                            <button class="btn btn-secondary" type="button" onclick="onClickLink()">목록</button>
                            <button class="btn btn-warning" type="button" onclick="onOpenHistory({{ $data->id }})">히스토리</button>
                            @hasrole(['root',$service.'-admin', 'financial-manager'])
                            @if (in_array($data->status, ["FAILED", "CANCELED", "REPAYMENT"]))
                                <button class="btn btn-primary" type="button" onclick="onCheckPartSubmit()">저장</button>
                            @else
                                <button class="btn btn-primary" type="button" onclick="onCheckSubmit()">저장</button>
                            @endif
                            @if (! $data->is_remove && $data->type == 'OFFLINE')
                                <button class="btn btn-danger" type="button" onclick="onRemove({{ $data->id }}, {{ $data->is_remove }})">삭제</button>
                            @endif
                            @endhasrole
                        </div>
                    </div>
                </div>

                <section class="my-3">
                    <header>
                        고객정보
                        @if (! $data->user)
                            <button class="btn btn-sm btn-primary" type="button" onclick="onOpenPaymentUser()">검색</button>
                        @endif
                    </header>
                    <main>
                        <ul class="row m-0 px-0">
                            <li class="col-3 row m-0 px-0">
                                <label>이름</label>
                                <div id="name">{{ $data->user?->name }}</div>
                            </li>
                            <li class="col-6 row m-0 px-0">
                                <label>아이디/이메일</label>
                                <div id="login_id">{{ $data->user?->getPlain("email") }} {{ ! empty($data->user?->edm_id) ? "(".$data->user?->edm_id.")" : "" }}</div>
                            </li>
                            <li class="col-3 row m-0 px-0">
                                <label>연락처</label>
                                <div id="phone">+{{ $data->user?->phone_code }} {{ $data->user?->getPlain('phone') }}</div>
                            </li>
                        </ul>
                    </main>
                </section>

                <section id="payment" class="mb-3">
                    <header>
                        결제정보
                    </header>
                    <main>
                        <input type="hidden" name="service" id="service" value="{{ $service }}" />
                        <input type="hidden" name="discount_price" id="coupon_price" value="{{ $data->discount_price }}" />
                        <input type="hidden" name="price" id="product_price" value="{{ $data->price }}" />
                        <input type="hidden" name="user_id" value="{{ $data->user_id }}" id="user_id" />

                        <table class="table table-bordered sub-table" style="--th-cols: 4">
                            <tr>
                                <th>
                                    <label class="required">결제상태</label>
                                </th>
                                <td>
                                    @if ( $service == 'academy')
                                        <div class="d-flex mx-0 mt-0 mb-1 font-sm">
                                            <span class="px-0 mr-3 text-secondary">
                                                재결제
                                                <i class="bi bi-info-circle" data-bs-toggle="tooltip" data-bs-placement="right" data-bs-title="결제건 취소 후 다시 결제하는 경우 선택해주세요"></i>
                                            </span>
                                            <div class="form-check form-switch" style="min-height: auto">
                                                <input class="form-check-input" type="checkbox" role="switch" id="is_repayment" name="is_repayment" value="1" @checked($data->is_repayment == 1) @disabled(true)>
                                            </div>
                                        </div>
                                    @endif
                                    @if (in_array($data->status, ["FAILED", "CANCELED", "REPAYMENT",'READY']))
                                        {{ $convStatus[$transaction->status] }}
                                        <input type="hidden" name="status" id="status" value="{{ $data->status }}" >
                                    @else
                                        <select class="form-select form-select-sm" name="status" id="status">
                                            @foreach ($status as $val)
                                                @if (in_array($val['value'], ['READY', "FAILED",'REPAYMENT'])) {
                                                    @continue
                                                @endif
                                                <option value="{{ $val['value'] }}" @selected($val['value'] == $transaction->status )>{{ $val['name'] }}</option>
                                            @endforeach
                                        </select>
                                    @endif

                                </td>
                                <th>
                                    <label class="required">승인번호</label>
                                </th>
                                <td>
                                    @if ( $data->location == 'OFFLINE')
                                        <div class="row m-0 px-0">
                                            <div class="col-9 px-0">
                                                <input type="text" name="approval_no"
                                                    class="form-control form-control-sm number-alpha-only" value="{{ $data->approval_no }}" data-original="{{ $data->approval_no }}" id="approval_no" @disabled(in_array($data->status, ['REPAYMENT', 'PAID'])) />
                                            </div>
                                            <div class="col-3 align-right px-0" id="btn_approval" style="display: none">
                                                <button class="btn btn-sm btn-danger" type="button" onclick="onSearchApprovalNo()">중복체크</button>
                                            </div>
                                        </div>
                                        <div class="validation-wrap mt-2" id="approval_text" style="display: none">
                                            <p class="m-0 error">승인번호 변경 시 중복체크를 진행해주세요</p>
                                            <p class="m-0 success" style="display: none">사용할 수 있는 승인번호입니다.</p>
                                        </div>
                                    @else
                                        <div class="row m-0 px-0">
                                            {{ $data->approval_no }}
                                        </div>
                                    @endif

                                </td>
                            </tr>
                            <tr>
                                <th>
                                    <label class="required">결제수단</label>
                                </th>
                                <td>
                                    <select @class(["form-select", "form-select-sm", 'disabled' => $isChange]) name="method" id="method" @disabled($isChange)>
                                        @foreach ($method as $val)
                                            <option value="{{ $val['value'] }}" @selected($val['value'] == $data->method)>{{ $val['name'] }}</option>
                                        @endforeach
                                    </select>
                                </td>
                                <th>
                                    <label class="status_cancel" id="price_label">
                                        {{ in_array($transaction->status, ['CANCELED', 'PART_CANCELED']) ? '취소금액' : "결제금액"  }}
                                    </label>
                                </th>
                                <td>
                                    <input type="text" name="cancel_price" class="form-control form-control-sm number-format" id="cancel_price" disabled value="{{ number_format($transaction->price)  }}">
                                    <div class="validation-wrap mt-2" id="cancel_validation" style="display: none">
                                        <p class="m-0">취소가능금액 보다 취소금액이 많습니다. 금액을 다시 확인해주세요</p>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <th><label class="method-card">일시불/할부</label></th>
                                <td>
                                    <div class="row m-0 px-0">
                                        <div class="col-6 px-0">
                                            <select @class(["form-select", "form-select-sm", 'disabled' => $isChange]) name="is_sum" id="is_sum" @disabled($isChange || ( ! $isChange && $data->method != "CARD"))>
                                                <option value="0" @selected($data->is_sum == 0)>선택</option>
                                                <option value="1" @selected($data->is_sum == 1)>일시불</option>
                                                <option value="2" @selected($data->is_sum == 2)>할부</option>
                                            </select>
                                        </div>
                                        <div class="col-6 px-0">
                                            <select @class(["form-select", "form-select-sm", 'disabled' => $isChange])" name="monthly_count" id="monthly_count" @disabled($isChange || ( ! $isChange && $data->method == 2))>
                                                <option value="0" @selected($data->monthly_count == 0)>선택</option>
                                                @for ($i = 2 ; $i < 13 ; $i++)
                                                    <option value="{{ $i }}" @selected($data->monthly_count == $i)>{{ $i }}개월</option>
                                                @endfor
                                                <option value="24"  @selected($data->monthly_count == 24)>24개월</option>
                                                <option value="36"  @selected($data->monthly_count == 36)>36개월</option>
                                            </select>
                                        </div>
                                    </div>
                                </td>
                                <th><label class="method-card">카드정보</label></th>
                                <td>
                                    <select @class(["form-select", "form-select-sm", 'disabled' => $isChange]) name="card_name" id="card" @disabled($isChange || ( ! $isChange && $data->method != "CARD"))>
                                        <option value="">선택</option>
                                        @foreach ($cards as $val)
                                            <option value="{{ $val['value'] }}" @selected($val['value'] == $data->card_name)>{{ $val['name'] }}</option>
                                        @endforeach
                                    </select>
                                </td>
                            </tr>
                            @if ($data->service == 'academy')
                            <tr>
                                <th><label>번호/발급</label></th>
                                <td>
                                    <input type="text" name="cash_number" class="form-control form-control-sm number-only" maxlength="4" id="cash_number" value="{{ $data->cash_number }}">
                                </td>
                                <th><label>항목구분</label></th>
                                <td>

                                    <select class="form-select form-select-sm" name="settle_type">
                                        <option value="">선택</option>
                                        <option value="수강" @selected($data->settle_type == '수강')>수강</option>
                                        <option value="첨삭" @selected($data->settle_type == '첨삭')>첨삭</option>
                                        <option value="CDT" @selected($data->settle_type == 'CDT')>CDT</option>
                                        <option value="교재" @selected($data->settle_type == '교재')>교재</option>
                                        <option value="기타" @selected($data->settle_type == '기타')>기타</option>
                                    </select>
                                </td>
                            </tr>
                            @endif
                            <tr>
                                <th><label>거래일자</label></th>
                                <td>
                                    <input type="date" name="paid_at" id="paid_at" @class(["form-select", "form-select-sm", 'disabled' => $isChange]) value="{{ $data->paid_at ? date("Y-m-d", strtotime($data->paid_at)) : date("Y-m-d") }}" disabled  data-accept="false">
                                </td>
                                <th><label class="status_cancel">취소일자</label></th>
                                <td>
                                    <input type="date" name="canceled_at" id="canceled_at" class="form-control form-control-sm" value="{{ $transaction->canceled_at ? date("Y-m-d", strtotime($transaction->canceled_at)) : ''  }}" disabled>
                                </td>
                            </tr>
                            <tr>
                                <th><label>결제환경</label></th>
                                <td>
                                    <select @class(["form-select", "form-select-sm", 'disabled' => $isChange]) name="device_type" id="device_type" @disabled($isChange)>
                                        <option value="" >선택</option>
                                        <option value="PC" @selected($data->device_type == "PC") >PC</option>
                                        <option value="MOB" @selected($data->device_type == "MOB") >모바일</option>
                                    </select>
                                </td>
                                <th><label class="status_cancel">취소사유</label></th>
                                <td>
                                    @if ( $service == 'academy')
                                        @php
                                            $isOtherReason = $transaction->cancel_reason && ! in_array($transaction->cancel_reason, $cancel_messages);
                                        @endphp
                                        @if ( ! $isOtherReason )
                                            <select id="cancel-messages" class="form-select form-select-sm" disabled data-accept="false">
                                                @if (! $transaction->cancel_reason )
                                                    <option disabled selected>선택하세요</option>
                                                @endif
                                                @foreach ($cancel_messages as $text)
                                                    <option value="{{ $text }}" @selected($transaction->cancel_reason == $text)>{{ $text }}</option>
                                                @endforeach

                                            </select>
                                        @endif
                                        <input type="text" name="cancel_reason" id="cancel_reason" class="form-control form-control-sm mt-1"  value="{{ $transaction->cancel_reason }}" style="{{ $isOtherReason ?: "display: none" }}"/>
                                    @else
                                        <div class="d-flex mx-0 mt-0 mb-1 font-sm">
                                            <span class="px-0 mr-3 text-secondary">
                                                환급
                                                <i class="bi bi-info-circle" data-bs-toggle="tooltip" data-bs-placement="right" data-bs-title="환급일 경우 체크해주세요"></i>
                                            </span>
                                            <div class="form-check form-switch" style="min-height: auto">
                                                <input class="form-check-input" type="checkbox" role="switch" id="is_refundable" name="is_refundable" value="1" @checked($transaction->is_refundable == 1) @disabled(true)>
                                            </div>
                                        </div>

                                        <input type="text" name="cancel_reason" id="cancel_reason" class="form-control form-control-sm"  value="{{ $transaction->cancel_reason }}" disabled/>
                                    @endif
                                </td>
                            </tr>
                        </table>
                    </main>
                </section>

                @if ($data->service == 'academy' && in_array($data->method, ['TRANSFER', 'DEPOSIT']))
                    <section class="my-3" id="receipt_form">
                        <header>
                            <h6>현금영수증 정보</h6>
                        </header>
                        <main>
                            @if ($data->paymentCashReceipts->isNotEmpty())
                                @if ( $data->status == 'PAID')
                                    <div id="receipt_item" style="display: none">
                                        <div class="sub-title">취소정보</div>
                                        @include("payment.layout.payment-receipt", ['status' => "CANCELED", 'price' => $data->total_price])
                                    </div>
                                @endif
                                @foreach ( $data->paymentCashReceipts as $receipt)
                                    <div class="sub-title">{{ $receipt->status == 'ISSUED' ? "승인" : "취소" }}정보</div>
                                    <table class="table table-bordered sub-table" style="--th-cols: 4">
                                        <tbody>
                                            <tr>
                                                <th><label>승인번호</label></th>
                                                <td>{{ $receipt->receipt_no }}</td>
                                                <th><label>금액</label></th>
                                                <td>{{ number_format($receipt->amount) }}원</td>
                                            </tr>
                                            @if ($receipt->status == 'ISSUED')
                                            <tr>
                                                <th>
                                                    <label>발급구분</label>
                                                </th>
                                                <td>{{ $receipt->issued_type == "PHONE" ? "핸드폰번호" : "사업자등록증번호" }}</td>
                                                <th><label>발급번호</label></th>
                                                <td>{{ $receipt->issued_type == "PHONE" ? $receipt->getPlain('issued_number') : $receipt->issued_number }}</td>
                                            </tr>
                                            @endif
                                        </tbody>
                                    </table>
                                @endforeach
                            @else
                                <div class="sub-title flex">
                                    <div>승인정보</div>
                                    <button class="btn btn-sm btn-primary" type="button" onclick="onCreateCashReceipt()"><i class="bi bi-pencil-square"></i></button>
                                </div>
                                @include("payment.layout.payment-receipt", ['status' => "ISSUED", 'price' => $data->total_price])
                            @endif
                        </main>
                    </section>
                @endif
                @if($service == "academy")
                    @include('payment.partials.payment-calculation',['data' => $data, 'type' => 'detail'])
                @endif
                <section class="mb-3">
                    <header>
                        구매상품
                        @if (sizeof($data->enrollments) == 0)
                            <button class="btn btn-sm btn-primary" type="button" onclick="onOpenPaymentProduct('{{  $service }}')">검색</button>
                        @endif
                    </header>
                    <main>

                        @if (sizeof($data->enrollments) == 0)
                            @include("payment.layout.payment-product-empty")
                        @else
                            <div class="alert alert-info">
                                * 결제 취소 시 상품이 선택된 상태인 경우 회원 내강의실에서 수강종료 상태로 즉시 변경됩니다.
                            </div>
                            @include("payment.layout.payment-product", ["data" => $data, "cancel" => $cancel, 'service' => $service])

                        @endif

                    </main>
                </section>
                <section>
                    <header>
                        사용쿠폰
                        @if ( $data->location == "OFFLINE")
                            <button class="btn btn-sm btn-primary" type="button" onclick="onOpenPaymentCoupon('{{  $service }}')">검색</button>
                        @endif
                    </header>
                    <main>
                        @if ($data->status == "FAILED")
                            <div class="alert alert-warning text-danger">쿠폰은 미사용으로 처리되어 내역에서는 조회되지 않습니다</div>
                        @endif
                        <table class="table table-striped table-hover" id="coupon">
                            <colgroup>
                                <col width="/">
                                <col width="20%">
                                <col width="20%">
                                <col width="10%">
                            </colgroup>
                            <thead>
                                <tr>
                                    <th>쿠폰명</th>
                                    <th>적용금액</th>
                                    <th>사용일</th>
                                    <th></th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr id="default" style="display: none">
                                    <input type="hidden" name="coupon_id" value="" data-accept="false">
                                    <input type="hidden" name="product_option_id" value="" data-accept="false">
                                    <input type="hidden" name="discount_price" value="" data-accept="false">
                                    <input type="hidden" name="is_overlapping" value="" data-accept="false">
                                    <td class="coupon_name"></td>
                                    <td class="price"></td>
                                    <td></td>
                                    <td class="align-center">
                                        <button class="btn btn-sm btn-danger onRemoveRow" type="button">
                                            <i class="bi bi-trash"></i>
                                        </button>
                                    </td>
                                </tr>
                                @foreach ($data->issuedCouponsAll as $val)
                                <tr class="{{ $val->deleted_at ? "cancel"  : ""}}">
                                    <td class="coupon_name">{{ $val->coupon->name }}</td>
                                    <td class="price">{{ number_format($val->discount_price)  }}</td>
                                    <td>{{ $val->used_at }}</td>
                                    <td class="align-center">
                                        @if (! $val->deleted_at)
                                            <input type="hidden" name="issued_id[]" value="{{ $val->id }}" >
                                            <input type="hidden" name="coupon_id[]" class="coupon_id" value="{{ $val->coupon_id }}" data-accept="false">
                                            <input type="hidden" name="product_option_id[]" class="product_option_id" value="{{ $val->product_option_id }}" data-accept="false">
                                            <input type="hidden" name="discount_price[]" class="discount_price" value="{{ $val->discount_price }}" data-accept="false">
                                            <input type="hidden" name="is_overlapping[]" class="is_overlapping" value="{{ $val->coupon->is_combinable }}" data-accept="false">
                                            <button class="btn btn-sm btn-danger onRemoveRow" type="button">
                                                <i class="bi bi-trash"></i>
                                            </button>
                                        @endif
                                    </td>
                                </tr>
                                @endforeach
                            </tbody>
                            <tfoot>
                                <tr class="warning">
                                    <th colspan="2">총 할인금액</th>
                                    <td colspan="2" class="align-right">
                                        <strong class="total_price text-danger">{{ number_format($data->discount_price)}}</strong>원
                                    </td>
                                </tr>
                            </tfoot>
                        </table>
                    </main>
                </section>
            </div>
            <div class="col-lg-4 col-md-12 fixed">
                @include("payment.layout.payment-memo")
            </div>
        </div>
    </form>

@endsection

@push("script")
    <script>
        let isChangeApprovalNo = false;
        const UUID =  generateUUID();
        $(function() {
            // onChangeStatus($("#status").val());
            onChangeMethod($("#method").val());

            $(document).on("click", ".onRemoveRow" ,function() {
                const tableId = $(this).closest("table").attr("id");
                $(this).closest("tr").remove();
                onChangeTotalPrice(tableId);
            })

            $(document).on("click", "#product td", function() {
                const tr = $(this).closest("tr");
                onClickTable(tr);
            })

            $('#cancel_price').on("keyup", function() {
                checkCancelPrice($(this).val());
            })

            $('#cancel-messages').on("change", function() {
                if ( $(this).val() == '기타') {
                    $('#cancel_reason').show();
                    $('#cancel_reason').val("")
                } else {
                    $('#cancel_reason').hide($(this).val())
                    $('#cancel_reason').val($(this).val())
                }

            })

            $('#is_refundable').on("click", function() {
                if ( $(this).is(":checked") ) {
                    $('#cancel_reason').val("환급 ("+ $('#cancel_price').val() +"원)")
                }
            });

            $('#approval_no').on("keyup", function() {
                const original = $(this).data('original');
                if ( $(this).val() != original) {
                    $('#btn_approval, #approval_text,  #approval_text .error').show();
                    isChangeApprovalNo = true;
                } else {
                    $('#btn_approval, #approval_text, #approval_text .error').hide();
                    $('#approval_text .error').text("승인번호 변경 시 중복체크를 진행해주세요");
                    isChangeApprovalNo = false;
                }
            })
        })

        function onClickLink() {
            location.href="{{ route('payment.list', $service) }}";
        }

        function checkCancelPrice(cancelPrice) {
            cancelPrice = Number(cancelPrice.replace(/[^0-9]/g, ''));
            if (cancelPrice > $('#cancelable_price').val()) {
                $('#cancel_price').addClass("form-control-error");
                $("#cancel_validation").show();
            } else {
                $('#cancel_price').removeClass("form-control-error");
                $("#cancel_validation").hide();
            }

            return cancelPrice > $('#cancelable_price').val();
        }

        function onCheckSubmit() {
            let cancel_price = 0;
            @if ( $data->location != 'OFFLINE')
                if ( $("#status").val() == "CANCELED" ||  $("#status").val() == "PART_CANCELED") {
                    if ($.isEmptyObject($("#cancel_reason").val())) {
                        alertify.alert("알림", "취소사유를 입력하세요");
                        return false;
                    }
                }
            @endif

            if (! $('#canceled_at').prop("disabled")) {
                if ( $('#canceled_at').val() < $('#paid_at').val()) {
                    alertify.alert("알림", "취소일자는 거래일자보다 이후 날짜여야 합니다.");
                    return false;
                }
            }

            if (!$('#user_id').val() || $('#user_id').val() === '0') {
                alertify.alert("알림", "고객정보(이름/아이디/연락처)를 입력해 주셔야 합니다.");
                return false;
            }

            if ($("#status").val() == "PART_CANCELED") {
                if ($.isEmptyObject($("#cancel_price").val())) {
                    alertify.alert("알림", "취소할 금액을 입력하세요");
                    return false;
                }

                const cancel_price = $('#cancel_price').val().replace(/[^0-9]/g, '');
                if (cancel_price == 0) {
                    alertify.alert("알림", "취소금액을 입력해주세요");
                    return false;
                }
                if (checkCancelPrice(cancel_price)) {
                    alertify.alert("알림", "취소 금액이 취소가능한 금액보다 큽니다. 다시 확인해주세요");
                    return false;
                }

                if ($(".enroll_id:checked").length == 0) {
                    alertify.confirm("확인", "취소할 상품이 선택되지 않았습니다. <br>계속 진행하시겠습니까?" , () => {
                        onSubmit(cancel_price);
                     }, () => { return ; })
                } else {
                    onSubmit(cancel_price);
                }
            } else if ($("#status").val() == "FAIL" || $("#status").val() == "CANCELED"  || $("#status").val() == "REPAYMENT" ){
                cancel_price = $('#cancelable_price').val();
                onSubmit(cancel_price);
            } else {
                onSubmit(0);
            }
        }

        function onCheckPartSubmit( ) {

            @if( $service == "academy")
            if (!academyCalcValidate()) {
                return false;
            }
            @endif

            if ( $('#canceled_at').val() < $('#paid_at').val()) {
                alertify.alert("알림", "취소일자는 거래일자보다 이후 날짜여야 합니다.");
                return false;
            }

            if (!$('#user_id').val() || $('#user_id').val() === '0') {
                alertify.alert("알림", "고객정보(이름/아이디/연락처)를 입력해 주셔야 합니다.");
                return false;
            }

            const params = {
                "payment_id" : $("#payment_id").val(),
                "transaction_id" : $("#transaction_id").val(),
                "canceled_at" : $("#canceled_at").val(),
                "status" : $("#status").val(),
                "is_refundable" : $("#is_refundable").length > 0 ? $("#is_refundable").is(":checked") : '',
                "cancel_reason" : $("#cancel_reason").val(),
            };
            if ($("#service").val() === 'academy') {
                params['calculate'] = {};

                $('#calculation').find('input, select, textarea').each(function () {
                    let name = $(this).attr('name');   // input/select/textarea의 name 속성
                    let value = $(this).val();
                    let type = $(this).attr('type');   // input type 확인

                    if (!name) return;


                    if (type === 'checkbox') {
                        // 체크박스면 checked 여부에 따라 값 결정
                        value = $(this).is(':checked') ? $(this).val() : 0;
                    } else {
                        value = $(this).val();
                    }


                    // []가 붙은 배열형 name 처리
                    if (/\[\]$/.test(name)) {
                        // 뒤의 [] 제거
                        let baseName = name.replace(/\[\]$/, '');

                        // 배열 초기화
                        if (!Array.isArray(params['calculate'][baseName])) {
                            params['calculate'][baseName] = [];
                        }
                        params['calculate'][baseName].push(value);
                    } else {
                        // 일반 name은 그냥 저장
                        params['calculate'][name] = value;
                    }
                });
            }

            alertify.confirm("확인", "저장하시겠습니까?", async () => {
                const result = await customFetch("{{ route('api.payment.cancel-modify') }}", {
                    method: "POST",
                    body : JSON.stringify(params) ,
                    headers: { "Content-Type" : "application/json"}
                });

                if (result.status) {
                    alertify.alert("완료", "저장되었습니다.", () => {
                        location.href = ("{{ route('payment.detail', ':paymentId') }}").replace(":paymentId", $("#payment_id").val())
                    });
                } else {
                    alertify.alert("error", result.message);
                }
            }, () => {})
        }

        function onSubmit(cancel_price) {
            @if( $service == "academy")
            if (!academyCalcValidate()) {
                return false;
            }
            @endif


            if ( isChangeApprovalNo && ! $('#btn_approval button').hasClass('btn-success') ) {
                alertify.alert("Error", "승인번호가 변경되었습니다. 중복체크를 먼저 진행하세요", () => {  });
                return error;
            }

            //validation check
            const payment = getData("payment");
            if (isCreateStatus()) {
                payment['monthly_count'] = payment['is_sum'] == 1 ? 1 : payment['monthly_count'];
            }

            payment['cancel_price'] = cancel_price;
            const params = {
                "payment_id" : $("#payment_id").val(),
                "transaction_id" : $("#transaction_id").val(),
                "payment" : payment,
                "product" : getData("product"),
                "coupon" : getData("coupon")
            };

            if ( $('#receipt_form').length > 0 ) {
                params['receipt'] = getData('receipt_form');
            }

            if ($("#service").val() === 'academy') {
                params['calculate'] = {};

                $('#calculation').find('input, select, textarea').each(function () {
                    let name = $(this).attr('name');   // input/select/textarea의 name 속성
                    let type = $(this).attr('type');   // input type 확인
                    let value = $(this).val();

                    if (!name) return;


                    if (type === 'checkbox') {
                        // 체크박스면 checked 여부에 따라 값 결정
                        value = $(this).is(':checked') ? $(this).val() : 0;
                    } else {
                        value = $(this).val();
                    }


                    // []가 붙은 배열형 name 처리
                    if (/\[\]$/.test(name)) {
                        // 뒤의 [] 제거
                        let baseName = name.replace(/\[\]$/, '');

                        // 배열 초기화
                        if (!Array.isArray(params['calculate'][baseName])) {
                            params['calculate'][baseName] = [];
                        }
                        params['calculate'][baseName].push(value);
                    } else {
                        // 일반 name은 그냥 저장
                        params['calculate'][name] = value;
                    }
                });
            }

            setTimeout(() => {
                alertify.confirm("확인", "저장하시겠습니까?", async () => {
                    const result = await customFetch("{{ route('api.payment.modify') }}", {
                        method: "POST",
                        body : JSON.stringify(params) ,
                        headers: { "Content-Type" : "application/json", "uuid" : UUID }
                    });

                    if (result.status) {
                        if ( $("#status").val() == "CANCELED" && $('#service').val() == 'academy') {
                        alertify.confirm("완료", "결제취소로 저장되었습니다. 재결제 화면으로 바로 이동하시겠습니까?", () => {
                            location.href = ("{{ route('payment.add', ':service') }}").replace(":service", $("#service").val()) + "?isRepayment=1&userId=" + $('#user_id').val()
                        }, () => {
                            location.href = ("{{ route('payment.detail', ':paymentId') }}").replace(":paymentId", $("#payment_id").val())
                        });
                    } else {
                        alertify.alert("완료", "저장되었습니다.", () => {
                            location.href = ("{{ route('payment.detail', ':paymentId') }}").replace(":paymentId", $("#payment_id").val())
                        });
                    }
                    } else {
                        alertify.alert("error", result.message);
                    }
                }, () => {})
            }, 100);


        }

        function onRemove(paymentId, isRemove) {
            if (isRemove == 1) {
                onRemovePayment(paymentId);
            } else {
                alertify.alert("error", '회원이 수강 중 상태로 삭제할 수 없습니다.', () => { });
            }
        }

        function onViewEnrollment(enrollmentId) {
            const href = "{{ route('user.popup.enroll', ['userId' => $data->user_id, 'enrollmentId' => ':enrollmentId']) }}";
            edmPopupOpen(href.replace(":enrollmentId", enrollmentId))
        }

        function onCreateCashReceipt() {
            const params = getData('receipt_form');
            params['payment_id'] = $('#payment_id').val()

            alertify.confirm("확인", "저장하시겠습니까?", async () => {
                const result = await customFetch("{{ route('api.payment.receipt-create') }}", {
                    method: "POST",
                    body : JSON.stringify(params) ,
                    headers: { "Content-Type" : "application/json" }
                });

                if (result.status) {
                    alertify.alert("완료", "현금영수증 정보가 저장되었습니다.", () => {
                        // location.reload();
                    });
                } else {
                    alertify.alert("error", result.message);
                }
            }, () => {})

        }

        async function onSearchApprovalNo() {

            if ($.isEmptyObject($("#approval_no").val())) {
                alertify.alert("알림", "승인번호를 입력해주세요");
                return false;
            }

            const result = await customFetch("{{ route('api.payment.search') }}?&approval_no="+ $("#approval_no").val() + "&payment_id={{ $data->id }}", {
                method: "GET",
                headers: { "Content-Type" : "application/json"}
            });

            if (result.status) {
                alertify.confirm("알림" , "이미 등록된 승인번호입니다.<br>해당 승인 번호가 저장된 페이지를 복사하여 불러옵니다.", () => {
                    const href = "{{ route('payment.detail', ':paymentId') }}?status=" + $('#status').val();
                    location.href= href.replace(":paymentId", result.payment_id);
                }, () => { });

                $('#approval_text .error').text("이미 등록된 승인번호입니다.");
            } else {
                isCertify = true;
                $('#btn_approval button').removeClass("btn-danger").addClass("btn-success");
                $('#approval_text .error').hide();
                $('#approval_text .success').show();
                // if (isCreateStatus()) {
                //     if ( ! isSkip) {
                //         alertify.alert("알림", "사용할 수 있는 승인번호입니다.");
                //     }
                // } else {
                //     alertify.alert("error", result.message);
                // }
            }
        }


    </script>
@endpush