@extends("ielts.layout")

@section("ielts-css")
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">

<style>
    input[type="text"], input[type="password"], input[type="tel"], input[type="email"], select {
        padding: .25rem .5rem !important;
        font-size: .875rem !important;
        border-radius: var(--bs-border-radius-sm) !important;
        height: unset !important;
    }
</style>
@endsection

@section("ielts-content")
    <div id="wrap" class="m-5">
        성공!
    </div>
</form>
@endsection

@section('ielts-script')
    {!! resource('js/kakaoPost.js') !!}
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
    <script src="https://cdn.iamport.kr/v1/iamport.js"></script>

    <script>
        function getKakaoPostCode() {
            execKakaoPostcode()
        }

        function onReady() {
            alert("개발중입니다.")
        }

        function onSubmitCheckout() {



            $.ajax({
                url: "{{ route('checkPayment') }}",
                data: $('#checkout_form').serialize(),
                method: "POST",
                dataType: "JSON",
                success: function(result) {
                    console.log(result);

                    IMP.init(result.user_code);
                    IMP.request_pay(result.iamport, function(response) {
                        console.log(response);


                        if (response.status) {
                            const href = "{{ route('payment.complete', ':paymentNo') }}";
                            location.href = href.replace(":paymentNo", response.merchant_uid) + "?id=" + response.imp_uid
                        } else {

                            $.ajax({
                                url: "{{ route('api.payment.complete') }}",
                                data: {
                                    "payment_no" : response.merchant_uid,
                                    "imp_uid" : response.imp_uid,
                                }, method: "POST",
                                dataType: "JSON",
                                success: function() {

                                }, error: function() {

                                }
                            })

                        }
                    });

                }, error: function(error) {

                }
            })
        }
    </script>

@endsection