@extends('layouts.parent.app')
@section('content')
<div class="club-listing-main full-width">
    <div class="container">
        @include('parent.page_header')
        <div class="full-width">
            <div class="paymentDiv">
                <div class="cart-header-title">
                    <h4 class="text-uppercase mb-0">{{trans('parent.confirm_pay')}}</h4>
                </div>
                <div class="order-detail club-listing-box-main">
                    <div id="checkout-container-div"></div>
                    <div class="order-detail-footer">
                        <div class="d-flex">
                            {{-- <a class="primary-btn text-uppercase" href="{{route('parent.get_cart', $child_data->id)}}">Avbryt</a> --}}
                            @if(!empty($invoiceData))
                            <form action="{{route('parent.save_transaction',$child_data->id)}}" id="pay_form" method="post">
                            @else
                            <form action="{{route('parent.save_invoice',$child_data->id)}}" id="pay_form" method="post">
                            @endif
                                @csrf
                                <input type="hidden" name="status" id="status" value="0">
                                <input type="hidden" name="paymentId" id="paymentId" value="{{$paymentId}}">
                                <input type="hidden" name="transaction_id" id="transaction_id" value="{{$transaction_id}}">
                                {{-- <input type="hidden" name="invoice_id" id="invoice_id" value="{{$invoice_id}}"> --}}
                                {{-- <button class="primary-btn text-uppercase netsbtn" id="pay">Neste</button> --}}
                            </form>
                        </div>
                    </div>
                </div>
            </div>
            {{-- <div class="club-listing-right confirm-payment-right">
                <div class="club-listing-box-main full-width">
                    <div class="text-center payment-detail-right">
                        <h5>{{trans('parent.pay_damount')}}</h5>
                        <p>{{trans('parent.to_activate_pay_damount')}}</p>
                        <h4>kr. {{$helper->price($amountData->other_payable)}}</h4>                        
                    </div>
                </div>
            </div> --}}
        </div>
    </div>
</div>
@endsection

@php $url=config('nets.NETS_CHECKOUT_URL'); @endphp

@section('script')
<script src="{{$url}}"></script>
<script type="text/javascript">
    $(document).ready(function() {
        const paymentId = "{{$paymentId}}";
        // var ckey="test-checkout-key-ea14b55b981847aeb6776dd071d70260";
        var ckey="{{config('nets.NETS_CHECKOUT_KEY')}}"; 
        const checkoutOptions = {
          checkoutKey: ckey,
          paymentId: paymentId,
          containerId: "checkout-container-div",
        };
        const checkout = new Dibs.Checkout(checkoutOptions);
        checkout.on('payment-completed', function (response) {
            console.log('response: ',response);
            $("#status").val(1);
            $("#pay_form").submit();
        });

        
    });
    
</script>
@endsection